Nadpis H1: co to je a jak ho napsat
H1 je hlavní nadpis stránky – první velký text, který říká, o čem stránka je. V kódu ho označuje značka <h1> a pod ním se řadí podnadpisy H2 až H6. Pro návštěvníka je to orientační bod, pro vyhledávače a čtečky obrazovky kostra obsahu.
Aktualizováno
Hierarchie nadpisů H1 až H6
Nadpisy fungují jako obsah knihy. H1 je název kapitoly, H2 její hlavní části, H3 podčásti uvnitř H2 a tak dál. Většina webových stránek si vystačí s H1, H2 a občas H3; úrovně H4 až H6 se objevují hlavně v dlouhých návodech a dokumentaci.
Ukázka osnovy stránky služby:
- H1 Čištění komínů v Táboře a okolí
- H2 Co při kontrole uděláme
- H2 Ceník
- H3 Rodinný dům
- H3 Bytový dům
- H2 Jak se objednat
Úrovně se nemají přeskakovat (po H2 rovnou H4) a nadpis se nemá volit podle velikosti písma. Vzhled se nastavuje stylem, úroveň podle významu.
Proč na nadpisech záleží
- Lidé stránku skenují. Hodně návštěvníků nejdřív očima projede nadpisy a podle nich se rozhodne, jestli bude číst.
- Čtečky obrazovky umí mezi nadpisy přeskakovat. Pro nevidomého je osnova nadpisů hlavní způsob, jak se na stránce zorientovat – proto patří i do požadavků na přístupnost webu.
- Vyhledávače z nadpisů poznávají, o čem stránka a její části jsou. Google navíc hlavní nadpis často používá, když sestavuje odkaz ve výsledcích hledání.
H1 a titulek stránky nejsou totéž
Titulek (element title) se zobrazuje v záložce prohlížeče a ve výsledcích hledání, H1 až na stránce samotné. Obsahem by si měly odpovídat, formou se mohou lišit: titulek bývá kratší a nese název značky, H1 může být přirozenější věta. Podrobně je rozdíl popsaný v hesle title tag.
Jak dobrý H1 napsat
| Stránka | Slabý H1 | Lepší H1 |
|---|---|---|
| Úvodní stránka | Vítejte na našem webu | Účetnictví pro živnostníky v Brně |
| Služba | Služby | Pokládka zámkové dlažby |
| Kontakt | Kontakt | Kde nás najdete a jak se objednat |
| Článek | Novinky | Jak připravit zahradu na zimu |
Dobrý H1 říká konkrétně, co na stránce je, používá slova, kterými to hledá zákazník, a je jen jeden na hlavní téma stránky. Příklady jsou ilustrační. Jak z nadpisu navázat na zbytek textu, popisuje průvodce texty na web.
Nadpisy v redakčním systému a šabloně
Ve většině redakčních systémů se H1 vyplňuje jako název stránky, článku nebo produktu a šablona ho sama obalí značkou h1. Podnadpisy v textu pak vybíráte v editoru z nabídky „Nadpis 2“, „Nadpis 3“. Potíž nastává, když šablona přidá vlastní H1 navíc – třeba z názvu webu v hlavičce – nebo když redaktor zvolí úroveň podle toho, jak velké písmo se mu líbí.
Vyplatí se proto jednou zkontrolovat, co šablona generuje na úvodní stránce, na běžné stránce, v článku a u produktu. Když je chyba v šabloně, opraví se jedním zásahem pro celý web; ruční přepisování stovek stránek není potřeba. Kde se v systému co nastavuje, vysvětluje heslo CMS.
Nejčastější chyby
- Logo nebo název firmy jako H1 na každé stránce. Všechny stránky pak mají stejný hlavní nadpis a skutečné téma zapadne.
- Chybějící H1. Šablona začíná rovnou H2 nebo velkým textem bez značky nadpisu.
- Nadpisy jako formátování. Tučný řádek označený jako H3 jen proto, že vypadá dobře.
- H1 schovaný ve slideru nebo skrytý stylem – návštěvník ho nevidí, nebo se mění s každým snímkem.
- Nadpis přecpaný klíčovými slovy. Čte se špatně a nepomáhá.
U nás dostane osnovu nadpisů každá stránka už při stavbě – patří to k základnímu SEO, které je i ve vizitkovém webu za 15 000 Kč. Opravu nadpisů na webu od jiného dodavatele naceníme předem a účtujeme 1 000 Kč za hodinu.
Časté otázky
Vadí Googlu, když má stránka dva nadpisy H1?
Google uvádí, že počet ani pořadí nadpisů pro něj nejsou zásadní a stránku pochopí i s více H1. Jeden hlavní nadpis je ale přehlednější pro návštěvníky a pro lidi, kteří web procházejí čtečkou obrazovky. Pokud máte dva, ověřte, že nejde o chybu šablony.
Může být H1 obrázek?
Může, pokud má výstižný alternativní text, ale je to zbytečná komplikace. Text v obrázku se špatně překládá, nezvětšuje se s písmem a hůř se upravuje. Napište nadpis jako text a obrázek dejte vedle.
Má být H1 stejný jako text v menu?
Nemusí. V menu stačí krátké „Služby“ nebo „Ceník“, nadpis na stránce může být konkrétnější. Návštěvník by ale po kliknutí měl hned poznat, že je tam, kam chtěl.
Musí být v H1 klíčové slovo?
Mělo by v něm být to, co člověk hledá, protože tím mu potvrdíte, že je na správném místě. Neznamená to ale skládat nadpis z frází. Když stránka opravdu odpovídá na dotaz, přirozeně napsaný nadpis klíčové slovo obvykle obsahuje sám.
Jak zjistím, jaké nadpisy můj web má?
Nejrychleji rozšířením do prohlížeče, které vypíše osnovu nadpisů stránky, nebo v nástrojích pro vývojáře hledáním značek h1 až h6. Hlídání nadpisů umí i většina SEO nástrojů a audit přístupnosti v prohlížeči Chrome.