SEO Útmutató 2. lépés: On-Page & Meta Címkék

Ez a 13 lépéses SEO Útmutató 2. lépése. Az on-page meta címkék irányítják, hogy a keresőmotorok mit mutatnak a webhelyedről — és hogy a felhasználók rákattintanak-e.

---

A technikai SEO (1. lépés) biztosítja, hogy a keresőmotorok megtalálják az oldaladat. Az on-page optimalizálás biztosítja, hogy megértsék azt — és vonzóan mutassák az eredmények között. Minden keresési eredmény, amit a Google-on látsz, a meta címkékből épül fel az oldalon. Ha nem kontrollálod ezeket, a Google tippel. A Google pedig nem jól tippel.

A 2% és 8% közötti kattintási arány közötti különbség gyakran csak egy jobb címkén és leíráson múlik. Egy olyan oldalon, amely havi 1,000 megtekintéssel rendelkezik, ez havi 60 extra látogatót jelent — ingyen.

Mit Tartalmaz az On-Page SEO

Az on-page optimalizálás 8 területet ölel fel:

1. Címkék — A kék link a keresési eredmények között
2. Meta Leírások — A szürke szöveg a link alatt
3. Open Graph & Social — Hogyan néznek ki az oldalaid, amikor megosztják őket
4. Címsor Hierarchia — Tartalom struktúra, amely jelzi a relevanciát
5. Strukturált Adatok — Gazdag eredmények (csillagok, árak, GYIK)
6. Kép Optimalizálás — Alt szöveg, fájlnevek, és lusta betöltés
7. Belső Horgony Szöveg — Mit mondanak saját linkeid az oldalaidról
8. Hírek & Cikk Markup — Google Hírek, Felfedezés és AI crawlers

1. Címkék

A címke a legnagyobb hatással bíró on-page elem. Ez a kék kattintható link a keresési eredmények között, a böngésző fül szövege, és közvetlen rangsorolási tényező.

A jól teljesítő címkék szabályai:

• 50-60 karakter (a Google ~60-nál kicsinyíti)
• Elsődleges kulcsszó a kezdet közelében
• Egyedi minden oldalon a webhelyeden
• Vonzó az emberek számára, nem csak az algoritmusoknak
• Márkaneve a végén (ha a hely engedi)

A bevált képletek:

| Oldaltípus | Képlet | Példa | |------------|--------|-------| | Főoldal | [Márka] — [Értékajánlat] | LANGR — SEO Automatizálás Növekvő Vállalkozásoknak | | Termék | [Termék] — [Előny] | [Márka] | Pro Terv — Napi SEO Figyelés | LANGR | | Blog | [Téma]: [Ígéret] ([Év]) | Címkék: A Teljes Útmutató (2026) | | Kategória | [Kategória] — [Kontekstuális] | [Márka] | Futócipők — Férfi Kollekció | Nike |

Gyakori hibák:

• Ugyanaz a cím több oldalon (másolt címek)
• Kulcsszó tömörítés: "SEO SEO Útmutató SEO Tippek SEO Segítség"
• Túl rövid: "Főoldal" vagy "Termékek"
• Teljes hiány (a Google generál egyet a tartalmad alapján — általában rosszul)

Gyors nyeremény: Exportáld az összes címkédet (Screaming Frog, vagy ellenőrizd a Search Console-t). Keresd a duplikált címet és azokat az oldalakat, ahol a címkék 30 karakter alattiak. Ezeket javítsd először.

2. Meta Leírások

A meta leírások nem befolyásolják közvetlenül a rangsorolást, de drámaian hatnak a kattintási arányra. Ezek a hirdetéseid a szerves eredmények között.

Szabályok:

• 120-155 karakter (mobilon korábban kicsinyít)
• Tartalmazza az elsődleges kulcsszót (a Google kiemeli a megfelelő kifejezéseket)
• Tartalmazzon cselekvésre ösztönzést ("Tudd meg, hogyan", "Kezdj el", "Nézd meg az árait")
• Egyedi oldalonként (a duplikáltakat a Google automatikus snippetjei helyettesítik)
• Illeszd a keresési szándékhoz (informáló, tranzakciós, navigációs)

Képlet: [Mit kínál az oldal] + [kulcs előny] + [CTA]

