Egy hosszabb weboldalon nemcsak az számít, hogy mit írunk le, hanem az is, hogyan rendezzük egymás alá az információkat. A címsorok – vagy headingek – segítenek megmutatni az oldal szerkezetét az olvasónak és a keresőmotoroknak egyaránt.
A H1, H2, H3 és a további heading szintek nem egyszerűen nagyobb vagy kisebb betűméretet jelentenek. Tartalmi hierarchiát fejeznek ki.
Mik azok a headingek?
A HTML-ben a címsorokat a h1–h6 elemek jelölik. Ezek segítségével lehet meghatározni egy oldal címeinek és alcímeinek hierarchiáját.
A legfontosabb szintek:
- H1 – az oldal fő címe;
- H2 – a fő témához tartozó nagyobb fejezetek;
- H3 – egy H2 alá tartozó részletesebb alfejezet;
- H4–H6 – további, ritkábban szükséges szintek.
A headingek elsődleges célja nem a vizuális formázás. Ha például csak nagyobb betűvel szeretnénk megjeleníteni egy mondatot, arra a CSS való. A heading azért heading, mert szerkezeti jelentése van.
Mi a H1 szerepe?
A H1 általában az oldal fő címét jelöli, és világossá teszi, miről szól az adott oldal.
Egy cikk esetében például:
H1: Hogyan írjunk SEO-barát tartalmat?
Ezután a cikk nagyobb fejezetei H2 szintet kaphatnak:
- H2: A keresési szándék legyen a kiindulópont
- H2: Használjuk természetesen a kulcsszavakat
- H2: Ne egyetlen kulcsszóra, hanem egy teljes témára írjunk
A H1 és a title nem ugyanaz. A title a HTML-ben megadott oldal címét jelenti, amely többek között a keresőtalálatokban is megjelenhet, míg a H1 az oldal tartalmának látható főcíme.
A két cím természetesen kapcsolódhat egymáshoz, de nem szükséges szó szerint azonosnak lennie.
Egyetlen H1 lehet csak?
A SEO-ban sokáig elterjedt szabályként szerepelt, hogy egy oldalon pontosan egy H1 lehet.
A lényeg azonban nem egy merev darabszám, hanem az, hogy a dokumentum szerkezete világos és értelmes legyen. Egy megfelelően strukturált oldal fő témáját egyértelműen kell azonosítani, és a headingeknek logikusan kell követniük ezt a struktúrát.
A gyakorlatban ezért általában egyszerű és áttekinthető megoldás, ha egy oldalnak van egy egyértelmű H1 címe.
Nem érdemes azonban egy oldalt kizárólag azért hibásnak tekinteni, mert technikailag egynél több H1 elem található benne. Először azt kell megnézni, hogy az oldal szerkezete és tartalmi hierarchiája ettől valóban sérül-e.
Hogyan működik a H1–H2–H3 hierarchia?
A headingeknél érdemes úgy gondolkodni, mint egy könyv tartalomjegyzékénél.
H1 – a teljes oldal témája
→ H2 – egy nagyobb témakör
→ H3 – az adott témakör egyik részlete
Például egy „Kulcsszókutatás lépésről lépésre” című cikkben:
H1: Kulcsszókutatás lépésről lépésre
H2: Mi az a kulcsszó?
H2: Hogyan találjunk releváns témákat?
H2: A keresési volumen értelmezése
H3: Miért nem elég a keresési volumen?
H3: Rövid és hosszabb keresési kifejezések
H2: Hogyan állítsuk össze a kulcsszólistát?
Így az olvasó már a címsorok alapján is megértheti, hogyan épül fel az oldal.
Nem kell minden szintet használni
A H1–H6 szintek nem kötelező lépcsőfokok.
Egy rövidebb oldalon például teljesen elegendő lehet:
H1 → H2 → H2 → H2
Ha valamelyik H2 témakörön belül több részterületet is tárgyalunk, akkor lehet értelme H3 szintet használni.
Nem szükséges tehát minden H2 alá legalább egy H3-at tenni, és nem kell H4-et használni csak azért, mert a HTML-ben létezik ilyen elem.
A heading szintje azt mutassa, hogy az adott rész hogyan kapcsolódik a felette álló témához.
Ne a betűméret alapján válasszunk headinget
Gyakori hiba, hogy valaki azért használ H2-t vagy H3-at, mert az adott elem nagyobb vagy kisebb betűmérettel jelenik meg.
Ez fordítva működik.
Először azt kell eldönteni, hogy egy szövegrésznek van-e szerkezeti szerepe. Ha igen, annak megfelelő heading szintet használunk. A megjelenését ezután CSS-sel lehet kialakítani.
Ezzel elválik egymástól a tartalom szerkezete és a vizuális megjelenítés.
Ez különösen fontos akadálymentességi szempontból is, hiszen a megfelelően strukturált címsorok segíthetik a képernyőolvasót használó látogatót az oldal megértésében és navigációjában.
A heading legyen informatív
Egy jó heading önmagában is ad valamennyi információt a következő szakaszról.
Az olyan címek, mint:
További információk
vagy
Egyéb dolgok
nem sokat árulnak el a tartalomról.
Egy konkrétabb cím:
Miért nem elég a keresési volumen?
már előre jelzi, milyen kérdést fog megválaszolni a következő rész.
Ez az olvashatóságot is javítja, hiszen a látogató egy hosszabb oldalon gyorsan végig tudja nézni a headingeket, és eldöntheti, mely részek érdeklik.
A kulcsszavakat sem kell minden headingbe beírni
A headingek fontos helyei lehetnek a témát leíró kifejezéseknek, de nem kell minden címsort ugyanazzal a kulcsszóval kezdeni.
Ha egy cikk a „SEO-barát tartalom” témájáról szól, nem szükséges például:
- SEO-barát tartalom és kulcsszóhasználat
- SEO-barát tartalom és keresési szándék
- SEO-barát tartalom és struktúra
- SEO-barát tartalom és olvashatóság
típusú címeket létrehozni.
Ez természetellenessé és monotonabbá teheti a szöveget.
A jobb megoldás az, ha a headingek azt a kérdést vagy részterületet nevezik meg, amelyről az adott szakasz ténylegesen szól.
Gyakori heading hibák
Egy SEO-audit során többféle szerkezeti problémával is találkozhatunk.
Hiányzó H1: az oldal fő témája nincs egyértelműen megjelölve.
Túl általános headingek: a címsorok nem segítik az olvasót a tartalom megértésében.
Összevissza szintek: például egy H2 után indokolatlanul H4 következik, miközben nincs köztes H3-as szerkezeti szint.
Headingként használt vizuális formázás: egy szöveget csak azért jelölnek H2-ként, mert nagyobb betűvel szeretnék megjeleníteni.
Kulcsszóhalmozás: minden headingbe ugyanazt a keresőkifejezést próbálják beilleszteni.
Túl sok heading: szinte minden egyes mondat külön címet kap, így a hierarchia elveszíti a jelentését.
Ezek közül nem mindegyik jelent automatikusan SEO-problémát. Az audit során mindig az oldal teljes szerkezetét és célját kell figyelembe venni.
Hogyan ellenőrizzük a headingeket?
Egy egyszerű heading-audit során érdemes végignézni:
- Van-e egyértelmű főcím az oldalon?
- A H1 valóban az oldal témáját írja le?
- A H2-k logikusan bontják-e fel a fő témát?
- A H3-ak valóban valamelyik H2 alá tartoznak?
- A headingek önmagukban is értelmezhetőek?
- Nem használjuk-e őket pusztán vizuális formázásra?
- Nem lett-e túl sok vagy túl kevés címsor az oldal tartalmához képest?
A webhelyen erre használható a Heading ellenőrző – H1 ellenőrzés eszköz, amely segít gyorsan áttekinteni az oldal címsorstruktúráját.
A headingek az oldal szerkezetének részei
A jó headingstruktúra önmagában nem fog egy gyenge tartalmat jó helyezéshez juttatni. A szerepe inkább az, hogy érthetővé és jól strukturálttá tegye a tartalmat.
A keresőoptimalizálásban ezért nem érdemes úgy gondolkodni, hogy a H1, H2 vagy H3 önmagában valamilyen „SEO-pontot” ér. Sokkal fontosabb, hogy az oldal szerkezete logikus legyen, a címek pontosan írják le a szakaszokat, és az olvasó könnyen eligazodjon a tartalomban.
Összegzés
A headingek az oldal tartalmi hierarchiáját adják.
A H1 az oldal fő témáját jelöli, a H2-k a nagyobb fejezeteket, a H3-ak pedig ezek részletesebb alfejezeteit. Nem a headingek száma a fontos, hanem az, hogy a struktúra logikus és értelmezhető legyen.
A jó heading:
- informatív;
- illeszkedik a tartalomhoz;
- megfelelő hierarchiai szinten van;
- segíti az olvasást és a navigációt;
- és nem pusztán kulcsszó-elhelyezésre szolgál.
Egy jól felépített oldal így már a címsorok alapján is érthetővé válik. Ez pedig egyszerre szolgálja a felhasználói élményt, az akadálymentességet és a keresőmotorok számára is értelmezhető dokumentumszerkezetet.
→ Heading ellenőrző.