Nadpisy na JSNS.CZ - toto je "Nadpis velikosti 1"

Typografie na webu má trochu jiná pravidla než typografie např. ve Wordu.

Nadpis velikosti 1 smí být dle pravidel optimalizace pro vyhledávače (SEO) na každé podstránce jen jednou. Je to dokonce jeden z nejdůležitějších SEO prvků a měl by, mimochodem, ideálně obsahovat klíčová slova. V textu ho tedy pod hlavním nadpisem již nikdy znovu nepoužíváme.

vkládání nadpisu v Pimkáči

Ostatní velikosti nadpisů mohou být v textu víckrát. Ale! Důležité je, aby první následující nadpis za nadpisem velikosti 1 byl velikosti 2 a nikoli menší. S prvotním použitím velikosti nadpisu se na podstránce webu nepřeskakuje. Další nadpis pod nadpisem velikosti 2 může být buď další nadpis velikosti 2 nebo nadpis velikosti 3. A tak dále s dalšími velikostmi. Jiné varianty jsou z hlediska použití HTML tagů sémanticky chybně. Celá tato podstránka od shora dolů je příkladem toho, jak to může vypadat při správném použití.

Nadpisy vkládáme podle těchto pravidel, nikoli podle toho, že se nám líbí menší velikost nadpisu a chceme jí mít už nahoře na stránce. To se dá řešit také např. prostým textem a jeho zvýrazněním. Komplexně se budou řešit velké nadpisy na webu celkovým zmenšením frontendu, což je v plánu pro 1. čtvrtletí 2018.

Pravidla výše uvedená neplatí pro levý sloupec. Tam je možné rovnou použít velikosti 3 nebo 4.

KAPITÁLKY v nadpisech používáme pouze u velikostí nadpisů 5 nebo 6 při dodržení pravidel uvedených výše. Kapitálky samozřejmě nemusíte použít vůbec.

 

Několik příkladů posloupnosti nadpisů v kombinaci s textem:

Nadpis nad tímto textem je ve velikosti 2. Je to tedy jeho první použití, protože předchozí nadpis byl velikosti 1. Chybou by bylo použít nadpis velikosti 3 (nebo menší), protože zde dosud nebyl jiný nadpis velikosti 2. Tento nadpis velikosti 2 je zároveň zastřešujícím nadpisem pro celý "blok textu", který je vizuálně oddělen většími mezerami nahoře a dole.

Nadpis velikosti 3 - první použití

Nadpisy velikosti 3 jsou ideální pro krátké texty, kterých je víc, a které chcete opatřit vždy nadpisem. Což je použito právě zde.

Nadpis velikosti 3 - druhé použití

Nadpisy velikosti 3 jsou ideální pro krátké texty, kterých je víc, a které chcete opatřit vždy nadpisem. Což je použito právě zde.

Nadpis velikosti 3 se zanořeným podnadpisem velikosti 4

Nadpisy velikosti 3 jsou ideální pro krátké texty, kterých je víc, a které chcete opatřit vždy nadpisem. Což je použito právě zde.

Nadpis velikosti 4

Všimněte si zanořeného nadpisu velikosti 4. Tato velikost se používá málo a jen v případech, kdy je text strukturálně komplikovanější.

Stejně tak by následovaly velikosti 5 a 6. Oboje by mohly být v tomto případě použity jen v bloku textu, který začíná nadpisem "Nadpis velikosti 3 se zanořeným podnadpisem velikosti 4" a končí odrážkovým seznamem. Uživatel/ka příslušnost nadpisu velikosti 4 pod konkrétní nadpis velikosti 3 vidí na první pohled.

Poznámka: Nevidíte-li nadpis velikosti 4 menší než nadpis velikosti 3, refreshněte nebo promažte mezipaměť prohlížeče. Tento typ nadpisu jsem nechal nedávno upravit.

  • Odrážkový seznam - Nadpisy v odrážkovém a číslovaném seznamu nepoužíváme. Zvýraznění je dané červenými čtverečkami, případně tučností.
  • Odrážkový seznam
  • Odrážkový seznam

Nadpis velikosti 3 - čtvrté použití

Nadpisy velikosti 3 jsou ideální pro krátké texty, kterých je víc, a které chcete opatřit vždy nadpisem. Což je použito právě zde.

 

Nadpis velikosti 2 - druhé použití

Další nadpis velikosti 2, další tématicky odlišná část textu. Nyní si všimněte mezery, která je nad oběma nadpisy velikosti 2. Odděluje bloky textu, což ho činí přehlednějším a také vizuálně "vzdušnějším". Snažme se o texty, které nejsou nalepené na texty okolní. Na webu je na výšku místa dost :)

 


Jak nadpisy nevkládat si můžete prohlédnout na stránce s ukázkami chybného použití nadpisů.