Mobile First Indexing

Idézet:

Nem a legerősebb faj marad életben, hanem az, amelyik a legjobban alkalmazkodik a változásokhoz.
- Charles Darwinnak tulajdonítják

Segítséget keres a SEO-jával kapcsolatban?

A nevem Łukasz Żelezny, a SEO.London alapítója vagyok. Az elmúlt 20 évben az iparágban dolgoztam.
SEO-tanácsadóként több tucat vállalatnak segítettem.
Szeretné javítani SEO eredményeit?
Beszéljük meg a dolgot egy videohíváson.

Kezdje el

Alkalmazkodás a változó felhasználói magatartáshoz

Az internet még mindig viszonylag új, és még mindig fejlődik. Amikor az emberek az interneten keresnek, már nem ülnek le a számítógépük elé, és nem gépelik be a gondosan megfogalmazott keresési lekérdezéseket. 2017 óta az internetezők mintegy fele számítógép helyett mobilkészülékét használja az interneten való kereséshez.

Ahogy a felhasználók megváltoztatják az internetes keresés módját, a keresőmotoroknak is változtatniuk kell a tartalom indexelésének módján, hogy a legrelevánsabb és leghasznosabb találatokat jelenítsék meg. Ez azt jelenti, hogy folyamatosan változtatnia kell az információk szervezésének és bemutatásának módját a weboldalán, ha magasabb helyezést szeretne elérni a keresési eredményekben.

Bár ez régiónként változik, de a globális a felhasználók hozzáférnek a Internet a Statista szerint mobileszközzel.

This represents a significant növelje a címet. from about 30 percent in 2015. If your website was designed for a desktop computer or you don’t have a mobile-friendly site, you can expect to see your keresés a motorok rangsorolási eredményei idővel csökkennek.

Desktop és Desktop-Light webhelyek

A weboldalakat kezdetben azzal a feltételezéssel fejlesztették ki, hogy az emberek asztali számítógépről férnek hozzá az internethez. Ez lehetővé tette vállalatok to build websites that contain complicated programming logic that’s loaded and processed by a browser on a desktop computer very quickly.

Mivel azonban a felhasználók egyre inkább a telefonok és táblagépek használatára térnek át, ezeket a weboldalakat a mobileszközök böngészője gyakran nem tudja gyorsan betölteni és feldolgozni.
Ennek eredményeképpen egyes vállalatok olyan "light" változatokat hoztak létre weboldalaikból, amelyeket egy mobileszköz ésszerű idő alatt tölt be és dolgoz fel. E verziók létrehozásához a vállalatoknak gyakran meg kell szüntetniük az asztali verziók számos funkcióját és képességét.

Amikor egy felhasználó belép egy weboldalra, a weboldal meghatározza, hogy milyen eszközt használ, és más weboldalakat kínál egy mobileszközzel rendelkező felhasználónak, mint egy asztali felhasználónak.

Képzelje el, hogy a Google keresést a mobilján telefon és olyan keresési eredmények megtekintése, amelyek pontosan mi amit keres. Amikor azonban rákattint a keresési eredményekre, nem azt kapja, amit a keresési eredmények szerint látni fog. Ehelyett a vártak felhígított változatát kapja, mivel a weboldal más weboldalakat szolgáltatott Önnek, amikor megállapította, hogy Ön mobileszközt használ.

The average user blames Google for this inadequacy because the tartalom doesn’t match what’s described in the search results.

A Google Mobile-First Indexing stratégiája

Pontosan ezért a Google bejelentette a mobil-első indexet. stratégia 2018 márciusában. Ahelyett, hogy indexelés a webhelyek asztali verzióit, a Google elkezdte indexelni a mobilverziókat. 2018 júliusában a Google is elkezdte használni oldal sebessége a mobil keresési rangsorban, amely means favoring websites that load quickly on mobile devices when ranking search results over those that load more slowly. This doesn’t mean that websites without a mobile version aren’t indexed, but it does mean that fast-loading, mobile-friendly websites are more likely to rangsor a Google keresési találatokban, mint a lassabban teljesítő, nehézkes, asztali számítógépet igénylő weboldalak.

Hogyan engedélyezheti a mobil első indexelést:

1. Tervezze újra weboldalát

A tiszta, Google mobile-first indexelési stratégia gyakran egy teljes újratervezés az Ön weboldalának. A dizájn a mobileszközökre lenne szabva, majd más platformokhoz, például asztali számítógépekhez igazítva. A mobil első indexelésű design jellemzően egyszerű és tömör, és geometriai formákat, élénk színeket, erős tipográfiát és fehér teret használ designelemként.

A design a call-to-action elemeket helyezi a középpontba, és olyan modern kommunikációs módszereket is tartalmaz, mint a chat és a chatbotok. Mondanom sem kell, hogy egy Google mobil-első indexált webhely gyorsan töltődik be, és folyamatosan mérik, hogy fenntartsák vagy javítsák a sebességet.