Példa: "Tudd meg a 8 meta címkét, amelyek közvetlen hatással vannak a rangsorolásra. Akcióra ösztönző tippek előtt/után példákkal. Kezdj el optimalizálni még ma."

Amikor a Google figyelmen kívül hagyja a leírásodat: A Google a meta leírások ~70%-át átírja, hogy jobban illeszkedjen a konkrét kereséshez. Ezt nem tudod megakadályozni, de egy jól megírt leírást gyakrabban használnak, mint a gyengét. Ez megjelenik a közösségi megosztásokban és a link előnézetekben is.

Gyors nyeremény: Írd meg a leírásokat a legforgalmasabb 20 oldaladra először. Prioritást adj azoknak az oldalaknak, ahol a Search Console magas megtekintéseket mutat, de alacsony CTR-t.

3. Open Graph & Social Meta

Amikor valaki megosztja a linkedet a Facebookon, LinkedIn-en, Twitter/X-en vagy egy üzenetküldő alkalmazásban, az Open Graph címkék irányítják a megjelenő előnézeti kártyát.

Alapvető OG címkék:

<meta property="og:title" content="Az Oldalad Címe" />
<meta property="og:description" content="Látványos leírás a közösségi médiához" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Twitter/X esetén:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Az Oldalad Címe" />
<meta name="twitter:description" content="Leírás Twitterre" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Kép követelmények:

• Minimum 1200x630px nagy kártyákhoz
• 8MB alatti fájlméret
• Használj szöveget képeken mérsékelten (20% szabály)
• Teszteld a Facebook Debugger-rel és a Twitter Card Validator-al

Gyors nyeremény: Készíts egy magas minőségű OG képet a márkád számára. Használj ezt alapként, majd készíts egyedi képeket a legjobb 10 oldaladra.

4. Címsor Hierarchia

A címsorok (H1-H6) vázlatot adnak a keresőmotoroknak a tartalomról. Jeleznek, hogy miről szól az oldalad, és mely szakaszok a legfontosabbak.

Szabályok:

• Pontosan egy H1 per oldal (a fő téma/kollekció kulcsszavaid)
• H2-k a fő szakaszokhoz (ezek gyakran válnak kiemelt snippet-válaszokká)
• H3-k a H2-n belüli részszakaszokhoz
• Soha ne hagyj ki szintet (H1 → H3 H2 nélkül)
• Használj kulcsszavakat természetes módon a címsorokban, ne erőltetetten
• Előre helyezd a fontos szavakat (a szkennelők az első 3 szót olvassák)

SEO hatása:

• A Google használja a H2/H3 szöveget a kiemelt snippet-ekhez és a "Az emberek is kérdezik"-hez
• A címsorok szövege hatással van a szakasz rangsorolására (a Google függetlenül rangsorolhatja egy oldal szakaszát)
• A képernyőolvasók és az AI crawlers a címsorokat használják, hogy megértsék az oldal felépítését

Példa struktúra:

H1: Hogyan válasszunk futócipőt
  H2: Láb típusa és pronáció
    H3: Overpronáció
    H3: Semleges
    H3: Underpronáció
  H2: Cipő Kategóriák
    H3: Útifutás
    H3: Terepfutás
  H2: Mikor cseréljük le a cipőinket

Gyors nyeremény: Ellenőrizd a legfontosabb oldalaid — ha bármelyiknek több H1-je van, H1 nincs, vagy a címsorok csak "1. szakasz", "2. szakasz", azokat azonnal javítsd.

5. Strukturált Adatok (Séma Markup)

A strukturált adatok pontosan megmondják a keresőmotoroknak, hogy mit képvisel a tartalmad. Ez gazdag eredményeket tesz lehetővé — a csillagokkal, árakkal, GYIK-kal, hogyan kell lépésekkel és még sok mással járó felsorakoztatott listák.

Nagy megtérülésű séma típusok:

