Hierarchická štruktúra obsahu pomocou značiek Hx Heading

SEO Content marketing Tutorials
Dawid MedwediukDawid Medwediuk
Publikovaný: 30.01.2018
8 minút

Používanie nadpisov obsahu na webových stránkach je pomerne populárna téma, ktorá priniesla množstvo mýtov, ktoré pretrvávajú dodnes. Čo sú teda značky nadpisov, prečo sa používajú a ako implementovať optimálnu štruktúru značiek nadpisov na webovej stránke?

KeyT_Here

Čo sú nadpisy?“

Značky nadpisov sa používajú na prezentáciu štruktúry obsahu používateľom (aj prehľadávačom webových prehliadačov). Existuje šesť veľkostí nadpisov – od H1 po H6, hoci najväčší význam má prvý z nich (je to najdôležitejší nadpis), zatiaľ čoH5 a H6 sa používajú zriedkavo.

Keďže značky nadpisov Hx obsahujú text, ktorý je (mal by byť) výrazne väčší ako zvyšok obsahu, je to vizuálne vodidlo pre používateľov, ktoré im umožňuje pochopiť, čo opisujú odseky pod nimi. Používanie nadpisov rôznych veľkostí na reprezentáciu hierarchickej štruktúryuľahčuje používateľom strávenie obsahu.

V syntaxi HTML používame značky v zátvorkách <>:

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

ale na webovej stránke budú vyzerať napríklad takto (samozrejme, v závislosti od štýlového listu):

Príklady použitia nájdete tu: https://www.w3schools.com/html/html_headings.asp.

Vyskúšajte Senuto Suite na 14 dní zadarmo

Vyskúšajte si 14-dňovú bezplatnú verziu

Používajte dôležitý obsah v značkách záhlavia Hx

Keď takmer každý deň prináša nové príspevky na blog, novinky, návody alebo odborné články, oplatí sa používateľa upútať nielen pekným obrázkom alebo pútavým nadpisom, ale aj štruktúrovaným obsahom.

Pri prezeraní konkrétneho článku na mobilnom zariadení čitatelia často venujú pozornosť najmä nadpisom. Okrem čisto estetických aspektov správna štruktúra nadpisov uľahčuje interpretáciu a strávenie obsahu, čím existuje šanca, že používateľ zostane na danej webovej stránke dlhšie.

Z dobre štruktúrovanej webovej lokality môžu profitovať nielen používatelia – môžu z nej profitovať aj prehľadávače, pretože text nadpisov je dôležitý aj pre nich. Preto je také dôležité, aby značky nadpisov obsahovali kľúčové slová , ktoré budú tematicky súvisieť s obsahom na stránke. Ak sa zameriavame na konkrétnu stránku s konkrétnymi kľúčovými slovami, je žiaduce umiestniť ich (aj v inej forme) do nadpisov; môžu byť prirodzene umiestnené v texte, ale v rámci dôvodu.

Štruktúra by mala byť jasne definovaná a nadpisy by sa mali od seba líšiť veľkosťou. Bolo by chybou štylizovať ich rovnako ako hlavný text alebo ich neodlišovať podľa dôležitosti.

Hx nadpisy v článkoch

Pri písaní blogových príspevkov môžeme kreatívne používať nadpisy. Pred začatím článku by ste mali definovať jeho štruktúru. Nadpisy môžu byť krížové nadpisy rozdeľujúce jednotlivé odseky (ako práve v tomto článku) a najdôležitejší z nich <h1> môže slúžiť na opis témy. Často je v šablóne webovej stránky definovaný automaticky, takže ak to tak nie je, oplatí sa vykonať zmenu prediskutovanú s odborníkom na SEO a tvorcom webových stránok.

Dobre navrhnutá štruktúra článku ho môže zatraktívniť. Zaujímavý obsah umiestnený v nadpisoch bude čitateľov (a prehľadávače) jasne informovať o tom, čo majú od daného článku očakávať.

Ktoré tagy nadpisov umiestniť na úvodnú stránku webového sídla?“<strong

Domovské stránky (alebo akékoľvek iné stránky, napr. stránky služieb) by tiež mali mať hierarchickú štruktúru nadpisov. V časti <head>je vhodné umiestniť H1, pod ňu H2, H3 a tak ďalej a tak ďalej, hoci nie je stanovený maximálny počet značiek nadpisov. Ani v prípade H1 sa nemusíte obmedzovať na jeden nadpis (ako je vysvetlené ďalej).

