Core Web Vitals hallottál már róla?

oldalélmény

A core web vitals azaz rövidítve cwv az oldalélmény,felhasználói élmény fő szempontjait számszerűsítő adatokból álló Google rangsorolási rendszer.

Miért jó nekünk ez a rendszer?
Ezzel a rendszerrel még pontosabb és fontosabb keresőoptimalizálási beállításokat eszközölhetsz a honlapodra.

Ez az új rendszer fő szempontjairól szól a következő fejezet.

Core web vitals (cwv) 3 fő szempontja

  • Betöltés (LCP) angolul: Largest Contetful Paint
    A betöltés sebessége alapján értékeli a felhasználó élményt.Az alapján, hogy mennyi időbe telik az adott oldal legnagyobb szövegblokkja vagy a legnagyobb kép teljes egészében láthatóvá nem válik.

  • Interaktivitás angolul:First Input Delay (FID)
    Az FID tehát az adott weboldalnak a felhasználó beviteli kisérleteire adott reakció idejét méri.
    Az elérendő cél az, hogy ezt az értéket az oldalak 75% nál <=100 msec alatt tartsuk.

  • Vizuális stabilítás angolul:Cumulative Layout Shift (CLS)


    Két mérőszám az IF (Impact fraction) és a DF(Distant Fraction) szorzatával állapítható meg.Amit a Google tizedes értékként lát.
  • IF:
    Például a weboldal egyik eleme x% -át teszi ki betöltéskor kezdetén és utána csak egy kisebb hányadát.
    Maradva az előző példánál: 40% és 12%.
    A két értéket össze adja a rendszer 52% amit 0.52 ként fog mutatni.

  • DF:
    Azt mutatja meg, hogy a betöltés során az adott elem milyen távolságra helyezkedik el az eredeti pozíciójához képest.
    A fenti példánál maradva ez pl: 12% azaz 0.12.
    Tehát a CLS ennek a két számnak a szorzata és akkor dolgoztunk jól ha az oldalbetöltések 75% ánál ez a z érték: > 0,10.

Mi okozhat rossz core web vitals mutatókat?

  • Rossz CLS értékek
    ezek lehetnek

  • rosszul paraméterezett
    képek,beágyazott videók,űrlapok,sablonok

  • képelem és dinamikus tartalom beágyazása a hajtás feletti részben.
  • Foit és Fout felvillanó hibát okozó betűtípusok alkalmazása


    First input delay(FID) rossz értékei lehetnek:

  • Harmadik féltől származó szkriptek betöltésének engedélyezése
    ezek az elemek lehetnek:
  • Rádiógomb,szövegmező,jelölőnégyzetek,legördülő menü


    Rossz LCP értékek lehetséges okai
  • Megjelenést blokkoló javascript,Css és nem optimalizált képek használata.

A core web vitals és a mobil platform

core web vitals oldalélmény
core web vitals oldalélmény

Az oldalélmény javítása érdekében (CWV) tett fejlesztések a mai világban egyértelműen a mobil felhasználók felé mozdul el.
A keresőrobotok elsőként a weboldalak mobilbarát verzióját fogják feltérképezni és rangsorolni.Ezen értékek alapján fogják rangsorolni az oldalunk megjelenését a találati listán.

Rövid tanácsot olvashatsz a következő fejezetben az oldalélmény használatával kapcsolatban.

Jó tanács a CWV használatához

Természetesen a jó oldalélményt nem írja felül a minőségi és releváns tartalmat egyik weboldalon sem.
Ezért próbáljunk mindig megfelelni a felhasználók igényeinek.