H1–H6
Hierarchie nadpisů na stránce
Co je H1–H6
H1–H6 jsou HTML tagy pro šest úrovní nadpisů, kterými se text stránky dělí na části a určuje se, co je nadřazené a co spadá pod co. H1 stojí nejvýš, H6 nejníž.
Nadpis není nástroj na velikost písma
Nejčastější chyba, kterou v auditech vidím: někdo potřeboval větší text, tak z odstavce udělal H3. Nebo naopak zmenšil H2 na H4, protože se mu nadpis nevešel do designu. Velikost, tloušťku i barvu řeší CSS. Tag nadpisu říká, kam věta patří v osnově, a to je něco úplně jiného.
Jedno H1 a co pod ním
H1 dávám jedno na stránku a nechávám ho odpovídat tématu. Zbytek osnovy stavím tak, aby dávala smysl i vytržená z textu: přečtete jen nadpisy a víte, o čem stránka je. Přeskočení z H2 rovnou na H4 nikoho nepotrestá, ale hierarchie tím ztrácí smysl a rovnou se ptám, jestli ten nadpis vůbec někam patří.
Kdo nadpisy čte kromě vás
Návštěvník, který stránku skenuje očima a z každého nadpisu přečte první tři slova. Odečítač obrazovky, jenž nevidomému uživateli nabídne skok po nadpisech jako obsah v knize; bez osnovy zbyde souvislá zeď textu. A robot vyhledávače, který si z nadpisů skládá strukturu tématu. Z nadpisu formulovaného jako otázka se navíc občas stane featured snippet.
Osnova dřív než text
Osnovu si u delších textů vypisuju dřív, než napíšu první odstavec. Když nadpisy nedávají smysl samy o sobě, nepomůže jim ani sebelepší text pod nimi. U klientů kontroluju hlavně dvě věci: jestli šablona nedala H1 do loga nebo do hlavičky webu (u hotových šablon častý úlet) a jestli nadpisy popisují obsah, nebo jen zdobí. „Naše řešení“ nepopisuje nic.