H1-H6 címsorszerkezet: hogyan rendezz el egy oldalt a SEO érdekében

Egy oldalon a címsorok nem csupán nagyobb, félkövér szövegek. Ők alkotják a vázat, amelyre minden más ráépül, mind az olvasó, mind a Google számára. Ha a szerkezet világos, az olvasók gyorsan megtalálják, amire szükségük van, a keresőmotorok pedig megértik, miről szól az oldal.

A probléma az, hogy a legtöbb oldal a címsorokat stilisztikai döntésként kezeli: „Nagyobb szöveget szeretnék, ezért H2-t csinálok belőle.” Így születnek olyan oldalak, amelyeken három H1 van, egy H4 áll bármelyik H2 előtt, és a címsorok semmit sem mondanak. Ebben a cikkben röviden és konkrétan megmutatom, hogyan építs fel helyes címsor-hierarchiát, milyen hibákat kerülj el, és hogyan ellenőrizd, hogy jól csináltad-e.

Mik valójában a H1-H6 címsorok

A HTML-ben hat címsorszint van, a H1-től (legfontosabb) egészen a H6-ig (legkevésbé fontos). Együtt egyfajta láthatatlan tartalomjegyzéket alkotnak az oldalhoz: a H1 az átfogó téma, a H2-k a fő szakaszok, a H3-ak az egyes szakaszokon belüli alpontok, és így tovább.

Gondolj egy könyvre:

• H1 = a könyv címe
• H2 = a fejezetek
• H3 = az alfejezetek
• H4-H6 = egyre finomabb részletek

A lényeg, amit érdemes megjegyezni: ezeknek a szinteknek szemantikai jelentésük van, nem csupán vizuális súlyuk. A képernyőolvasót használó olvasó pontosan ezek alapján a címsorok alapján navigál az oldalon. A Google ugyanígy olvassa őket, hogy kikövetkeztesse, hogyan épül fel a tartalom. A méretet és a stílust külön kezeljük, a CSS-ben, nem pedig azzal, hogy azért választunk egy címsorszintet, mert „jól néz ki”.

Az aranyszabály: egy H1 oldalanként

Minden oldalon egyetlen H1 legyen, amely világosan megmondja, miről szól az oldal. Ez a legerősebb témajelzés, amit adhatsz. Ha két vagy három H1-ed van, zavaros üzenetet küldesz: „ez az oldal egyszerre három különböző dologról szól.”

A H1-nek nem kell azonosnak lennie a böngészőfülön megjelenő címmel (a title taggel), bár összefüggenek. A H1 az, amit az ember lát az oldal tetején; a title tag az, ami a Google találatai között jelenik meg. Lehetnek hasonlóak, de mindegyiket szabad külön alakítanod.

Néhány egyszerű szabály a H1-hez:

• természetes módon tartalmazza a fő kulcsszavadat
• legyen világos és konkrét, ne homályos („Szolgáltatások” gyenge, „Weboldal-tervezés fogorvosi rendelőknek” világos)
• egyetlen legyen belőle, felül, a tényleges tartalom előtt

Ne ugorj át szinteket

A legelterjedtebb hiba a több H1 után: a szintek átugrása. Vagyis amikor egy H2-ről egyenesen egy H4-re ugrasz, mert „a H4 pontosan akkora, amekkorát szeretnék.”

A hierarchia egyesével lépjen lefelé. Egy H2 alá H3-ak jönnek. Egy H3 alá H4-ek jönnek. Ne ugorj H2-ről H4-re, és ne kapaszkodj vissza rendezetlenül. Egy helyes szerkezet nagyjából így néz ki:

• H1 – az oldal címe
• H2 – első fő szakasz
• H3 – alpont az első szakaszban
• H3 – egy másik alpont
• H2 – második fő szakasz

Ha vizuálisan kisebb címsort szeretnél, ne a szemantikai szintet változtasd meg, hanem a stílust a CSS-ben. A szint a hierarchiát fejezi ki; a CSS a megjelenést. Ez két különböző dolog, és fontos, hogy ne keverd őket össze.

Írj olyan címsorokat, amelyek tényleg mondanak valamit

Egy jó címsor összefoglalja, ami utána következik, hogy a sietős olvasó, aki átlósan futja át az oldalt, meg tudja mondani, miről van szó. Az olyan címsorok, mint „Bevezetés”, „Rólunk” vagy „Részletek”, senkinek sem segítenek, sem az embernek, sem a Google-nek.

Néhány elv, ami különbséget jelent:

• Legyen leíró: „Hogyan válassz színeket egy szépségszalon weboldalához” jobb, mint „Színek”.
• Használd azokat a szavakat, amelyekre az olvasód ténylegesen rákeresne, természetesen, anélkül hogy erőltetnéd őket.
• Tartsd a címsorokat viszonylag rövidnek és könnyen áttekinthetőnek.
• Legyél következetes a stílusban: ha az egyik szakasz igével kezdődik, tartsd meg ezt a mintát a többinél is.

Egy jó trükk: olvasd el csak a címsorokat, felülről lefelé. Ha már önmagukban elmondják, miről szól a cikk, akkor egészséges a szerkezeted. Ha nem, akkor még van min dolgozni.

Hogyan ellenőrizd a szerkezetedet, és miért számít a SEO szempontjából

Az ellenőrzéshez nincs szükséged drága eszközökre. Szinte bármelyik böngészőben jobb kattintással megnyithatod az oldalt, kiválaszthatod a „Vizsgálat” opciót, és megkeresheted a h1, h2 és így tovább tageket. Vannak ingyenes bővítmények is, amelyek egy pillantással megmutatják egy oldal címsortérképét.

Miért éri meg a fáradságot: egy tiszta szerkezet segít a Google-nek gyorsan megérteni, miről szól az oldal, és milyen altémákat fed le, és néha ezek az alcímsorok közvetlen válaszként még a keresési találatokban is megjelennek. Az olvasó számára egy jól strukturált oldalon egyszerűen könnyebb mozogni, így tovább maradnak, és megtalálják, amiért jöttek.

Az MPO Web Studiónál úgy építjük az oldalakat, hogy ezt a szerkezetet a kezdetektől megtervezzük, nem a végén ragasztjuk rá. Teljesen távolról dolgozunk, országszerte, és el tudunk készíteni egy ingyenes demót az oldaladról, mielőtt bármit is fizetnél. Ha szeretnél egy második véleményt a jelenlegi oldalaid szerkezetéről, írj nekünk WhatsAppon, és együtt megnézzük.