2. Alkalmazza a webhelyét

Ha még nem áll készen a weboldalának teljes, mobil-első indexelésű újratervezésére, akkor a jelenlegit is mobilbarátra alakíthatja. Mivel még mindig egy asztali verziót veszel, és a mobileszközökhöz igazítod, nem pedig fordítva, ez technikailag nem a Google mobil-első stratégia. De ez egy praktikus lépés az első mobilra indexelt webhelytervezés felé vezető úton, amely lehetővé teszi, hogy a keresőmotorok számára mobilbarátként jelenjen meg.

Amikor a jelenlegi webhelyét a Google mobil-első környezetéhez igazítja, a cél általában az, hogy minden felhasználó számára ugyanazt a tartalmat nyújtsa, függetlenül attól, hogy milyen eszközt használ.

A tartalom formázása és megjelenítése azonban a megjelenítéshez használt képernyő méretétől függően eltérő. Ebben az átmenetben még mindig elfogadható, hogy a weboldalon olyan kiegészítő funkciókat, például menüpontokat vagy gombokat is elhelyezzenek, amelyek csak akkor jelennek meg, ha a weboldalhoz egy számítógépen keresztül férnek hozzá. Még a Google is így tesz.

Szerencsére vannak olyan eszközök, amelyek segítenek abban, hogy ez a mobilbarátra való átállás minden eddiginél könnyebb legyen. És vannak olyan eszközök, amelyek segítségével mérni tudja a sikerét, és azonosítani tudja azokat a területeket, amelyek még fejlesztésre szorulnak.

3. Responsive weboldalak és Mobile First Indexing

Ahhoz, hogy ezt az átmenetet egy mobilbarát vagy Google mobil-első weboldalra tegye meg, a szó, amit el kell fogadnia, a reszponzív. A reszponzív webdesign egy olyan megközelítés, amely automatikusan alkalmazkodik a weboldal megjelenítéséhez a felhasználó platformjának, tájolásának és képernyő- vagy ablakméretének megfelelően.

Képzelj el egy weboldalt, amely az asztali számítógépeden van megnyitva, és a számítógéped monitorján látható. Amikor rákattint az ablak sarkára és drag hogy az ablak kisebb legyen, mi történik? Egy nem reszponzív weboldalon semmi sem történik. Egyszerűen levág mindent, ami korábban látható volt, és most balra és jobbra kell görgetni, hogy láthassa a tartalmat.

Egy reszponzív weboldalon azonban a weboldal automatikusan átformázza magát, amint a megjelenítési ablak eléri a meghatározott méretet, így az összes tartalom látható marad az adott ablakban. Ahelyett, hogy a tartalom egymás mellett jelenne meg, függőlegesen egymásra helyezi. Bár lehet, hogy lefelé kell görgetnie az oldalt, hogy az összes tartalmat láthassa, a megjelenített tartalom elfér a megjelenítési ablakban, és nem kell jobbra-balra görgetnie, hogy láthassa.

4. Tartalomkezelő rendszerek (pl. WordPress)

Ha tartalmat használ menedzsment rendszer (CMS), mint például WordPress, akkor egy reszponzív témát kell használnia. Ha a jelenlegi témája nem reszponzív, és van egy újabb, reszponzív verzió, frissítsen arra a verzióra. Ha nincs reszponzív verzió, váltson reszponzív témára.

A legtöbb nehéz munkát a téma végzi el Ön helyett. Önnek a következőket kell tennie felülvizsgálat hogyan néznek ki a reszponzív oldalak a különböző mobileszközökön, és határozza meg, hogy meg kell-e változtatnia bizonyos információk megjelenítési módját, amelyek nem konvertálódnak jól a reszponzív oldalakon.

5. Webfejlesztési eszközkészletek (pl. Bootstrap)

Ha nem használ CMS-t, kezdjen el használni egy olyan eszköztárat, mint a Bootstrap. A Bootstrap egy nyílt forráskódú eszközkészlet webfejlesztéshez HTML, CSS és JavaScript használatával. Segítségével reszponzív, a Google mobil-első indexű weboldalakat építhetsz a reszponzív rácsrendszer, az előre elkészített front-end komponensek és bővítmények segítségével.

6. Eszközök a mobilbarát design teszteléséhez

Az új design ellenőrzéséhez látogasson el a Google Mobile-Friendly Test oldalára, és adja meg a weboldal URL-címét. Kapni fog egy jelentés that tells you how mobile-friendly your website is, with specific suggestions for how to improve your pontszám.

7. Gyorsan betöltődő weboldalak

Akár asztali, akár mobilbarát, akár mobilbarát, akár mobil-első webhelye van, ma már feltételezik, hogy webhelye gyorsan betöltődik. Bár a weboldal betöltési sebességét befolyásoló összes tényező tárgyalása meghaladja e cikk kereteit, van néhány olyan tervezési elem, amely jelentősen lelassíthatja a weboldal betöltését, és amellyel érdemes tisztában lennie.

