SEO fejlécek legjobb gyakorlatai

Miért fontosak a címsorok

A címsorok (H1, H2, H3 stb.) szemantikus HTML-elemek, amelyek kommunikálják az oldal szerkezetét a felhasználók, a segédeszközök és a feltérképezők felé. Nem működnek egyetlen varázslatos rangsorolási jelként; ehelyett segítik a keresőmotoroknak és az AI modelleknek megérteni a témabeli hierarchiát, ami közvetetten befolyásolhatja a relevanciát és a kivonatok vagy AI Overviews generálását a találati listákban.

Válasszon szét három fogalmat, amikor a címsorokat értékeli: crawling, indexing és ranking. A címsorok befolyásolják, hogyan értelmezik a tartalmat az indexing során és mennyire hasznosnak tűnik egy oldal a felhasználók számára; nem szabályozzák közvetlenül a crawl gyakoriságát, és nem garantálják a magasabb helyezést a találati listákon.

H1 legjobb gyakorlatai

Használja az H1-et az oldal világos, emberi olvasásra alkalmas címeként vagy témakijelentéseként. Az H1-nek össze kell foglalnia az oldal fő témáját mind a felhasználók, mind a gépek számára. Példa: <h1>Hogyan válasszon nyári dzsekit</h1> — ez egy tömör, leíró H1, amely megfelel a felhasználói szándéknak.

Technikai megjegyzések:

• HTML5 megengedi több H1 használatát egy dokumentumban, ha a section/ARIA landmarkok ezt indokolják, de a legtöbb CMS és akadálymentességi irányelv az egyértelműség érdekében egyetlen kiemelt H1-et javasol oldalanként.

• Tartsa láthatóan az H1-et a renderelt DOM-ban (kerülje az egyetlen H1 script által generált jelölésbe helyezését, amelyet a felhasználók vagy a feltérképezők esetleg nem látnak). Használjon szerveroldali HTML-t vagy progressive enhancementet, hogy az H1 megjelenjen a view-source-ban és az első renderben.

H2 és H3 a szerkezethez és áttekinthetőséghez

Kezelje az H2 és H3 címsorokat mint a tartalom fejezet- és alfejezetjelzőit. Segítik az olvasók gyors átfutását, és lehetővé teszik a keresőmotorok számára, hogy az alrészeket összekapcsolják a keresésekkel vagy featured-snippet jelöltekkel. Jó szakaszcímek:

• rövidek és leíró jellegűek;

• tükrözik az azokat közvetlenül követő tartalmat;

• természetes nyelvet használjanak a kulcsszóhalmozott kifejezések helyett.

Címsorok és AI Overviews

Mivel a Search Generative Experience és az AI Overviews a találatokban már általánosak, a tiszta, jól strukturált címsorok növelik annak esélyét, hogy egy alrész választöredékként kerüljön felhasználásra. Az AI rendszerek előnyben részesítik a tömör kérdés–válasz formátumokat a címsorokban (például: "How to X" vagy "Benefits of Y"), mert ezek könnyen leképezhetők a felhasználói keresésekre.

Címsorok írása az olvasóknak és a keresőknek

Gyakorlati írási tippek címsorokhoz:

• Tegye a témát az élre. Kezdje a címsorokat a legfontosabb kifejezéssel, hogy a felhasználók és a gépek azonnal lássák a tárgyat.

• Tartsa a címsorokat gyorsan áttekinthetőnek. Törekedjen rövid kifejezésekre hosszú mondatok helyett; ha mondat szükséges, ügyeljen rá, hogy továbbra is egyértelmű tájékozódási pont maradjon.

• Tükrözze a tartalmat. A címsornak pontosan reprezentálnia kell a szakasz tartalmát; a félrevezető címsorok rontják a felhasználói elégedettséget és növelik a visszapattanási jeleket.

Kulcsszavak és címsorok

Tartalmazza a fő kifejezéseket természetesen a címsorokban, ahol illeszkednek a szándékhoz, de kerülje a tömést. A kulcsszó jelenléte a címsorban segíthet a témabeli relevancia jelzésében az indexing során, ugyanakkor a túloptimalizálás rontja az olvashatóságot és a felhasználói bizalmat.

Megvalósítási ellenőrzőlista és ellenőrzés

Mielőtt közzétenné, fusson át egy gyors ellenőrzőlistát, amely lefedi mind a HTML-t, mind a renderelt kimenetet.

Ellenőrzőlista:

• View-source: ellenőrizze, hogy az H1 jelen van-e a kezdeti HTML-válaszban, és nem csak kliensoldali JavaScript.

• Renderelt DOM: nyissa meg a Chrome DevTools → Elements-et, hogy ellenőrizze, a címsorok megjelennek-e a hozzáférhető DOM-ban, és nincsenek-e elrejtve CSS-sel (display:none) vagy eltávolítva scriptekkel.

• Mobil renderelés: mivel a Google a mobil verziót használja elsődleges alapként a crawling and indexing során, és alapértelmezetten Googlebot Smartphone-pal végzi a feltérképezést July 2024 óta, ellenőrizze a címsorokat mobil nézetben.

