Mi az a H1 Címsor és Miért Csak Egy Lehet Belőle Oldalanként?
A H1 a weboldalad legfontosabb tartalmi főcíme. Tudd meg, mi a különbség a Title címkéhez képest, hogyan épül fel a logikus H1–H6 hierarchia és milyen a tökéletes H1.
H1 Címsor vs. Title Tag: Mi a döntő funkcionális különbség?
A kezdő weboldaltulajdonosok és sablonépítők gyakran összekeverik a Title taget és a H1 címsort, pedig a kettő teljesen eltérő helyen és céllal jelenik meg a digitális térben:
- Title Tag (`<title>` a `<head>`-ben): A böngészőfül tetején és a Google kereső kék színű kattintható találati sorában megjelenő fejléc címke. Feladata az átkattintás maximalizálása a találati listán.
- H1 Címsor (`<h1>` a `<body>`-ban): A weboldal látható felületén megjelenő legnagyobb, legelső főcím, amit a látogató a megérkezés pillanatában (hajtás felett) elolvas. Feladata a figyelem megragadása és a tartalom lényegének összefoglalása.
Miért kell pontosan 1 darab H1 címsornak lennie aloldalanként?
Bár a modern HTML5 technikai specifikáció szekciókban elméletileg megengedi a több H1 használatát, a keresőoptimalizálás és a nemzetközi webes akadálymentesség (Accessibility / WCAG) szempontjából a határozott, egyetlen fókusz az arany standard. Egy könyvnek is egyetlen címe van; ha egy weboldalon 5-6 darab H1 van szétszórva, a Google algoritmusa és a látássérülteket segítő képernyőolvasó szoftverek nem tudják megállapítani, mi az oldal valódi központi témája.
A hatékony H1 címsor megírásának 4 aranyszabálya
Egy jó H1 nemcsak a keresőrobotoknak szól, hanem a látogatót is azonnal maradásra és olvasásra bírja:
- Tartalmazza az oldal elsődleges fókusz kulcsszavát a lehető legtermészetesebb megfogalmazásban.
- Egyértelmű értékajánlatot adjon: a látogató 2 másodperc alatt értse meg, hogy jó helyen jár.
- Ne legyen túl hosszú: az optimális H1 hosszúság 30 és 70 karakter között mozog (1 tömör, ütős mondat).
- Ne a dizájn mérete miatt válaszd a tag-et: a betűméretet és színt mindig a CSS fájlban állítsd be (`font-size`), soha ne válassz H3-at a H1 helyett pusztán azért, mert a sablonodban a H1 túl nagynak tűnik!
Tipikus H1 hibák, amiket weboldal auditjaink során feltárunk
- A fejlécben lévő céges logó vagy egy kép van H1 tagbe ágyazva, így nincs értékelhető szöveges tartalom.
- Semmitmondó szövegezés: 'Üdvözöljük a honlapunkon!' vagy 'Főoldal' vagy 'Rólunk' (ezeknek zéró a SEO értéke).
- Hiányzó H1: a weboldal azonnal H2 címsorokkal vagy sima félkövér bekezdésekkel (`<b>`, `<strong>`) indul.
- Címsorszintek ugrálása: H1 után rögtön H4 következik, megszakítva a dokumentum logikai fáját.
Nem vagy biztos benne, hogyan állítsd be a weboldaladon?
Minden weboldal és tartalomkezelő (WordPress, Webflow, Shopify vagy egyedi fejlesztés) más technikai felépítéssel működik. Ne pazarold az idődet a kockázatos kísérletezésre! Két debreceni egyetemistaként alaposan átvilágítjuk a teljes weboldaladat, feltárjuk az összes rejtett technikai, sebességi és SEO akadályt, és pontos, személyre szabott feladatlistát készítünk a javításhoz.