A mobile-first indexelés azt jelenti, hogy a keresők a mobilos változat alapján rangsorolják az oldalad, nem az asztali alapján. Az összes keresés több mint fele telefonon történik. A mobilos oldalad ma az elsődleges oldalad. Az asztali másodlagos. Ha az oldalad rosszul néz ki mobilon, vagy lassan töltődik be telefonon, rangsorolást és forgalmat veszítesz. Tudd meg, hogyan optimalizálj mobilra, hogy azokon az eszközökön rangsorolj, ahol a legtöbben keresnek.
A forgalmad nagy része mobil eszközökről érkezik. A keresők tudják ezt. A mobilos élményt az asztali elé helyezik. Az az oldal, amely asztalon nagyszerűen működik, de mobilon rosszul, rangsorolást és forgalmat veszít.
A mobiloptimalizálás nem azt jelenti, hogy hozzáadsz egy mobilmenüt. Azt jelenti, hogy minden elemet úgy tervezel meg, ahogy az emberek ténylegesen használják a telefont. Kis képernyők. Érintéses kezelés. Lassú kapcsolatok. Ha ezekre a valóságokra optimalizálsz, nyersz a mobilos keresésben.
A mobile-first indexelés azt jelenti, hogy a mobil az elsődleges oldalad
A keresők először a mobilos oldaladat járják be. A mobilos oldaladat indexelik elsődleges változatként. Az asztali oldalad másodlagos. Ez a változás évekkel ezelőtt történt, de sok oldal még mindig utógondolatként kezeli a mobilt.
Ha a mobilos változatod kevesebb tartalmat tartalmaz, mint az asztali, a keresők kevesebb tartalmat indexelnek. Ha a mobilos változatod lassabban töltődik, a keresők lassabb oldalt látnak. Ha a mobilos navigációd elromlott, a keresők elromlott oldalt látnak. A mobilos élményed határozza meg a rangsorolásodat minden eszközön.
A reszponzív dizájn alkalmazkodik bármilyen képernyőmérethez
Az oldalad automatikusan igazodjon az asztali, a tablet és a telefon képernyőjéhez. A reszponzív dizájn rugalmas elrendezést használ, amely a képernyő méretétől függően összehúzódik és kitágul. A tartalom olvasható marad. A képek megfelelően skálázódnak. A navigáció minden eszközön működik.
Teszteld az oldalad több eszközön. Jól néz ki egy 320 pixeles telefonképernyőn? Működik egy 10 hüvelykes tableten? Működik egy 27 hüvelykes monitoron? A reszponzív dizájn mindezt kezeli, anélkül hogy elromlana.
A mobilhasználók másképp viselkednek, mint az asztali felhasználók
A mobilhasználók másképp keresnek. „A közelemben” típusú kereséseket használnak. Rövidebb kifejezésekre keresnek. Gyors válaszokat akarnak. Azonnali eredményt várnak. Kevés a türelmük a lassú betöltéshez.
Az asztali felhasználók kutatnak. A mobilhasználóknak most kell. Optimalizálj a mobil viselkedésre. Legyen gyors az oldalad. A kulcsfontosságú információ legyen azonnal látható. A gombokat és linkeket könnyű legyen megérinteni. Az űrlapok legyenek rövidek. A mobilhasználók másodpercek alatt elhagyják a lassú, bonyolult oldalakat.
Gondoskodj róla, hogy az érintési felületek elég nagyok legyenek
Az emberek ujjal érintenek, nem egérkurzorral. A gomboknak legalább 48 pixel szélesnek és 48 pixel magasnak kell lenniük. A linkeknek térköz kell, hogy a véletlen érintés a megfelelő linket találja el. Ne zsúfold össze az elemeket túl közel egymáshoz.
Teszteld az oldalad egy valódi telefonon. Érintsd meg a gombokat. El tudod őket találni anélkül, hogy a rosszat érintenéd? Ha neked nehéz, a nagyobb ujjú vagy idősebb szemű embereknek lehetetlen. Mindent tegyél könnyen érinthetővé.
Csökkentsd az oldal méretét a mobilhálózatokhoz
A mobilkapcsolatok lassabbak a szélessávúnál. Minden kilobájt számít. Tömörítsd a képeket. Távolítsd el a felesleges kódot. A képernyő alatti képeket késleltetve töltsd be (lazy load). A nem kritikus JavaScriptet halaszd későbbre.
Egy 5 MB-os oldal, amely 10 másodperc alatt töltődik be mobilon, túl nagy. A mobilhasználók 2-3 másodpercen belül várnak tartalmat. Optimalizáld könyörtelenül a fájlméreteket.
Valódi mobil eszközökön és hálózatokon tesztelj
A böngészőben futó emulátorok hasznosak, de nem teljesek. Valódi telefonokon tesztelj. Lassú hálózaton tesztelj. Szűkítsd a kapcsolatot 4G-re. Nézd meg, hogyan teljesít az oldalad valójában a valódi felhasználóknak.
A Lighthouse és a PageSpeed Insights segít. De laborkörülményeket mérnek. A valódi felhasználók valódi hálózatokon másképp élik meg. Mindkettőt teszteld.
Gyakori kérdések
Befolyásolja a mobiloptimalizálás az asztali rangsorolásomat?
Igen. A keresők a mobilos oldaladat használják elsődleges változatként a mobilos és az asztali találatok rangsorolásához is. Ha a mobilos oldalad élménye gyenge, a mobilos és az asztali rangsorolásod is szenved. A mobil optimalizálása mindkét változatnak előnyös. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon is beállíthatod.
Mi az ideális mobil képernyőméret, amelyre optimalizálni kell?
Tervezz minimum 320 pixel szélességre, hogy támogasd a régebbi telefonokat és a kis képernyőket. A legtöbb modern telefon 375-480 pixel széles. A tabletek 768 pixel vagy szélesebbek. Először mobilra optimalizálj 320 pixelen, aztán skálázz fel a nagyobb képernyőkre. Ez a mobile-first megközelítés biztosítja, hogy az oldalad mindenhol működjön.
Legyen külön mobilos oldalam, vagy használjak reszponzív dizájnt?
Használj reszponzív dizájnt. A külön mobilos oldalak elavultak, és karbantartási fejfájást okoznak. A reszponzív dizájn ugyanazt a tartalmat szolgálja ki minden eszközre, automatikusan igazítja az elrendezést, és könnyebb karbantartani. A keresők a reszponzív dizájnt részesítik előnyben.
Hogyan tesztelem a mobiloptimalizálást?
Használd a Google Mobile-Friendly Test eszközét az alapvető mobilkompatibilitás ellenőrzéséhez. Használd a PageSpeed Insightst a mobilteljesítmény méréséhez. Valódi eszközökön, tényleges mobilhálózaton tesztelj. Szűkítsd a böngésződet 4G sebességre. Használj különböző gyártóktól és korú valódi telefonokat. A laborteszt hasznos, de a valódi teszt számít a legtöbbet.
Milyen méretűek legyenek a gombok mobilon?
A gombok legyenek legalább 48x48 pixelesek a könnyű érintéshez. A gombok körüli térköz is számít. Tedd őket elég távol egymástól, hogy a felhasználók véletlenül se a rossz gombot érintsék meg. Ha a felületed szűknek érződik telefonon, a gombok túl kicsik.
Kell mobilalkalmazás a SEO-hoz?
Nem. Egy mobilra optimalizált weboldal jobban rangsorol a keresőkben, mint egy alkalmazás. Az alkalmazásokat a keresők nem tudják bejárni. A weboldalakat igen. Ha mobilon akarsz keresési forgalmat, a weboldaladat optimalizáld. Az alkalmazások más célt szolgálnak, de nem segítik a SEO-t.