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

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, a globális felhasználók mintegy fele a internet-hozzáférés egy mobil eszköz a Statista szerint.

Ez jelentős növekedést jelent a körülbelül 30 százalékos a oldalon. 2015. Ha a weboldalát asztali számítógépre tervezték, vagy nincs mobilbarát oldala, akkor számíthat arra, hogy a keresőmotorja rangsorolás az eredmények idővel csökkennek.

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 olyan bonyolult programozási logikát tartalmazó weboldalak készítésére, amelyeket egy asztali számítógép böngészője nagyon gyorsan betölt és feldolgoz.

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 mobiltelefonján Google-keresést végez, és olyan keresési eredményeket lát, amelyek pontosan a következők. 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.

Az átlagfelhasználó a Google-t hibáztatja ezért a hiányosságért, mert a tartalom nem felel meg a keresési eredményekben leírtaknak.

Pontosan ezért a Google 2018 márciusában bejelentette a mobile-first index stratégiát. A webhelyek asztali verzióinak indexelése helyett a Google a mobilverziókat kezdte el indexelni. 2018 júliusában a Google az oldalsebességet is elkezdte használni a mobil keresési rangsorolásban, ami azt jelenti, hogy a keresési eredmények rangsorolásakor a mobileszközökön gyorsan betöltődő webhelyeket előnyben részesíti a lassabban betöltő webhelyekkel szemben. Ez nem azt jelenti, hogy a mobilverzióval nem rendelkező webhelyek nem kerülnek indexelésre, de azt igen, hogy a gyorsan betöltődő, mobilbarát webhelyek nagyobb valószínűséggel kerülnek előrébb a Google keresési találatokban, mint a lassabban működő, nehézkes, asztali számítógépet igénylő webhelyek.

A tiszta, Google mobil-első indexelési stratégia gyakran a weboldal teljes újratervezését jelenti. A dizájn a mobileszközökre irányulna, majd más platformokra, például asztali számítógépekre is adaptálnák. A mobil-első indexelésre épülő 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.

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ó, ha a weboldalon olyan kiegészítő funkciókat, például menüpontokat vagy gombokat helyezünk el, amelyek csak akkor jelennek meg, ha a weboldalhoz egy számítógépen keresztül férünk 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.

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ó. Ha rákattintasz az ablak sarkára, és elhúzod, hogy az ablak kisebb legyen, mi történik? Egy nem reszponzív weboldalon semmi sem történik. Egyszerűen levágja mindazt, ami korábban látható volt, és most balra és jobbra kell görgetnie, 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.

Ha tartalomkezelő rendszert (CMS), például WordPress-t használ, akkor reszponzív témát kell használnia. Ha a jelenlegi témája nem reszponzív, és elérhető egy újabb, reszponzív verzió, frissítsen arra a verzióra. Ha nem létezik 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. Meg kell vizsgálnia, hogy a reszponzív oldalak hogyan néznek ki a különböző mobileszközökön, és meg kell határoznia, hogy meg kell-e változtatnia néhány olyan információ megjelenítési módját, amely nem konvertálódik jól a reszponzív oldalakon.

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.

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. Kap egy jelentést, amelyből megtudhatja, hogy mennyire mobilbarát a webhelye, és konkrét javaslatokat kap arra vonatkozóan, hogy hogyan javíthatja a pontszámát.

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 kezelik ezeket a területeket, és segítenek abban, hogy webhelye gyorsabban töltődjön be mobileszközökön.

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.

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 megjelenített képek felbontásának szükségességét illetően, és zsugorítsa a képeket a gyorsabb betöltés érdekében.

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.

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.

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, akkor 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.

A Google Developers oldalának Make the Web Faster (Gyorsabbá tesszük a webet) című oldala a következőket tartalmazza tippek, legjobb-gyakorlati tanácsok és források, amelyek segítenek abban, hogy weboldalát gyorsabban töltse be. Ennek az eszköztárnak az egyik elsődleges eszköze az úgynevezett PageSpeed Betekintés. A PageSpeed Insights megmutatja, hogy mi történik a weboldal betöltésének megkezdésétől a betöltésig, formázásig é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.

Még ha nem is tudod do egy valóban Google mobil-első dizájnt már most, akkor a weboldalát a reszponzív weboldalak használatával és a betöltési és megjelenítési idő csökkentésével mobil-elsőnek teheti meg. Ez a két stratégia nem biztos, hogy magasabb keresőmotoros helyezést eredményez, mert kötelező, de segíthet elkerülni, hogy büntetett amiért nem a mobil-első megközelítést alkalmazza.