Szerencsére a legtöbb reszponzív téma és eszközkészlet tartalmaz olyan funkciókat, amelyek legalább részben cím: néhányat ezek közül a területek közül, hogy weboldalát gyorsabban töltse be mobileszközökön.

8. Hogyan történik a weboldal feldolgozása

Amikor Ön meglátogat egy webhelyet, a rendszer betölti az Ön által megtekintett oldal kódját a mobilkészülék memóriájába, majd feldolgozza a kódot az oldal formázásához és megjelenítéséhez az Ön készülékén. Amikor egy linkre kattintva a következő oldalra lép, a rendszer elveti az oldalt, amelyen éppen volt, és betölti a következő oldalt a memóriába. Minél többet kell betöltenie, annál hosszabb ideig tart a letöltés, az interneten keresztül történő elküldés és a készülékére való betöltés.

Minél több kódot kell feldolgoznia, annál tovább tart a képernyőre betöltött kódok formázása és megjelenítése. Ez azt jelenti, hogy ha kevesebbet tölt be és kevesebbet dolgoz fel, a webhelye jellemzően gyorsabban töltődik be.

9. Képek és a Google Mobile First Indexing

A kép- vagy képfájlok gyakran a bűnösök, ha egy weboldal lassan töltődik be. Minél nagyobb a képfelbontás, annál nagyobb a fájl és annál tovább tart a betöltés. Legyen reális a felbontás, amelyre szüksége van a képek megjelenítheti és zsugoríthatja a képeket, hogy gyorsabban betöltődjenek.

A használt formátumtól függően a képek minőségromlással vagy anélkül is zsugoríthatók. Azok, amelyek némi minőséget áldoznak fel, általában sokkal kisebb méretűek, mint azok, amelyek megtartják ugyanazt a minőségi szintet.

10. Kód és a Google Mobile First Indexing

A böngésző az adatok betöltésekor elkezdi formázni a weboldalt. Néhány kód azonban arra kényszeríti a böngészőt, hogy megállítsa a formázást, és várjon további kódra vagy akár az egész oldal betöltésére, mielőtt folytatná a formázási feladatát.

Ezt hívják blokkolásnak. Amennyire csak lehet, csökkenteni akarja a betöltött kód méretét, és ki akarja küszöbölni a blokkoló kódot. A kód méretének csökkentésének egyik módja a kód kicsinyítése a megjegyzések és a felesleges fehér terület eltávolításával.

Ezek fontosak a programozók számára, hogy megértsék a kódot, de nem szükségesek ahhoz, hogy a böngésző feldolgozza azt. Ha nem tudja kicsinyíteni a kódot, egyes webkiszolgálók a kód tömörített változatát küldik a böngészőnek, amely betölti a kisebb változatot, majd visszafejti azt.

11. Háttérbetöltés és a Google Mobile First Indexing

Egy weboldal megtekintésekor az oldalnak csak azt a részét látja, amely a megjelenítési ablakon belül van. Ha a böngésző először azt tölti be és formázza meg, amit az ablakában lát, a háttérben folytathatja a többi adat betöltését és formázását, amíg az oldal be nem fejeződik.

Az Ön számára a weboldal gyorsan betöltődik, és nem feltétlenül veszi észre, hogy folytatja a betöltést és a tartalom formázását, kivéve, ha sokáig kell várnia, amikor megpróbál lefelé görgetni.

12. Sebességmérési és fejlesztési eszközök

A Google Developers oldalának Make the Web Faster (Gyorsabbá tesszük a webet) című oldala tippeket, legjobb gyakorlatokat és forrásokat kínál, amelyek segítenek abban, hogy weboldalát gyorsabban töltse be. Ennek az eszköztárnak az egyik elsődleges eszköze a PageSpeed Insights. A PageSpeed Insights megmutatja, hogy mi történik a webhely betöltésének megkezdésétől a betöltés, formázás és megjelenítésig egy mobil vagy asztali eszközön.

Így láthatja, hogy mi okozza a weboldal lassabb betöltődését, így tudja, hogy min kell változtatnia. Az eszköz gyakran konkrét javaslatokat ad a teljesítmény javítására, és még a képfájlok optimalizált változatait is megadja, amelyek gyorsabban töltődnek be.

13. Alkalmazkodj a túléléshez

Még ha most nem is tudsz igazán Google mobil-első designt készíteni, a reszponzív weboldalak használatával és az oldal betöltéséhez és megjelenítéséhez szükséges idő csökkentésével elérheted, hogy a weboldalad mobil-elsőnek tűnjön. Ez a két stratégia nem biztos, hogy magasabb keresőmotoros helyezéseket eredményez, mivel kötelező, de segíthetnek elkerülni, hogy megbüntessék azért, mert nem a mobil-első megközelítést alkalmazza.