| Séma | Gazdag Eredmény | Legjobb Az | |------|------------------|------------| | FAQ | Kiterjesztett Kérdés-Válasz közvetlenül a SERP-ben | Szolgáltatási oldalak, termékoldalak | | HowTo | Lépésről lépésre képekkel | Tutorial/útmutató tartalom | | Article | Szerző, dátum, kép az eredményekben | Blogbejegyzések, hírek | | Product | Ár, értékelés, elérhetőség | E-kereskedelem | | LocalBusiness | Térkép, nyitvatartás, vélemények | Fizikai üzletek | | BreadcrumbList | Navigációs útvonal a SERP-ben | Minden oldal | | Organization | Tudáspanel | Főoldal |

FAQ séma példa:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Mennyi ideig tart az SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "A legtöbb webhely 3-6 hónapon belül mérhető javulást észlel..."
    }
  }]
}

Szabályok:

• Csak azt a tartalmat tüntesd fel, ami ténylegesen látható az oldalon
• Ne gyárts véleményeket vagy értékeléseket
• Érvényesítsd a Google Gazdag Eredmények Tesztjével
• Ellenőrizd a Search Console-ban → Fejlesztések

Gyors nyeremény: Adj FAQ sémát a legjobb 5 szolgáltatás vagy termék oldalhoz. Írj 3-5 valódi kérdést és választ minden egyeshez. Ez megduplázhatja a SERP ingatlanodat egy éjszaka alatt.

6. Kép Optimalizálás

A képek gyakran a legnagyobb teljesítménybeli szűk keresztmetszetet jelentik és egy figyelmen kívül hagyott SEO lehetőséget rejtenek. A Google Képek jelentős forgalmat generál sok webhely számára.

Az 5 alapvető:

1. Alt szöveg: Írd le, mi látható a képen (hozzáférhetőség + SEO miatt). Használj kulcsszavakat természetes módon: alt="Nike Air Max 2026 futócipő fekete színben", ne alt="cipő" vagy alt=""
2. Fájlnév: Nevezd át feltöltés előtt. nike-air-max-2026-black.webp ne IMG_4382.jpg
3. Formátum: WebP fényképekhez (30-50%-kal kisebb, mint JPEG). SVG ikonok/logók esetén. Kerüld a PNG-t fényképekhez.
4. Lusta betöltés: Adj loading="lazy" attribútumot az oldalon lent található képekhez. Soha ne lusta-töltsd be a főszereplő képet.
5. Dimenziók: Mindig határozd meg a width és height attribútumokat a layout eltolódás (CLS) megelőzése érdekében.

Gyors nyeremény: Keresd meg a 10 legnagyobb képedet (a PageSpeed Insights megjelöli őket). Konvertáld WebP-be és adj meg megfelelő alt szöveget. Ez javítja a teljesítményt és a képkeresés láthatóságát.

7. Belső Horgony Szöveg

A kattintható szöveg a belső linkeidben megmondja a keresőmotoroknak, miről szól a céloldal. A legtöbb webhely elszalasztja ezt azzal, hogy "kattints ide" vagy "tudj meg többet" kifejezéseket használ.

Szabályok:

• Használj leíró horgony szöveget, amely releváns kulcsszavakat tartalmaz
• Változtasd a horgony szöveget (ne használd ugyanazt a szöveget minden linkhez)
• Linkelj magas tekintéllyel bíró oldalakról azokra az oldalakra, amelyeket rangsorolni szeretnél
• Linkelj kontextuálisan a tartalom belsejében, ne csak a navigációban

Jó vs. rossz:

• Rossz: "Kattints ide a SEO útmutatónkért"
• Jó: "Olvasd el a teljes SEO útmutatónkat a 13 lépéshez"
• Rossz: "Tudd meg többet"
• Jó: "Nézd meg, hogyan javítják a strukturált adatok a kattintási arányokat"

Gyors nyeremény: Keresd a webhelyeden a "kattints ide" és "tudj meg többet" linkeket. Cseréld le őket leíró horgony szövegre, amely releváns kulcsszavakat tartalmaz.

8. Hírek & Cikk Markup

Ha blogbejegyzéseket, híreket vagy bármilyen rendszeresen frissülő tartalmat publikálsz, a hír-optimalizált markup lehetővé teszi a Google Hírek, Google Felfedezés és az AI crawlers kedvezőbb kezelését.

Cikk séma (kötelező hírekhez):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Az Cikked Címe",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Szerző Neve",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "A Te Márkád",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Használj NewsArticle vs Article:

