Az oldalt látogatók megközelítőleg 60-70%-a használja a mobil eszközét a böngészéshez. Ez pedig azt jelenti, hogy ha nincs reszponzív (mobilon, tableten is jól megjelenő) weboldalad, akkor erről a körülbelül 70%-nyi potenciális ügyfélről is lemondasz.
Ráadásul a Google algoritmusa is egyre inkább efelé tolódik: a kereső egész egyszerűen előnyben részesíti a mobilra optimalizált weboldalakat.
Épp ezért fontos, hogy a honlapod ne csak reszponzív, hanem SEO-szempontból mobilra optimalizált (is) legyen. De mit is jelent ez? Mit tehetsz annak érdekében, hogy ne maradj le a versenyben?
A cikkben ezt a témát járjuk most körbe.
Mi az a mobil SEO, és miért fontos?
A mobil SEO voltaképp a mobiltelefonra és tabletre történő keresőoptimalizálást jelenti. Ennek hatására a weboldalad nemcsak gyorsabb lesz, de jobb helyezést is ér majd el a keresőben (vagyis a SERP-ben).
A SEO segít abban, hogy organikus (nem fizetett, mint például az Ads) forgalmat generálj a weboldaladra. Így csupán a keresőből érkezik majd – jelentősebb – forgalom.
A mobilos keresések már jó ideje (a trend nagyjából 5-6 éve fordult meg) meghaladják az asztali keresésekét, és ez tendencia tovább folytatódik majd.
A Google-nek természetesen az a jó, ami a felhasználónak is; épp ezért követte az igényeket. Tehát ha nem lépsz időben azzal kapcsolatban, hogy honlapod a mobil SEO-ra is optimalizált legyen, idővel nagy esély van rá, hogy hátrébb rangsorol a keresőóriás.
De hogyan ellenőrizheted, hogy az oldalad mobilbarát-e?
Létezik a Google-nek egy oldala, amin tesztelheted, hogy a honlapod mobilbarát-e. Ehhez egész egyszerűen csak be kell illesztened az URL-t a mezőbe, és rákattintani a TESZT-URL gombra.
Ha minden jól megy, ezt az eredményt kapod majd.
Ez persze még nem nem minden. Google Search Console-on is érdemes lefuttatni, hogy a keresők a webhely minden aloldalát fel tudják-e térképezni. Ezenkívül érdemes lecsekkolni azt is, hogy van-e bármilyen egyéb probléma.
Itt az Áttekintés oszlopban, ha lejjebb görgetsz, a Felhasználói élmény szekció alatt láthatod:
- az oldallal kapcsolatos élményt,
- az alapvető webes vitals-mutatókat,
- valamint a mobilos használhatóságot.
Ezeket pedig a bal oldalon található panelen még tovább elemezheted, oldalanként.
(A részletes Search Console használati útmutatónkat a linkre kattintva érheted el.)
Most, hogy megnéztük, hogyan is tudod megnézni az alapvetőbb metrikákat, robogjunk is tovább és nézzük meg…
Milyen egy SEO-optimalizált mobil oldal?
Az alábbiakban összegyűjtöttük azokat, amik egy jól keresőoptimalizált és reszponzív oldal ismérvei.
Mindenekelőtt: mobilbarát
Ahhoz, hogy egyáltalán mobil SEO-ról tudjunk beszélni, az oldalnak rendelkeznie kell a legalapvetőbb funkcióval: vagyis jól kell megjelennie a mobilon és a tablet eszközökön is.
Amíg ez nem adott, addig sajnos nem lehet továbblépni a fejlesztésben. Amint viszont ezt sikerült megoldani, már egy szinttel feljebb lehet lépni.
A keresőrobotok számára hozzáférhető
Sajnos, ha a Google keresőrobotjai nem tudják feltérképzeni az oldalad, képtelenek lesznek eldönteni, hogy mobilbarát-e. Épp ezért nem szabad blokkolni a keresőt. Régebben bevett gyakorlat volt, hogy a Googlebotnak megtiltották, hogy hozzáférjen a Javascripthez vagy a CSS-hez, de ez nem jó ötlet.
Ehhez a robots.txt fájlt kell megnézni, annak is a blokkolt tartalom (avagy Blocked Resources) elemeit.
Gyors
Nos igen, a gyorsaság. Ez általában kardinális probléma a weboldalak esetében, pedig egy nagyon fontos metrikáról van szó.
De miért is?
A statisztikák alapján, ha egy weboldal több mint 3 másodperc alatt tölt be, akkor a felhasználók 50%-a egész egyszerűen elkattint. Az emberek ugyanis türelmetlenek: nincs idejük a töltés ikont nézegetni.
Épp ezért fontos, hogy minél inkább ráfeküdj a sebesség optimalizálásra.
És hogy hogyan teheted ezt meg?
Például:
- képek tömörítésével (többek között új generációs képekre, pl. webp-re),
- a Javascript és a CSS kódok tömörítésével,
- úgynevezett Lazy Loaddal,
- kerüld a JavaScript és a CSS blokkolását a hajtás feletti tartalomban,
- használj CDN-t.
Jól tördelt
Sokan alábecsülik a tartalom formáját, pedig az is legalább olyan fontos, mint maga a tartalom. Gondolj csak bele, ha annyira apró betűvel van írva a cikk, hogy végig meregetned kell a szemed, és majd’ kifolyik, lehet a bejegyzés bármilyen érdekfeszítő, be fogod zárni.
Olyan mobilbarát blog oldalra van tehát szükséged, amelynek tartalma jól megjelenik.
Használj nagyobb, akár félkövér betűméretet (ajánlott a 16px), és tesztelgesd, hogy melyik betűtípus mutat a legjobban mobiltelefonon. Legyenek rövidek a bekezdések (maximum 2-3 sorosak). Ne félj az entertől, ütögesd csak bátran.
Fontos még az is, hogy legyen kontraszt a szöveg és a háttér között (fehér és fekete, az örökzöld).
Fontosak a jó címek, meta leírások
Ugyanígy fontos az is, hogy az URL, a cím, illetve a meta leírás hossza megfelelő legyen, és mobilon is jól megjelenjen.
- Az URL optimális hossza max. 30-35 karakter
- A cím 65-70 karakter (leütéssel együtt)
- A meta leírás hossza telefonon pedig 110-115 karakter.
Ügyelj arra, hogy a kulcsszavak szerepeljenek mind az URL-ben, a címben és a metában.
Megjegyzés: ha mégsem a te címedet és meta leírásodat jeleníti meg a Google, ne ijedj meg. Néha ugyanis a kereső önállósítja magát, és azokkal tölti ki, amiket jobbnak talál (még ha valójában nem is azok).
Popup vagy nem popup?
Rengeteg weboldal használ felugró ablakokat, főként a reklámokhoz, akciókhoz, letölthető anyagokhoz, és feliratkozás gyűjtés céljából.
Amíg ezek az ablakok asztali PC-n, laptopon gond nélkül bezárhatóak, addig mobiltelefonon sokszor elcsúszik a jobb felső sarokban található bezárás gomb, ami lehetetlenné teszi a navigációt, és nagyban rontja a felhasználói élményt.
Épp ezért azt tanácsoljuk, hogy a pop-upokat rejtsd el (hideoljátok) a mobil eszközökön. Így triplán nyerhetsz, hiszen:
- gyorsabb lesz a weboldalad (a betöltési időt nem húzza a felugró ablak),
- nagyobb valószínűséggel marad az olvasó és nem zárja be hangos káromkodások közepette a weboldaladat,
- a Google sem rangsorol hátrébb.
Tehát mindenki boldog lesz.
Ha mégis, ennek ellenére szeretnél popup ablakot, akkor válassz egy mobilra optimalizált változatot, ami könnyedén bezárható és nem rontja a felhasználói élményt.
Legyen jó a UX (vagyis a felhasználói élmény)
Apropó, ha már itt tartunk: mi is ez a sokat emlegetett felhasználói élmény? Maga a UX nem egy egzakt dolog, sokkal inkább több, együttes tényező összessége. Ilyen például a feljebb említett popup esete is.
Ha nem tudja a felhasználó könnyedén bezárni az ablakot, az rossz felhasználói élményhez vezet. Amennyiben könnyedén rá tud bökni az X-re (vagy nincs is popup), akkor jó.
Ugyanígy van ez a szöveggel, és a gombokkal is. Mindent egyértelmű helyre kell tenned, a gombokra kattintva pedig a felhasználónak pontosan tudnia kell, hova navigálja őt. Nagyon fontos az is, hogy a gombok mérete megfelelő legyen azok számára is, akiknek nagy ujjaik vannak.
A jó UX-hez pedig az is hozzátartozik, hogy bármely oldalad bármely tartalma elérhető maximum három bökéssel.
Ezek mind-mind apróságnak tűnnek, mégis ezek adják a felhasználói élmények összességét. És hidd el, nagyon sok esetben ezeken a dolgokon is múlhat, hogy a látogató később is felkeresi-e a honlapodat.
Szeretnéd a weboldalad SEO baráttá tenni a mobilokon is?
Nem egyszerű tehát mindennek megfelelni sőt, talán elsőre ijesztően soknak tűnik ez az információ (pedig ez csak a jéghegy csúcsa). Ha úgy gondolod, hogy neked is segítségre van szükséged, vedd fel velünk a kapcsolatot, és beszéljünk. Biztos vagyok benne, hogy megoldást találunk a problémádra.