Hierarchická struktura obsahu pomocí značek záhlaví Hx

SEO Content marketing Tutorials
Dawid MedwediukDawid Medwediuk
Opublikowano: 30.01.2018
8 minut

Používání obsahových nadpisů na webových stránkách je poměrně populární téma, které přineslo řadu mýtů, které přetrvávají dodnes. Co jsou tedy značky nadpisů, proč se používají a jak na webu zavést optimální strukturu značek nadpisů?

KeyT_Here

Co jsou to nadpisy?“

Značky nadpisů slouží k prezentaci struktury obsahu uživatelům (i prohlížečům webových stránek). Existuje šest velikostí nadpisů – od H1 do H6, i když největší význam má první z nich (je to nejdůležitější nadpis), zatímcoH5 a H6 se používají zřídka.

Protože značky nadpisů Hx obsahují text, který je (měl by být) výrazně větší než zbytek obsahu, jedná se o vizuální vodítko pro uživatele, které jim umožňuje pochopit, co odstavce pod nimi popisují. Používání nadpisů různých velikostí k znázornění hierarchické strukturyusnadňuje uživatelům trávení obsahu.

V syntaxi jazyka HTML používáme značky v závorkách <>:

.

<h1>Záhlaví 1</h1>
<h2>Záhlaví 2</h2>
<h3>Záhlaví 3</h3>
<h4>Hlava 4</h4>
<h5>Hlava 5</h5>
<h6>Hlava 6</h6>

ale na webové stránce budou vypadat například takto (samozřejmě v závislosti na tabulce stylů):

Příklady použití naleznete zde: https://www.w3schools.com/html/html_headings.asp.

Vyzkoušejte Senuto Suite na 14 dní zdarma

Pojďme na to!

Používejte důležitý obsah ve značkách záhlaví Hx

.
Když téměř každý den přináší nové příspěvky na blogu, novinky, návody nebo odborné články, vyplatí se uživatele zaujmout nejen pěkným obrázkem nebo chytlavým nadpisem, ale také strukturovaným obsahem.

Při prohlížení konkrétního článku na mobilním zařízení čtenáři často věnují pozornost především nadpisům. Kromě čistě estetických aspektů usnadňuje správná struktura nadpisů interpretaci a strávení obsahu, čímž vzniká šance, že uživatel na daném webu zůstane déle..

Z dobře strukturovaných webových stránek mohou těžit nejen uživatelé – mohou z nich těžit i vyhledávače, protože text nadpisů je důležitý i pro ně. Proto je tak důležité, aby tagy nadpisů obsahovaly klíčová slova , která budou tematicky souviset s obsahem na stránce. Pokud cílíme na konkrétní stránku s konkrétními klíčovými slovy, je žádoucí je umístit (i v jiné podobě) do nadpisů; lze je samozřejmě umístit i do textu, ale v rámci důvodu.

Struktura by měla být jasně definovaná a nadpisy by se měly od sebe lišit velikostí. Bylo by chybou je stylizovat stejně jako hlavní text nebo je nerozlišovat podle důležitosti.

Hx nadpisy v článcích.

Při psaní příspěvků na blogu můžeme kreativně používat nadpisy. Strukturu článku byste si měli definovat ještě před jeho začátkem. Nadpisy mohou být křížové nadpisy rozdělující jednotlivé odstavce (jako právě v tomto článku) a nejdůležitější z nich <h1> lze použít pro popis tématu. Často je v šabloně webu definován automaticky, takže pokud tomu tak není, vyplatí se provést změnu konzultovanou s odborníkem na SEO a vývojářem webu.

Dobře navržená struktura článku může zvýšit jeho atraktivitu. Zajímavý obsah umístěný do nadpisů bude čtenáře (a vyhledávače) jasně informovat o tom, co mají od daného článku očekávat.

Které značky nadpisů umístit na hlavní stránku webu?

Domovské stránky (nebo jakékoli jiné stránky, např. stránky služeb) by měly mít také hierarchickou strukturu nadpisů. V sekci <head>je vhodné umístit H1, pod ní H2, H3 a tak dále a tak dále, i když maximální počet značek nadpisů není stanoven. Ani v případě H1 se nemusíte omezovat na jediný nadpis (jak je vysvětleno dále).

