Jak správně používat nadpisy H1 až H3 na stránce

Nadpisy nejsou kosmetika. Tvoří osnovu stránky, podle které se orientuje člověk, čtečka obrazovky i vyhledávač. Kolem nich ale koluje množství pověr: že smí být jen jedno H1, že nesmí chybět klíčové slovo, že úrovně nelze přeskakovat. Některé jsou zjednodušením, jiné čistý omyl. Vyjasníme, co platí a jak s nadpisy zacházet prakticky.

Mýtus: na stránce smí být jen jedno H1

Specifikace HTML více H1 nezakazuje. Vyhledávače s nimi dokážou pracovat. Přesto je v praxi nejjednodušší mít jedno H1 jako hlavní nadpis stránky.

Jedno H1 usnadňuje orientaci. Čtenář i čtečka ví, o čem stránka je. U běžného článku je to nejpřehlednější řešení.

Pokud šablona generuje H1 pro logo webu a další pro titulek, upravte ji. Logo by nemělo být H1 na každé stránce. Hlavní nadpis patří obsahu.

Mýtus: H1 musí obsahovat přesné klíčové slovo

Klíčové slovo v H1 pomáhá, ale není podmínkou. Důležité je, aby nadpis srozumitelně vystihoval téma. Přirozená formulace je lepší než nasilu vložený dotaz.

H1 a title se mohou lišit. Title je text ve výsledcích vyhledávání, H1 nadpis na stránce. Obě mají být konzistentní, ale nemusí být stejná.

Opakování stejné fráze ve všech nadpisech působí uměle. Vyhledávače to rozpoznají. Používejte synonyma a přirozené obraty.

Hierarchie úrovní

• H1 je hlavní téma stránky.
• H2 označuje hlavní sekce.
• H3 dělí sekci na podtémata.
• H4 a níže se používají zřídka, jen u hodně rozsáhlých textů.

Úrovně přeskakujte jen výjimečně. Skok z H2 rovnou na H4 komplikuje orientaci čtečkám. Technicky to není chyba, ale není to vhodné.

Mýtus: nadpis se volí podle velikosti písma

Častou chybou je použít H3 proto, že vypadá menší. Úroveň nadpisu určuje význam, ne vzhled. Vzhled nastavíte pomocí stylů.

Opačně se někdy tučný text používá místo nadpisu. Čtenář to vidí, ale čtečka ne. Sekce pak ztrácí strukturu.

Pokud šablona vynucuje určitou velikost, upravte styly. Nepřizpůsobujte strukturu vzhledu. Správně označený nadpis je základ přístupnosti.

Jak psát nadpisy, které lidé čtou

Dobrý nadpis říká, co sekce obsahuje. Stačí pár slov a konkrétní sdělení. Vyhněte se vágním titulkům jako „Další informace“.

Zkuste přečíst jen nadpisy. Měly by dát smysluplný přehled textu. Pokud ne, přepište je.

Různé tvary, tedy otázka, věta nebo heslo, dělají text pestřejší. Hlídejte jednotný styl uvnitř článku. Nadpisy by neměly působit nahodile.

Kontrola nadpisů na webu

Rozšíření prohlížeče nebo SEO nástroje zobrazí osnovu nadpisů stránky. Prohlédněte si ji u nejdůležitějších šablon. Hledejte chybějící H1, duplicity a přeskočené úrovně.

Zkontrolujte také, zda nadpisy nejsou generovány z postranních panelů nebo patičky. Takové prvky osnovu zbytečně komplikují. Nahraďte je běžným textem nebo seznamem.

Po větších úpravách šablon kontrolu zopakujte. Problém se často objeví až po aktualizaci tématu. Kontrola trvá chvíli a předejde potížím.

Zdroje

• Specifikace HTML
• Pokyny WCAG pro přístupnost