Március elején élesedett a Google Consent Mode v2 (erről az előző bejegyzésünkben írtunk bővebben), és a Google máris tovább fejleszti az eszközeit és a mutatóit. Ezúttal a weboldalak teljesítményén a hangsúly: március 12-től az Interaction to Next Paint (INP) hivatalosan is a Core Web Vitals mutatói közé kerül.
Ebben a bejegyzésben megmutatjuk, mit mér az INP, hogyan hat a rangsorolásra, és hogyan készülhetsz fel rá időben. Ha érted az INP-t és a hatását, konkrét lépésekkel optimalizálhatod a weboldaladat a jobb felhasználói élményért, és akár előrébb is kerülhetsz a Google találati listáján.
Röviden a Core Web Vitalsról
Hogy jól megértsük az Interaction to Next Paintet (INP), nézzük meg röviden, mi a Core Web Vitals. Elgondolkodtál már azon, mitől lesz egy weboldal igazán kellemes és vonzó? A választ a Core Web Vitals adja: ezek a Google által kidolgozott mutatók azt mérik, milyen élményt ad egy weboldal a valódi felhasználóknak. Olyan fontos szempontokat fednek le, mint a betöltési sebesség, az interaktivitás és a vizuális stabilitás. Ha a Core Web Vitals javítására koncentrálsz, bizonyíthatóan nő a felhasználók elköteleződése, és akár a helyezésed is javulhat a keresőben.
A mutatók három fő területet mérnek:
- Betöltési sebesség: Ezt a Largest Contentful Paint (LCP) méri. Azt figyeli, hogy az oldal fő tartalma az első 2,5 másodpercen belül betöltődjön, így a látogató az első pillanattól ott marad.
- Interaktivitás: Ezt a First Input Delay (FID) méri. Azt figyeli, hogy a weboldalad gördülékenyen reagáljon a kattintásokra és az érintésekre. A jó élményhez 100 milliszekundumnál kisebb FID a cél.
- Vizuális stabilitás: Ezt a Cumulative Layout Shift (CLS) méri. Azt figyeli, hogy minél kevesebb váratlan elrendezésváltozás zavarja meg a látogatókat. 0,1 alatti CLS-értéknél a látogatók zökkenőmentesen mozoghatnak az oldaladon.
Egy példa a Core Web Vitals működésére:
Helyzet: Egy online ruhaboltban böngészel. Az LCP gondoskodik róla, hogy a termékfotók és a leírások gyorsan betöltődjenek, így nem veszíted el az érdeklődésedet. A FID azt figyeli, hogy az oldal gördülékenyen reagáljon, amikor egy termékre kattintasz a részletekért. A CLS pedig megakadályozza, hogy az elrendezés ugráljon, miközben betöltődnek a képek.
A Core Web Vitals javítása nemcsak a felhasználói élményről szól, hanem a weboldalad sikeréről is. Ez a három mutató (betöltési sebesség, interaktivitás és vizuális stabilitás) javíthatja a helyezésedet, ott tarthatja a látogatókat, és végül több konverziót hoz.
FID helyett INP: a Google új Core Web Vitals-mutatója
A Google Search Console-ban eddig a First Input Delay volt az egyik kiemelt Core Web Vitals-mutató. Március 12-től az Interaction to Next Paint (INP) veszi át a helyét. A váltás jól mutatja, hogyan változik a Google szemlélete a weboldalak reakcióidejének és a felhasználói élménynek a mérésében. A FID hasznos mutató volt, de az INP többet mond.
A FID korlátai
„Az LCP gondoskodik róla, hogy a termékfotók és a leírások gyorsan betöltődjenek, így nem veszíted el az érdeklődésedet.”
A FID főleg a reakcióidő technikai oldalát nézte: azt mérte, mennyi idő telik el a felhasználó első művelete (például egy kattintás) és aközött, hogy a böngésző nekilát a feldolgozásának. A feldolgozás lehet adatlekérés, a DOM (Document Object Model) frissítése vagy JavaScript-kód futtatása.
INP: a reakcióidő teljes képe
Az Interaction to Next Paint (INP) a felhasználó szemszögéből mér. A teljes interakciót nézi: a feldolgozás idejét és azt is, mennyi idő alatt jelenik meg a képernyőn az első látható változás a felhasználó művelete nyomán. Képzeld el, hogy egy webshopban böngészel, és rákattintasz egy termékképre. Az INP azt méri, mennyi idő telik el, amíg a kattintásod után megjelenik az első látható változás. Ez lehet a kép betöltése, egy új termékoldal vagy bármi, amit a felhasználó lát. Az INP tehát azt méri, milyen gyorsnak érzi a felhasználó az oldalt, és túllép a FID által mért technikai feldolgozási sebességen. Alacsony INP mellett a felhasználó gyors visszajelzést lát a műveleteire, és gördülékenyebbnek, vonzóbbnak érzi a böngészést.
A FID-ről INP-re váltás azt mutatja, mennyire fontos a zökkenőmentes felhasználói élmény. Ha az INP javítására koncentrálsz, a látogatóid gyors visszajelzést kapnak a műveleteikre. Gördülékenyebb és vonzóbb lesz az élmény, ez pedig javíthatja az elégedettséget és az olyan mutatókat, mint a visszafordulási arány és az oldalon töltött idő.
Az INP-ről bővebben a Google bejegyzésében olvashatsz.
Hogyan mérjük az INP-t?
Az INP-t milliszekundumban (ms) mérjük, és megmutatja, milyen gyorsan reagál a weboldalad:
- 200 ms alatt: Kiváló. A weboldal nagyon gyorsan reagál, és zökkenőmentes élményt ad.
- 200–500 ms: Van mit javítani. A felhasználók enyhe késést érezhetnek a műveleteik után.
- 500 ms és fölötte: Komoly optimalizálás kell. Ebben a tartományban a felhasználók bosszantóan lassúnak érezhetik az oldalt.
Az INP-értéket több tényező is befolyásolja, például:
- Az oldal mérete és összetettsége: A nagyobb, összetettebb oldalak általában lassabban töltődnek be és reagálnak.
- A JavaScript- és CSS-fájlok száma: Minél több fájlt kell betöltenie a böngészőnek, annál tovább tarthat, amíg az oldal használhatóvá válik.
Az INP-t sok online eszközzel ingyen mérheted, például a Google PageSpeed Insights segítségével. Ezek elemzik a weboldaladat, és részletes jelentést adnak, benne:
- az INP-értékkel: a weboldalad mostani INP-értékével;
- a javaslatokkal: konkrét tippekkel arra, hogyan optimalizáld a weboldaladat, és hogyan javíts az INP-értékén.
Miért fontos az INP a webshopoknak: a siker a felhasználónál kezdődik
Webshoptulajdonosként az Interaction to Next Paint (INP) sokkal több neked egy technikai mutatónál. Ezt nyeri a webshopod, ha javítasz az INP-n:
- Jobb felhasználói élmény: Jobb INP mellett a vásárlóid nem ütköznek bosszantó késésekbe, amikor a termékeidet nézik, vagy az oldaladon navigálnak. Gördülékenyebb a vásárlás, és nagyobb az esélye, hogy le is adják a rendelést.
- Több eladás: Kutatások szerint egy másodperc késés az oldalbetöltésben akár 7%-kal is csökkentheti a konverziót. Az alacsonyabb INP-vel gyorsabban reagál az oldal, és ez közvetlenül több eladást hozhat a webshopodnak.
- Elégedettebb vásárlók: A lassú, nehezen reagáló webshop gyorsan felbosszantja a vásárlókat, és elhagyott kosarakhoz vezet. Ha javítasz az INP-n, gördülékenyebb az élmény, a vásárlók maradnak, és a márkahűség is erősödhet.
- Jobb helyezés a keresőben: Az INP nem az egyetlen rangsorolási tényező, de a Google előnyben részesíti a jó felhasználói élményt adó weboldalakat. Ha az INP-t a többi Core Web Vitals-mutatóval együtt optimalizálod, a webshopod jobban látszhat a találati listán, és több leendő vásárlót vonzhatsz.
Összegzés: fogadd el a változást, és optimalizálj a felhasználóidért
A Google folyamatosan fejleszti az eszközeit és a mutatóit, ezért a FID-ről INP-re váltás kulcsfontosságú minden weboldalnak, különösen a webshopoknak. A FID megtette a dolgát, de az INP teljesebb képet ad, és a felhasználói élményt teszi az első helyre. Ha megérted és optimalizálod az INP-t, gyorsan reagáló, vonzó weboldalt építhetsz, amely elégedettebb vásárlókat hoz, javíthatja a helyezésedet, és sikerre viszi az online vállalkozásodat.
Székely Evelin-Valéria
Évek óta dolgozom a marketing pörgős világában. A Google Ads a szakterületem: azon dolgozom, hogy a kreativitás és az adatokból nyert tudás együtt vigye előre a márkákat. Google Ads-szakemberként a pontos mérés nálam nem alku tárgya. Aki sikeresen akar hirdetni, annak folyamatosan tanulnia kell, és lépést kell tartania az újdonságokkal, mint amilyen az ebben a cikkben bemutatott, mindent megváltoztató funkció is. Ezért mindig figyelem az új technológiákat és funkciókat, hogy ügyfeleinknek a lehető legjobb eredményt hozzam.
Megnézzük a boltodat?
Ha a cikk olvasása közben kérdésed támadt a saját boltoddal kapcsolatban, kérdezz minket. Azokkal beszélsz, akik a munkát is elvégeznék.