• NewsArticle — időérzékeny hírtartalmakhoz (események, bejelentések)
• Article — örökérvényű blogbejegyzésekhez és útmutatókhoz
• BlogPosting — véleménycikkekhez és személyes blogokhoz

Google Hírek & Felfedezés optimalizálás:

• Magas minőségű főképek (minimum 1200px szélesek, max-image-preview:large meta)
• Kiadási dátum világosan látható az oldalon
• Szerző megnevezése, hivatkozás a szerző oldalra
• Eredeti jelentések vagy egyedi elemzések (nem átkonvertálások)
• robots meta: max-snippet:-1, max-image-preview:large (teljes előnézetek engedélyezése)

Robot meta hírtartalmak esetén:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

Ez megmondja a Google-nak, hogy használhat nagyméretű képeket és teljes szöveget a Felfedezés kártyákban és a hírek eredményeiben.

Miért számít ez a magasabb szinthez:

• Blog stratégia: A cikk markup lehetővé teszi, hogy a tartalmad a Felfedezésben megjelenjen (potenciálisan több ezer megtekintés posztonként)
• Link megszerzés: A hírek által indexált tartalmakat más publikációk idézik, természetes visszautalásokat szerezve
• AI crawlers: A ChatGPT, Perplexity és más AI rendszerek előnyben részesítik azokat a forrásokat, amelyek megfelelő cikk markup-ot és világos szerzői kapcsolatot tartalmaznak
• Márkakövetés: A márkádat említve hírek (mint amilyeneket a LANGR Hírszkennere követ) leleplezik a linképítési és PR lehetőségeket

Gyors nyeremény: Adj cikk sémát minden blogbejegyzésedhez. Győződj meg róla, hogy mindegyiknek látható dátuma, szerző neve és 1200px-nél szélesebb hős képe van. Engedélyezd a max-image-preview:large-t a robots meta-iban.

Az On-Page SEO Audit Ellenőrző Lista

Futtasd le ezt minden fontos oldalon:

• [ ] Egyedi címke, 50-60 karakter, kulcsszó a kezdet közelében
• [ ] Egyedi meta leírás, 120-155 karakter, tartalmaz CTA-t
• [ ] Open Graph címkék beállítva (cím, leírás, kép, url)
• [ ] Pontosan egy H1, amely tartalmazza az elsődleges kulcsszót
• [ ] Logikus címsorszint hierarchia (H1 → H2 → H3, szintkihagyás nélkül)
• [ ] Strukturált adatok hozzáadva és érvényesítve (FAQ, Cikk, Termék, stb.)
• [ ] Képek: WebP formátum, leíró alt szöveg, lusta betöltés lent
• [ ] Belső linkek használjanak leíró horgony szöveget
• [ ] Cikk sémák minden blog/hír tartalomhoz a datePublished + szerzővel
• [ ] max-image-preview:large meta robot címke a tartalom oldalakon

Gyakori On-Page Hibák (Hatás Szerint Rangsorolva)

1. Duplikált címkék — Több oldal versenyez önmagával
2. Hiányzó meta leírások — Hagyod, hogy a Google tippeljen (és rosszul tippeljen)
3. Nincs strukturált adat — Hiányzó gazdag eredmények, amiket a versenytársaid használnak
4. Kulcsszóval tömött címsorok — "SEO Tippek SEO Útmutató SEO Segítség SEO 2026"
5. Hiányzó alt szöveg képeken — Láthatatlan a keresés és hozzáférhetőségi hibák
6. Nincs cikk markup a blogbejegyzéseken — Láthatatlan a Hírek/Felfedezés/AI számára
7. Általános horgony szöveg — "Kattints ide" nem tanít semmit a Google-nak
8. Ugyanaz az OG kép mindenhol — Minden megosztásod ugyanolyan ne

Mi a következő lépés?

3. lépés: Tartalom & Stratégia — Mit kell írni, mikor kell publikálni, és hogyan kell tartalmat létrehozni, ami rangsorol, nem csak létezik.

---

Ez az útmutató a LANGR 13-lépéses SEO sorozatának része. Futtass egy ingyenes auditot, hogy lásd, hol áll a webhelyed az összes 13 diszciplína mentén.