Mobilos SEO ellenőrzőlista, lépésről lépésre audit kisvállalkozásoknak

Google Mobile-Friendly Test

Nyisd meg: https://search.google.com/test/mobile-friendly, add meg az URL-t, és ellenőrizd az eredményt.

Lehetséges problémák és megoldásaik:
- "Viewport nincs meghatározva" → Add hozzá: <meta name="viewport" content="width=device-width, initial-scale=1">
- "A tartalom szélesebb, mint a képernyő" → max-width: 100% a CSS-ben
- "A szöveg túl kicsi az olvasáshoz" → Alap betűméret: min. 16px
- "A kattintható elemek túl közel vannak egymáshoz" → Min. 48×48px érintési terület

Google Search Console, Mobilhasználhatóság
- Search Console → Élmény → Mobilhasználhatóság
- Nézd meg, hány oldalnál jelez hibát
- Kattints az egyes hibatípusokra → látod, mely URL-ek érintett

PageSpeed Insights tesztelés

Nyisd meg: https://pagespeed.web.dev, add meg az URL-t, válaszd a Mobil fület.

Célértékek mobilon:
- LCP: ≤ 2,5 másodperc (zöld)
- INP: ≤ 200 ms (zöld)
- CLS: ≤ 0,1 (zöld)

Leggyakoribb mobilos sebességproblémák:

"Képek megfelelő méretezése"
→ Hozz létre mobilra optimalizált képméreteket (max. 400–800px széles)
→ Használj srcset attribútumot

"Képek következő generációs formátumokban"
→ Konvertáld a képeket WebP formátumba
→ WordPress: Smush vagy ShortPixel plugin

"A render-blokkoló erőforrások megszüntetése"
→ JS fájlok: defer vagy async attribútum

"Kihasználatlan JavaScript"
→ Code splitting, távolítsd el a nem használt plugineket

"Kiszolgálói válaszidő csökkentése"
→ Tárhelyszolgáltató upgrade, vagy CDN (pl. Cloudflare) használata

Kézi ellenőrzés Chrome DevTools-szal

Nyisd meg az oldalt Chrome-ban → F12 → Kattints a mobilos ikonra → Válassz eszközt (pl. iPhone 14)

Ellenőrzési pontok:
- Minden szöveg olvasható-e nagyítás nélkül?
- A navigáció könnyen használható-e ujjal?
- A gombok elég nagyok-e (min. 48×48px)?
- Az űrlapok kitölthetők-e mobilon?
- Megjelenik-e a megfelelő billentyűzet (szám, email, stb.)?
- Nincs-e vízszintes görgetés?
- A képek betöltődnek-e és megfelelő arányban jelennek meg?

Mobilos navigáció: A hamburger menü az elvárás. Ellenőrizd, hogy könnyen megtalálható, megnyílik és bezárható-e, a menüpontok elég nagyok-e érintéshez.

Megfelelő input típusok:
```html
<input type="email"> <!-- Email billentyűzet mobilon -->
<input type="tel"> <!-- Numerikus billentyűzet -->
<input type="search"> <!-- Keresés billentyűzet -->
```

Search Console Core Web Vitals jelentés
- Search Console → Élmény → Core Web Vitals → Mobil fül
- Nézd meg a "Gyenge URL-ek" és "Fejlesztendő URL-ek" listát

Prioritási sorrend a javításban:
1. Gyenge URL-ek (piros), azonnali beavatkozás
2. Fejlesztendő URL-ek (sárga), következő sprint
3. Jó URL-ek (zöld), fenntartás

LCP javítási prioritások mobilon:
1. Azonosítsd az LCP-elemet: PageSpeed Insights → "Diagnostics" → "Largest Contentful Paint element"
2. Ha kép: optimalizáld WebP-re, add meg a fetchpriority="high" attribútumot
3. Ha szöveg: ellenőrizd, hogy a betűtípus gyorsan töltődik-e be (font-display: swap)
4. Ellenőrizd a szerver válaszidejét: TTFB < 800ms legyen

Alapok
- Viewport meta tag megvan (width=device-width, initial-scale=1)?
- Google Mobile-Friendly Test: "Mobilbarát"?
- Search Console: nincsenek mobilhasználhatósági hibák?

Sebesség
- PageSpeed Insights mobilos LCP ≤ 2,5s?
- PageSpeed Insights mobilos INP ≤ 200ms?
- PageSpeed Insights mobilos CLS ≤ 0,1?
- Képek WebP formátumban?
- JS fájlok defer/async attribútummal?

UX
- Alap betűméret min. 16px?
- Érintési területek min. 48×48px?
- Nincs vízszintes görgetés?
- Mobilbarát navigáció (hamburger menü)?

