Lighthouse SEO-audit

Ez a belépőszint

A Lighthouse SEO-audit tételei nem versenyelőnyt adnak. Ezek az alapok, amiket egy oldaltól elvárnak. Ha itt hiányzik valami, a tartalom minősége már nem számít.

A legdrágább hiba a feltérképezhetőség. Fejlesztésről élesbe került noindex esetén az oldal hetek alatt kikerül az indexből. A Search Console ilyenkor lefedettségi hibát jelez, a forgalom pedig zuhan.

Az AI-olvasatot is érinti

A generatív keresők ugyanazokat a jeleket használják kiindulásnak. Hiányzó title esetén nincs egyértelmű oldal-címke, amire hivatkozni lehet. href nélküli link esetén a robot nem jut tovább a belső oldalakra.

Üzleti következmény

• a hiányzó Meta description miatt a keresőtalálat leírását a Google generálja, gyakran gyengébb szöveggel
• a hiányzó viewport miatt az oldal mobilon összenyomva jelenik meg, a látogató kilép
• a hiányzó alt szöveg miatt a képek nem jelennek meg a képkeresőben, és a képernyőolvasók sem értik őket

A riportokban ezt látjuk: a bukott SEO-auditok 80 százaléka meta-szintű hiány, nem szerkezeti probléma. Egy fél napnyi munka.

Kikre vonatkozik

• minden nyilvános, indexelésre szánt oldalra: bemutatkozó oldal, blog, szolgáltatásoldal, webshop
• különösen a sablonból épített oldalakra, ahol a fejlesztő nem nyúlt a <head> szekcióhoz
• egyedi fejlesztésű, JavaScript-alapú oldalakra, ahol a linkek gyakran nem valódi <a href> elemek

Kikre nem

• staging- és fejlesztői környezetre: ott a noindex a helyes állapot, nem hiba
• bejelentkezés mögötti felületekre, ügyfélportálra, admin-nézetekre
• szándékosan kizárt oldalakra: kosár, pénztár, belső kereső találati oldalai

Webshopnál egy fontos különbség van. Ott a Lighthouse egyetlen URL-t mér, a probléma viszont általában a terméksablonban van. Egy terméklap javítása ezer terméket javít.

Lépések

1. Nyisd meg a PageSpeed Insights oldalt, illeszd be az URL-t, és görgess a „SEO” kategóriához.
2. Vagy nyomj F12-t Chrome-ban, válaszd a Lighthouse panelt, jelöld be a SEO kategóriát, és futtasd mobil módban.
3. Nyisd ki a „Passed audits” blokkot is, hogy lásd, mit ellenőrzött egyáltalán.
4. Nézd meg külön a „Crawling and Indexing” csoportot: ez a legdrágább hibák helye.
5. Ismételd meg a mérést legalább három oldaltípuson: főoldal, egy aloldal, egy termék- vagy blogoldal.

Jó jel

• 90 pont felett, zöld kategória
• „Page is not blocked from indexing” átment
• minden link href-fel rendelkezik, a „Links are crawlable” zöld
• van egyedi title és meta description minden vizsgált oldalon

Rossz jel

• „Page is blocked from indexing” bukás éles oldalon
• „Document does not have a meta description” több oldaltípuson is
• „Links are not crawlable”: a menü JavaScript-eseménnyel működik
• „Image elements do not have [alt] attributes”
• 100 pont a főoldalon, miközben az aloldalakat meg sem mérted

Mit néz ebből a riport

A riport a „SEO-alapok (Lighthouse)” szabálynál a SEO-kategória bukott tételeit gyűjti össze. Közepes hatásúként jelzi, hatóköre kód. Az ajánlás ugyanaz, amit fent olvasol: javítsd a bukott auditokat, elsősorban a viewportot, a meta-leírást, az olvasható betűméretet és a feltérképezhetőséget.

WordPress