• HTTP ellenőrzések: használja a curl-t a fejléc és az Ön által kapott HTML ellenőrzésére. A teljes HTML lekéréséhez egy adott user agentként használja a curl -A "Googlebot Smartphone" https://example.com/page; a csak fejléc megtekintéséhez használja a curl -I https://example.com/page.

• URL-szintű hibakeresés: a saját oldalainál használja a Google Search Console URL Inspection-t, hogy lássa, hogyan kérte le a Google az oldalt és hogy indexelte-e a tartalmat. Ha harmadik fél oldalairól van szó, amelyeket nem birtokol, használjon nyilvános jeleket, például a site: operátort (minta indikátorként) és renderelt ellenőrzéseket a böngészőjével.

Gyakori hibák és javításuk

Probléma: címsorok elrejtve fülek mögött vagy erősen kliensoldali renderelés miatt, szerveroldali visszaesés nélkül.

Megoldás: gondoskodjon róla, hogy a kritikus címsorok részei legyenek a szerver-válasznak, vagy alkalmazzon progressive enhancementet, hogy megjelenjenek mind a felhasználók, mind a feltérképezők számára.

Probléma: ismétlődő, kulcsszóhalmozott címsorok.

Megoldás: írja át a címsorokat úgy, hogy a világosság és a kontextus legyen az elsődleges. Használjon az oldalon belüli kiegészítő szöveget a variációk közvetítéséhez ahelyett, hogy azokat a fejlécbe kényszerítené.

Probléma: következetlen címsorhierarchia (H1 után több H4 következik H2/H3 nélkül).

Megoldás: tartson logikus vázlatot. Ha vizuális variációra van szükség, használjon CSS osztályokat a címsorok stílusozásához ahelyett, hogy kihagyna szinteket a szemantikus jelölésben.

Akadálymentességi és UX megfontolások

A címsorok elengedhetetlenek a képernyőolvasó felhasználók és a gyors átolvasás számára. A jó címsorok csökkentik a kognitív terhelést és megkönnyítik a tartalom navigálását segítő technológiákkal. Használjon landmarkokat (main, nav, aside) egyértelmű címsorhierarchiával kombinálva a dokumentumnavigáció javításához.

Kerülje, hogy a címsorokat kizárólag látványossági célból használja. Ha olyan vizuális címsorra van szükség, amely nem közvetít szerkezetet, használjon role="presentation"-t vagy egy stilizált <div>-et, miközben megtartja a szemantikus címsort a DOM-ban az akadálymentesség érdekében.

További olvasmányok és források

A megvalósítási mintákhoz és hibakereső eszközökhöz forduljon fejlesztői eszközökhöz, például Chrome DevTools-hoz, a Rich Results Test-hez a strukturált tartalom interakciókhoz, és a Google Search Console-hoz a saját oldalaihoz. Ha egy átfogóbb technikai referencia érdekli, fontolja meg ezt az útmutatót: Olvassa el a Technical SEO Guide-ot.

GYIK

Szükséges csak egy H1 oldalanként?

Egyetlen, egyértelmű H1 a gyakorlati alapértelmezés a legtöbb oldalnál, mert egy nyilvánvaló témajelzést ad a felhasználóknak és az akadálymentességi eszközöknek. A HTML5 engedélyezi több H1 használatát szekciós elemekben, de hacsak nincs összetett dokumentumszerkezete, tartson egy H1-nél az áttekinthetőség érdekében.

Megváltoztatják a címsorok a helyezéseimet?

Maguk a címsorok nem garantált rangsorolási emelők. Javítják a szerkezetet, a használhatóságot és annak esélyét, hogy egy szakaszt kivonatként vagy AI Overviews-ként használjanak. Ezek a felhasználóközpontú előnyök közvetetten befolyásolhatják a rangsorolási jeleket, mint a relevancia és az elköteleződés.

Hogyan teszteljem a címsorváltoztatásokat?

A saját oldalaira vonatkozóan végezzen A/B tesztet a címsorváltozatokkal, és figyelje az elköteleződést és a teljesítményt a Google Search Console-ban és az analyticsben. Ellenőrizze a HTML-t és a renderelt DOM-ot a view-source-szal és a DevTools-szal, és erősítse meg a mobil renderelést, mivel a Google a mobile-first indexing és alapértelmezetten Googlebot Smartphone-mal feltérképezi az oldalakat.

Lehet-e a címsorokat vizuálisan stílusozni anélkül, hogy a szerkezetet befolyásolná?

Igen. Használjon szemantikus címsorokat a szerkezethez, és alkalmazzon CSS-osztályokat a megjelenés módosításához. Ha olyan vizuális címsorra van szüksége, amely nem közvetít dokumentumszerkezetet, valósítsa meg azt egy külön stilizált elemként a szemantikus címsortól elkülönítve, de tartsa a szemantikus címsort a DOM-ban az akadálymentesség és az indexing érdekében.