Tartalom
- Minden asztali tartalom elérhető mobilon is?
- Schema markup (JSON-LD) megjelenik a mobilos verzión?
- Meta title és description azonos asztali és mobilos verzión?

Eszközök (havonta egyszer)
- Search Console Core Web Vitals, Mobil fül
- PageSpeed Insights, Mobil fül
- Search Console Mobilhasználhatóság jelentés

Vegyük egy 12 fős győri lakberendezési webshop online marketing menedzserének esetét, aki 2026 márciusában elvégezte a teljes mobilos SEO auditot a cég WooCommerce-es oldalán.

A kiindulópont:
- PageSpeed Insights mobilos pontszám: 34/100
- Mobilos LCP: 6,8 másodperc
- Mobilos CLS: 0,31
- Search Console: 84 URL „Gyenge" besorolással a Core Web Vitals riportban

A marketing menedzser a lépésről lépésre audit alapján a következőket javította:

1. [Lazy loading (késleltetett betöltés)](/tudastar/lexikon/lazy-loading) és hero kép: A főoldal hero képe 1,2 MB-os JPEG volt. WebP-re konvertálva és fetchpriority="high" attribútummal ellátva az LCP 6,8 másodpercről 2,1 másodpercre csökkent.
2. [Mobile-first indexelés](/tudastar/lexikon/mobile-first-indexeles): Ellenőrizte, hogy minden asztali tartalom elérhető mobilon is — 3 termékkategória-szöveget korábban CSS-sel elrejtettek mobilon, amelyet a Search Console hibának jelzett.
3. [Core Web Vitals](/tudastar/lexikon/core-web-vitals) és CLS: A banner hirdetések helyfoglalás nélkül töltődtek be dinamikusan, ami 0,31-es CLS-t produkált. Fix magassági CSS hozzáadásával 0,06-ra csökkent.
4. CDN bevezetése: Egy CDN-szolgáltató ingyenes csomagjával a TTFB 1,4 másodpercről 380 milliszekundumra esett.

Eredmény 8 hét után: mobilos PageSpeed pontszám 34→81, a 84 „Gyenge" URL-ből 71 „Jó" besorolást kapott. Az organikus mobilos forgalom 44%-kal nőtt a következő negyedévben.

• Mobilon elrejtett tartalom: A mobile-first indexelés azt jelenti, hogy a Google a mobilos verziót indexeli. Ha CSS-sel elrejtesz tartalmakat mobilon (display:none), azt a Google sem indexeli — ez elveszett SEO-erőt jelent. Minden fontos tartalom legyen elérhető mobilon is.
• [Zavaró felugró (intrusive interstitial)](/tudastar/lexikon/zavaro-felugro) ablakok: A Google a teljes képernyős, nehezen bezárható felugrókat Page Experience büntetéssel sújtja. Hírlevél-feliratkozás vagy cookie-sáv esetén mindig legyen jól látható, könnyen elérhető bezáró gomb.
• [AMP (Accelerated Mobile Pages)](/tudastar/lexikon/amp) megvalósítás ellenőrzés nélkül: 2026-ban az AMP nem kötelező, és egyre kevesebb előnye van. Ha mégis implementálod, gondoskodj arról, hogy az AMP és a normál oldal tartalma megegyezzen — az eltérés duplikált tartalom problémát okoz.

A mobilos SEO audit egy rendszeres, lépésről lépésre elvégezhető ellenőrzési folyamat: viewport, oldalbetöltési sebesség, mobilos UX és Core Web Vitals. 2026-ban a mobile-first indexelés miatt a mobilos teljesítmény döntő a rangsorolásban. A Google PageSpeed Insights, a Search Console és a Chrome DevTools együtt elegendő eszközt adnak a teljes audit elvégzéséhez.

A mobilos SEO audit elvégzése után a következő lépések:

1. Futtasd a PageSpeed Insights-ot (pagespeed.web.dev) a legfontosabb 5 oldaladra mobilon — jegyezd fel az LCP, INP és CLS értékeket.
2. Nyisd meg a Search Console Core Web Vitals riportját (Élmény → Core Web Vitals → Mobil): azonosítsd a „Gyenge" URL-eket és prioritizáld a javítást.
3. Végezd el a kézi ellenőrzést Chrome DevTools-szal legalább 3 különböző mobilos eszközszimulációban (iPhone, Android mid-range, kis képernyő).

👉 A Publicator AI Autopilot csomaggal a mobilos SEO-audit eredményeire alapozva automatikusan generálhatsz mobilra optimalizált, gyors betöltésű tartalmakat.