SEO-alapok: amit az AI-korszakban is tudni kell

Keresőoldalon

A title adja a találat kattintható feliratát. Ha minden aloldalad ugyanazt a címet viseli, a Google saját feliratot ír helyetted. Az eredmény ritkán jobb, mint egy átgondolt cím.

A hiányzó címhierarchia miatt a hosszú szövegek nem kapnak kiemelt szakaszt a találati oldalon. A beszédes URL pedig kattintási jelzés: a látogató a címből is látja, hova kerül.

AI-értelmezhetőségben

A nyelvi modellek a HTML szerkezetéből építik fel a szakaszokat. Címsorok nélkül a szöveg egyetlen blokként kerül a feldolgozásba. Ilyenkor a modell nehezebben talál pontos választ, és gyakrabban általánosít.

A belső linkelés itt is beleszól. A linkek szövegéből derül ki, mit ígér a célоldal.

Üzletileg

A rossz Open Graph-adat minden megosztásnál látszik. Kép nélküli link a Facebookon vagy a LinkedInen jóval kevesebb kattintást hoz. Ez mérhető forgalomkiesés, nem elméleti kockázat.

Vonatkozik rá

• Minden publikus, indexelendő oldal: kezdőlap, szolgáltatásoldalak, blogcikkek, kategóriák, termékoldalak.
• Egyoldalas bemutatkozó weboldalak is, ott a címhierarchia a szekciók szerkezetét adja.
• Webshopok, ahol a generált termékcímek sablonból jönnek. A sablon minősége itt több ezer oldalt érint egyszerre.

Nem vonatkozik rá

• Staging és fejlesztői környezetek. Ott a helyes lépés a teljes kizárás noindex vagy jelszó mögött.
• Bejelentkezés utáni felületek, kosár és pénztár. Ezek nem keresőforgalomra készülnek.
• Gépi végpontok, API-válaszok, feed-fájlok.

Új oldal indításakor érdemes ezzel kezdeni. Régi oldalnál viszont csak akkor nyúlj az URL-ekhez, ha van átirányítási terv.

Lépések

1. Nyisd meg az oldalt, és nézd meg a forrást. Böngészőben Ctrl+U, vagy devtools Elements fül.
2. Keresd meg a <title> elemet a <head>-ben. Egy darab legyen, 30-60 karakter között.
3. Ellenőrizd a <meta name="description"> tagot. Ideális hossz nagyjából 120-155 karakter.
4. Fusd át a címsorokat. Devtools konzolban: $$('h1,h2,h3').map(h => h.tagName + ' ' + h.innerText).
5. Nézd meg az URL-t a címsorban. Ékezet, nagybetű, kérdőjeles paraméter nélkül legyen.
6. Keresd az og:title, og:description, og:image tageket.
7. Futtass Lighthouse SEO-auditot: devtools Lighthouse fül, majd Categories alatt csak SEO.
8. A Search Console Oldalak jelentésében nézd meg, indexelt-e az adott URL.

Jó jel

• Minden oldalnak egyedi title-je van, amiben a téma és a márkanév is szerepel.
• Pontosan egy H1, alatta logikus H2 és H3 szintek.
• Az URL olvasva is elmondja, mi van az oldalon.
• Az Open Graph-kép betöltődik, és 1200x630 pixel körüli.
• Lighthouse SEO-pontszám 90 felett.

Rossz jel

• A title a CMS alapértelmezése, például „Kezdőlap” vagy csak a domain neve.
• Nulla vagy három H1 az oldalon.
• Kihagyott címsorszint: H1 után rögtön H4.
• ?p=1234 típusú URL nyilvános oldalon.
• A szöveg aránya a HTML-hez képest 5 százalék alatt, miközben az oldalon sok tartalom látszik.
• A megosztott link előnézete üres vagy rossz képet hoz.

WordPress

1. Telepíts SEO-bővítményt, ha nincs: Yoast SEO vagy Rank Math.
2. A bővítmény beállításaiban állítsd be a címsablonokat tartalomtípusonként. Bejegyzésnél %%title%% %%sep%% %%sitename%% a biztos alap.
3. Kapcsold be az Open Graph-kimenetet, és adj meg alapértelmezett megosztási képet.
4. A Beállítások / Közvetlen hivatkozások menüben válaszd a bejegyzés neve opciót.
5. Nézd meg a sablon címsorait. Sok téma H1-be teszi a logót, ez hibás. A logó <div> vagy <p> legyen, a H1 a tartalom címe.
6. A legfontosabb 20 oldalon írd meg kézzel a leírást. A sablon csak a maradékra való.