Je však třeba mít na paměti, že takové sekce jako „O nás“ nebo „Zjistěte více“ umístěné v nadpisech z hlediska obsahu mnoho nepřidají. Rovněž používání nadpisů nižší důležitosti, např. nadpisů H5-H6, je v podstatě zbytečné (s výjimkou rozvržení článku).

Jednostránkové weby = jeden tag nadpisu H1?“

V případě jednostránkových webových stránek to není tak zřejmé jako u článků na blogu. Ve specifikacích HTML5 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html) najdete značku <section>odpovědnou za definování jednotlivých sekcí v dokumentu HTML. Sekce obvykle obsahuje nadpis, a proto může mít každá sekce jinou hierarchickou strukturu, např:

<sekce id=„o“>
<h1>O mně</h1>
<p>Nějaký text o mně:)</p>
<h2>Jmenuji se Dawid…</h2>
<p>Druhý odstavec o mně. lol 🙂</p>
</sekce>
<sekce id=„portfolio“>
<h1>Moje portfolio</h1>
<p>Moje nejnovější projekty….</p>
</sekce>
<sekce id=„posudky“>
<h1>Odkazy</h1>
<p>Ohlasy spokojených zákazníků…</p>
<h2>Nejnovější tweety</h2>
<p>Tweet 1</p>
<p>Tweet 2</p>
</sekce>
<sekce id=„kontakt“>
<h1>Kontakt</h1>
</sekce>

Jak vidíte výše, každá sekce má jiný nadpis H1, pak nadpis H2… I když se můžete rozhodnout, že budete mít jednu nebo více značek nadpisu H1 a následně H2, H3 atd.

Co říká Google o značce Hx?“.

Zaměstnanci společnosti Google toho o značkách záhlaví řekli již mnoho, ale stojí za to citovat jejich nejnovější názory. Před rokem napsal John Meuller na fóru Google pro webmastery následující: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

„S HTML5 nezacházíme jinak & mít na stránce více značek H1 je v pořádku. Buďte při jejich používání rozumní, používejte je tam, kde dávají smysl. Za používání H1 rozhodně nehrozí žádný postih.“

O něco později, v dubnu 2017, John poměrně stručně odpověděl na Twitteru (https://twitter.com/JohnMu/status/852131231928135680) na otázku, kolik nadpisů H1 lze použít na jedné stránce.

Nakonec byl v rámci seriálu „SEO Snippets“ na YouTube na kanálu Google Webmaster Channel nahrán krátký průvodce touto problematikou:

Další podstatné informace o nadpisech obsahu

Přestože zaměstnanci společnosti Google doporučují (alespoň ve svých oficiálních vyjádřeních) flexibilní přístup ke značkám nadpisů, existuje několik pravidel, která stojí za to dodržovat:

    • Nepřehánějte to s používáním nadpisů na stránce

.

    • Používejte nadpisy tam, kde to dává smysl, a pokud odrážejí text pod nimi, abyste uživatelům pomohli určit, kde daný odstavec začíná a končí
    • Neumisťujte do nadpisu celé odstavce (celý obsah)

.

    • Nepoužívejte pouze klíčová slova, zejména v nepřirozené podobě

.

    • Neskrývejte nadpisy v hlavním textu tím, že použijete stejnou velikost písma pro nadpis i hlavní text

.

  • Dbejte na uspořádanou hierarchii struktury
  • Možná někdy místo značky nadpisu použijte značku <strong> ????.

Při tvorbě obsahu neoptimalizujte ani příliš, ani málo; místo toho se snažte o rovnováhu a zaměřte se na pocity uživatelů při trávení obsahu na vašem webu, včetně článků, návodů nebo jiných příspěvků na blogu. Koneckonců, nadpisy jsou pro vyhledávač Google určující pro hodnocení, a proto je nesmíte zanedbávat.

FAQ_Here

Share this post:  
Dawid Medwediuk

Od 2011 roku związany z Search Engine Marketingiem. Pasjonat SEO, nowych technologii i gadżetów.

Vyzkoušejte Senuto na 14 dní zdarma

Vyzkoušejte zdarma

Vyzkoušejte Senuto Suite na 14 dní zdarma

Pojďme na to!

Seznamte se se Senuto v hodinovém online tréninku. Zdarma.

Vyberte si termín a přihlaste se