Mobilbarát weboldal: mit jelent, miért számít a Google-rangsorolásban?
A webforgalom több mint fele ma már mobileszközről érkezik, és a Google is a weboldalad mobilos változatát veszi alapul a rangsoroláshoz. Egy mobilbarát weboldal ma nem különleges előny — ha hiányzik, ügyfeleket és Google-helyezést veszíthetsz egyszerre.
Ha az oldalad asztali gépen hibátlanul jelenik meg, de telefonon apró szöveget mutat, vízszintesen kell görgetni rajta, vagy a gombok nem kattinthatók kényelmesen — pontosan ezt tapasztalja a látogatóid több mint fele. És ugyanezt látja a Google is, amikor az oldalad relevenciáját értékeli.
Mi az a mobilbarát weboldal — és mi nem az?
A mobilbarát weboldal — pontosabb szóval reszponzív weboldal — olyan honlap, amelynek elrendezése és tartalma a képernyő méretéhez alkalmazkodik. Ugyanaz az URL, ugyanaz a tartalom, de telefonon más arányban jelenik meg: a szöveg olvasható méretű, a képek a szélességhez igazodnak, a gombok megfelelően nagy érintési felületet kínálnak.
Reszponzív design esetén nincs külön 'mobilverzió': egyetlen oldal jelenik meg minden eszközön, és a CSS-elrendezés igazítja a megjelenést a képernyő szélességéhez. Ezt a megközelítést ajánlja a Google is, mert a legegyszerűbb karbantartani, egyetlen URL-re koncentrálja a keresőoptimalizálást, és nem osztja meg a linkek rangsorolási erejét.
A reszponzív weboldaltól különbözik a régi módszer: a külön mobiloldal (pl. m.valami.hu), amelyen eltérő URL és sokszor eltérő tartalom szerepel. Erről a különbségről bővebben egy külön szakaszban lesz szó.
A Google mobile-first indexing: miért ez a mobilbarát weboldal kulcsa?
A mobile-first indexing azt jelenti, hogy a Google a weboldalad mobilos változatát használja az indexeléshez és rangsoroláshoz — nem az asztali változatot.
A Google Search Central 2023 októberében közölte, hogy a mobilra első indexelés bevezetése teljesen befejeződött: az összes mobilon elérhető weboldal azóta a mobilos változat alapján kerül be a keresési eredményekbe. 2024 júliusától pedig azok az oldalak, amelyek mobilon egyáltalán nem érhetők el, már nem indexelhetők a Google által.
Ez a gyakorlatban azt jelenti: ha az oldalad mobilon rosszul néz ki, zavar össze, vagy nehéz rajta tájékozódni — a Google szemében is ilyen. A rangsoroláshoz pedig azt a változatot veszi alapul, amelyet a látogatóid többsége lát.
Nem az asztali verziód rangsorolása számít. A mobilos verzióé.
Mekkora a mobilforgalom valójában?
Érdemes megnézni a számokat. A StatCounter globális adatai szerint 2026 októberében a világ webes forgalmának közel 60%-a mobileszközről érkezett — asztali gépről 38,5%, táblagépről alig 1,6%.
Vagyis minden 10 emberből nagyjából 6 telefonon olvassa a vállalkozásod weboldalát. Ha ezek az emberek nehézkes megjelenéssel, apró szöveggel, nem kattintható gombokkal, vagy vízszintes görgetéssel találkoznak — nagy részük tovább megy.
Helyi vállalkozásoknál ez még határozottabban érvényes. Ha a vállalkozásod főleg helyi ügyfeleknek dolgozik — legyen szó felújításról, vendéglátásról, oktatásról vagy más helyi szolgáltatásról —, az érdeklődők többsége útközben, telefonon keres rád. Az első találkozás a weboldaladdal szinte biztosan mobilon történik.
Mi történik, ha az oldalad nem mobilbarát?
A nem reszponzív weboldal SEO-ja és használhatósága egyszerre szenved.
- A Google a mobilos változatod alapján rangsorol — ha az gyenge, a helyezésed is az lesz, akkor is, ha az asztali verzió kiváló. - A látogatók gyorsabban elhagyják az oldalt, ha mobilon nehéz eligazodni rajta. A magas visszafordulási arány szintén befolyásolhatja a rangsorolást. - Az érdeklődők nem találnak el a kapcsolatfelvételhez, mert a gombok, az űrlapok és a navigáció össze-vissza, kattinthatatlanul jelenik meg. - Ha az oldalad mobilon egyáltalán nem elérhető, a Google 2024 júliusa óta indexelés nélkül is kihagyja a találatokból.
A nem mobilbarát weboldal tehát nem csupán esztétikai probléma. Ha az érdeklődő mobilon keres, és a te oldalad nehézkes, miközben a versenytársad oldala könnyen kezelhető és magasabban is jelenik meg a találatokban — az kézzel fogható üzleti hátrány.
Ha a versenytársad mobilbarát oldala könnyebben használható, mobilon magasabban is jelenik meg. Az érdeklődő tőle kér ajánlatot.
Hogyan néz ki a helyes reszponzív megvalósítás?
Nem elegendő, ha az oldal 'nem lóg ki' mobilon. Az igazi mobilbarát weboldal néhány konkrét technikai elemre épül.
Viewport meta tag — az alapkövetelmény. Ez az egyetlen sor a weboldalad fejlécében közli a böngészővel, hogy igazítsa az oldal szélességét a képernyő szélességéhez. Ha ez hiányzik, a mobilböngésző körülbelül 980 pixeles szélességben jeleníti meg az oldalt és lekicsinyíti — az eredmény olvashatatlan, apró szöveg és nehézkes navigáció.
Érintési célpontok mérete — az ujjhegynek is kell hely. Mobilon az ujjhegy szélesebb, mint egy egérkurzor. Ha a gombok, linkek és menüpontok túl kicsik, a látogató rossz helyre kattint vagy egyáltalán nem tud kattintani. A web.dev útmutatója szerint az érintési célpontok ajánlott minimuma 48×48 CSS pixel, köztük legalább 8 pixel távolsággal.
Olvasható betűméret. Az alapszöveg mobilon általában legalább 16 CSS pixel legyen. Ennél kisebb szöveg elolvasásához a felhasználónak kézzel kell nagyítania az oldalt — ami rontja az élményt és arra utal, hogy az oldal nem lett mobilra tervezve.
Képek és tartalom igazítása. A képeknek a konténerükön belül kell maradniuk és a mobil képernyő szélességéhez kell igazodniuk. A korszerű megközelítés a különböző képernyőméretekhez különböző felbontású változatokat tölt be — a telefon így nem tölt le szükségtelenül nagy fájlokat, ami mobilon különösen fontos a betöltési sebesség szempontjából.
Tartalom és navigáció. Mobilon a vízszintes navigáció sokszor nem fér el, és az ún. hamburger menü bevett megoldás. Fontos, hogy a lényeges tartalmak és a kapcsolatfelvételi lehetőség könnyen elérhetők legyenek a főoldalról. Ha az oldal valamilyen elemet — szöveget, gombot, strukturált adatot — mobilon elrejt, a Google mobilos indexelője azt sem fogja látni, és a rangsorolásban sem veszi figyelembe.
Reszponzív weboldal és 'mobiloldal': mi a különbség?
Korábban sokan úgy oldottak meg a mobilos problémát, hogy egy külön m.valami.hu típusú mobiloldalt készíttetlek. Ez ma már elavult és problémás megoldás: két oldalt kell karbantartani, a keresőoptimalizálás elaprózódik két URL között, és a Google is egyértelműen a reszponzív megközelítést ajánlja.
Ha a meglévő weboldalad csak asztali gépre van optimalizálva és nem reszponzív, az nem patchelhető félmegoldásokkal. A weboldal készítésénél érdemes az elejétől mobilra tervezni — nem utólagosan hozzáadni a mobilos megjelenést egy eredetileg asztali weboldalhoz.
Az 'utólag mobilbaráttá tett' weboldal szinte soha nem éri el azt a minőséget, mintha az elejétől mobilra tervezték volna.
A mobilbarát weboldal és a webbetöltési sebesség kapcsolata
A mobilbarát megjelenés és a weboldal sebessége szorosan összefügg, de külön rangsorolási jelek. Egy oldal lehet reszponzív és mégis lassú — például ha mobilra is a nagyméretű asztali képet tölti le, ha túl sok JavaScriptet futtat, vagy ha a szerver lassan válaszol.
Mobilon ezek hatása különösen erősen érződik, mert a mobilhálózatok és a régebbi telefonok kevésbé teljesítenek, mint egy irodai számítógép gigabites interneten. A Core Web Vitals mérőszámait — LCP, INP, CLS — a Google mobilon is méri, és ezek hatással lehetnek a keresőoptimalizálási eredményekre.
Ezért a mobil optimalizálás teljes képe tartalmazza a reszponzív designt és a gyors betöltést egyaránt. Az egyik megléte nem pótolja a másikat.
Hogyan ellenőrizheted, hogy az oldalad mobilbarát-e?
Nem kell fejlesztőnek lenned a vizsgálathoz. Néhány egyszerű módszer:
- Nyisd meg az oldaladat telefonon és próbáld ténylegesen használni: elolvasható-e a szöveg? Megtalálható-e a kapcsolatfelvétel? Működnek-e a gombok és az űrlapok anélkül, hogy kézzel kellene nagyítanod? - Használd a [Google PageSpeed Insights](https://pagespeed.web.dev/) eszközét: add meg az URL-t, és nézd meg a mobil pontszámot és a javasolt javításokat. A mobil és asztali pontszám között nagy különbség jelzésértékű. - A Google Search Console 'Oldaltapasztalat' menüpontja is jelzi, ha az oldalon mobilos használhatósági problémák vannak.
Ha az oldalad telefonon megnézve azonnal kézzel kellett nagyítanod, a gombok nem tapintható méretűek, vagy a szöveg folyik szét — az egyértelmű jel. Az ügyfélszerző weboldal minden esetben mobilon is jól kell, hogy működjön, különösen helyi vállalkozásoknál, ahol az érdeklődők nagy része útközben keres.
Így segítünk a WEBU-nál
A WEBU-nál minden weboldal készítés mobilra tervezett elrendezéssel indul: nem utólagos patchként kezeljük a mobilos megjelenést, hanem az alaptervtől fogva mobilra optimalizálva tervezzük az elrendezést, a szövegméreteket, a gombokat és a képek kezelését. A reszponzív megvalósítás és a megfelelő technikai alap együtt teremti azt az alapot, amelyre tartós keresési láthatóság épülhet.
Ha a meglévő weboldalad nem mobilbarát, vagy nem vagy biztos benne, hogy megfelelően működik kisebb képernyőkön, érdemes egy elemzéssel indítani. Vedd fel velünk a kapcsolatot — megmutatjuk, hol érdemes fejleszteni és milyen lépésekkel lehet a legtöbbet elérni.