Shopify

1. Admin, majd az adott termék vagy oldal alján a Search engine listing szerkesztése.
2. Írd át a címet és a leírást. A gyári érték a terméknév, ez kevés.
3. Az URL-t a handle mező adja. Ha módosítod, a Shopify automatikusan 301-et hoz létre.
4. Az Open Graph a theme.liquid fájlban él. Ellenőrizd, hogy a og:image a termékképre mutat-e.
5. A címhierarchiát a szekciók adják. A témaszerkesztőben nézd át, hány H1 keletkezik.

Unas

1. Termékeknél és aloldalaknál a SEO fülön töltsd ki a Címsor és a Leírás mezőt.
2. A globális sablonokat a Marketing, majd SEO beállítások alatt találod.
3. A barátságos URL-t kapcsold be, és a termékneveket ékezet nélkül generáltasd.
4. A leíró szövegek szerkesztőjében használj valódi címsorstílusokat, ne félkövér bekezdést.

Shoprenter

1. Termék, kategória és információs oldal szerkesztőjében nyisd a SEO blokkot.
2. Töltsd ki az oldalcímet és a meta leírást. Kategóriáknál külön is, mert a szűrt nézetek ezt öröklik.
3. Az SEO URL mezőbe rövid, ékezet nélküli változatot írj.
4. A sablonban ellenőrizd az Open Graph tageket, és hogy a kategória H1-je a kategórianév-e.

Egyedi fejlesztés

1. Vezess be egy központi meta-komponenst. Minden route onnan kapja a címet és a leírást.
2. Tedd kötelezővé a title paramétert. Ha nincs érték, a build dobjon hibát.
3. Az Open Graph tageket ugyanabból az adatból generáld, mint a title-t. Így nem csúszhatnak szét.
4. Írj tesztet: minden generált oldalon pontosan egy H1 legyen.
5. Kliensoldali rendereléshez állíts be szerveroldali vagy előre generált HTML-t a metaadatokkal.
6. Szúrj be egy CI-lépést, ami a sitemap URL-jeit végigfutja, és jelzi az üres vagy duplikált címeket.

• Azonos title minden aloldalon: a kereső nem tudja megkülönböztetni az oldalakat, és saját feliratot ír helyetted.
• Több H1 egy oldalon: szétesik a logikai váz, a modell nem tudja, melyik a fő téma.
• Címsor helyett félkövér szöveg: vizuálisan hasonlít, de a gép számára sima bekezdés marad.
• Kulcsszóhalmozott title: a levágott, ismétlődő cím rontja a kattintási arányt, és gyanús mintát ad.
• Hiányzó Open Graph-kép: minden megosztás üres kártyaként jelenik meg, a kattintások elmaradnak.
• Ékezetes vagy azonosítós URL: nehezen másolható, és a linkszövegben sem mond semmit.
• Utólagos URL-csere átirányítás nélkül: a régi címek 404-re futnak, és a felépített értéket elveszíted.

Egy minimális, de teljes <head> a SEO-alapokkal:

<!doctype html>
<html lang="hu">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ipari padlóburkolás Debrecenben | Pelda Kft.</title>
  <meta name="description" content="Epoxi és poliuretán ipari padló csarnokokba, 3-5 nap alatt. Debrecen és 100 km-es körzete. Ingyenes helyszíni felmérés.">
  <link rel="canonical" href="https://pelda.hu/ipari-padloburkolas/">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Ipari padlóburkolás Debrecenben">
  <meta property="og:description" content="Epoxi és poliuretán ipari padló csarnokokba, 3-5 nap alatt.">
  <meta property="og:image" content="https://pelda.hu/img/ipari-padlo-og.jpg">
  <meta property="og:url" content="https://pelda.hu/ipari-padloburkolas/">
</head>
<body>
  <h1>Ipari padlóburkolás</h1>
  <h2>Mikor érdemes epoxit választani</h2>
  <h2>Árak és határidők</h2>
</body>
</html>

Gyors ellenőrzés parancssorból, JavaScript futtatása nélkül. Ez mutatja meg, mit lát a robot a nyers HTML-ben:

curl -s https://pelda.hu/ | grep -iE '<title>|name="description"|rel="canonical"|og:image'
curl -s https://pelda.hu/ | grep -oE '<h[1-6][^>]*>'

Ha a második parancs semmit nem ad vissza, a címsorok csak kliensoldalon jelennek meg.