Musíte si však uvedomiť, že také sekcie ako „O nás“ alebo „Zistite viac“ umiestnené v nadpisoch nepridávajú veľa obsahu. Taktiež používanie nadpisov nižšej dôležitosti, napr. nadpisov H5-H6, je celkom zbytočné (okrem aspektu rozloženia článku).

Jednostránkové webové stránky = jedna značka nadpisu H1?“

V prípade jednostránkových webových stránok to nie je také samozrejmé ako v prípade článkov na blogu. V špecifikáciách jazyka HTML5 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html) sa nachádza <section>značka zodpovedná za definovanie jednotlivých sekcií v dokumente HTML. Sekcia zvyčajne obsahuje nadpis, preto môže mať každá sekcia inú hierarchickú štruktúru, napr:

<sekcia id=„o“>
<h1>O mne</h1>
<p>Niekoľko textu o mne:)</p>
<h2>Môj názov je Dawid…</h2>
<p>Druhý odsek o mne. lol 🙂</p>
</sekcia>
<sekcia id=„portfólio“>
<h1>Moje portfólio</h1>
<p>Moje najnovšie projekty…</p>
</sekcia>
<sekcia id=„referencie“>
<h1>Odkazy</h1>
<p>Opcie spokojných zákazníkov…</p>
<h2>Najnovšie tweety</h2>
<p>Tweet 1</p>
<p>Tweet 2</p>
</sekcia>
<sekcia id=„kontakt“>
<h1>Kontakt</h1>
</sekcia>

Ako vidíte vyššie, každá sekcia má iný nadpis H1, potom nadpis H2… Hoci sa môžete rozhodnúť, že budete mať jeden alebo viacero tagov nadpisov H1 a následne H2, H3 atď.

Čo hovorí spoločnosť Google o značke Hx?

Zamestnanci spoločnosti Google toho o značkách hlavičiek povedali veľa, ale stojí za to citovať ich najnovšie názory. Pred rokom John Meuller na fóre Google pre webmasterov napísal nasledovné: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

„S HTML5 nezaobchádzame inak & mať na stránke viacero značiek H1 je v poriadku. Pri ich používaní buďte rozumní, používajte ich tam, kde to má zmysel. Za používanie H1 rozhodne nehrozí žiadna pokuta.“

O niečo neskôr, v apríli 2017, John pomerne stručne odpovedal na Twitteri (https://twitter.com/JohnMu/status/852131231928135680) na otázku, koľko nadpisov H1 možno použiť na jednej stránke.

Nakoniec bol v rámci série „SEO Snippets“ na YouTube na kanáli Google Webmaster Channel nahraný krátky návod na túto problematiku:

Ostatné_podstatné informácie o nadpisoch obsahu

Aj keď zamestnanci spoločnosti Google navrhujú (aspoň vo svojich oficiálnych vyjadreniach) flexibilný prístup k značkám nadpisov, existuje niekoľko pravidiel, ktoré sa oplatí dodržiavať:

    • .
    • Nepoužívajte na stránke nadmerné množstvo nadpisov
    • Používajte nadpisy tam, kde to dáva zmysel a keď odrážajú text pod nimi, aby ste používateľom pomohli určiť, kde sa daný odsek začína a končí
    • Neumiestňujte celé odseky (celý obsah) do nadpisu
    • Nepoužívajte iba kľúčové slová, najmä v neprirodzenej podobe
    • Neskrývajte nadpisy v hlavnom texte tým, že použijete rovnakú veľkosť písma pre nadpis aj hlavný text

.

  • Udržujte hierarchiu štruktúry usporiadanú
  • Možno niekedy namiesto značky nadpisu použite značku <strong> ????.

Pri tvorbe obsahu neoptimalizujte ani príliš, ani málo; namiesto toho sa snažte o rovnováhu a zamerajte sa na pocity používateľov pri trávení obsahu na vašej webovej lokalite vrátane článkov, sprievodcov alebo iných príspevkov na blogu. Koniec koncov, nadpisy sú pre vyhľadávač Google určujúce pre umiestnenie, a preto ich nesmiete zanedbávať.

FAQ_Here

Zdieľajte tento príspevok:  
Dawid Medwediuk

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

Vyskúšajte si 14-dňovú bezplatnú verziu

Vyskúšajte zadarmo

Vyskúšajte Senuto Suite na 14 dní zadarmo

Vyskúšajte si 14-dňovú bezplatnú verziu

Poznaj Senuto na 1-godzinnym szkoleniu online. Za darmo.

Vyberte si termín a prihláste sa