1. Telepíts SEO-bővítményt (Yoast, Rank Math vagy SEOPress), ha még nincs.
2. A bővítmény beállításainál kapcsold be a sablon-alapú title és meta description generálást minden tartalomtípusra.
3. Nézd meg a Beállítások > Olvasás menüt: a „Keresőmotorok láthatósága” pipa legyen kivéve.
4. A Médiatárban töltsd ki a képek alt szövegét, legalább a fontos oldalakon.
5. A <meta name="viewport"> sort a sablon header.php fájlja vagy a wp_head() adja, ezt ellenőrizd forráskódban.

Shopify

1. Az adminban minden termék és oldal alján találsz „Search engine listing” blokkot, ott írd át a címet és a leírást.
2. Az Online Store > Preferences alatt add meg a bolt alapértelmezett leírását.
3. Ellenőrizd, hogy a bolt nincs jelszóval védve, mert az blokkolja az indexelést.
4. A képek alt szövegét a termék médiakezelőjében, a kép melletti gombbal állítod.

Unas

1. A Beállítások > SEO résznél add meg a kategória- és terméksablonok címét és leírását.
2. A termékadatlapon felülírhatod az egyedi meta-leírást a fontos termékeknél.
3. A képek alt szövegét a termék képkezelőjénél töltsd ki.

Shoprenter

1. A Beállítások > SEO menüben állítsd be a címke- és leírás-sablonokat.
2. Terméknél és kategóriánál a „Keresőoptimalizálás” fülön írd felül az egyedi értékeket.
3. A sablonszerkesztőben ellenőrizd a viewport meta-taget, ha egyedi sminket használsz.

Egyedi fejlesztés

1. Tedd a viewport meta-taget a közös layout fájlba, ne oldalanként.
2. Minden route adjon vissza egyedi title és description értéket, fallback-kel.
3. A navigációs elemek legyenek valódi <a href="/url"> linkek, ne onclick kezelők.
4. A noindex kiadását kösd környezeti változóhoz, hogy élesben ne kerülhessen ki. Részletek: noindex, meta robots és X-Robots-Tag.
5. Építsd be a Lighthouse CLI-t a CI-folyamatba, és bukjon a build 90 pont alatt.

• Csak a főoldalt méred. A főoldal szinte mindig rendben van, a hibák a termék- és blogsablonban ülnek.
• Élesben maradt noindex. Fejlesztésről átvitt beállítás, ami napok alatt kiszedi az oldalt az indexből.
• Generált meta description minden oldalon ugyanaz. A kereső ilyenkor inkább saját szöveget ír a találatba.
• JavaScriptből működő menü href nélkül. A robot nem jut el az aloldalakra, a belső linkelés értéke elvész.
• Hiányzó viewport meta-tag. Az oldal mobilon desktop-szélességgel jelenik meg, a szöveg olvashatatlan.
• Dekorációs képekre írt alt szöveg kulcsszavakkal. Zajt visz a tartalomba, és a képernyőolvasót is zavarja.
• 100 pont mint cél. A Lighthouse SEO-pontszám technikai higiénia, nem helyettesíti a tartalmi munkát.

A minimálisan elvárt <head> szekció, ami a legtöbb SEO-auditot átviszi:

<!DOCTYPE html>
<html lang="hu">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bádogos munkák Debrecenben - Kovács Tetőfedő Kft.</title>
  <meta name="description" content="Tetőfedés, bádogozás és beázás-javítás Debrecenben és 40 km-es körzetében. Ingyenes helyszíni felmérés 48 órán belül.">
  <link rel="canonical" href="https://pelda.hu/badogos-munkak">
</head>

A lang attribútum, a viewport, a title és a canonical együtt négy külön auditot elégít ki.

Parancssori mérés, csak a SEO-kategóriára:

npx lighthouse https://pelda.hu/termek/kabat-123 \
  --only-categories=seo \
  --output=json \
  --output-path=./seo.json \
  --quiet

A kapott JSON-ban a bukott tételeket a score mező alapján szűröd. Ha "score": 0, az audit elbukott. A categories.seo.score értéke 0 és 1 között mozog, ezt szorozd százzal.