Mobil SEO – Hogyan optimalizáld a weboldalad mobil eszközre?

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. 

A cikkben megmutatjuk, hogyan keresőoptimalizálj mobil eszközökre!

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. 

Weboldal mobilbarát ellenőrzés

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. 

Search Console mobilos használhatóság

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…

Hogyan SEO-zz mobilra?

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:

  1. gyorsabb lesz a weboldalad (a betöltési időt nem húzza a felugró ablak),
  2. nagyobb valószínűséggel marad az olvasó és nem zárja be hangos káromkodások közepette a weboldaladat,
  3. 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. 

Shopping Cart
Scroll to Top