SEO
Značka nadpisu v HTML
Značka nadpisu je HTML je termín používaný na definovanie nadpisov webových stránok pomocou špecifického kódu, pričom „n“ je číslo medzi 1 a 6 a určuje, akú pozíciu má nadpis v hierarchii štruktúry nadpisov.
Čo sú to nadpisové značky?
Značky nadpisov majú v rámci štruktúry HTML obzvlášť dôležitú funkciu. HTML súbor možno chápať ako kombináciu uzlov, pričom tag nadpis je východiskovým bodom, z ktorého sa rozvetvujú ďalšie uzly, teda obsah alebo iné nadpisy. HTML súbor by preto mal mať iba jeden nadpis H1, aj keď je teoreticky možné použiť viacero značiek H1. Hlavičky nižšieho rádu sa môžu používať ľubovoľne často, ale mali by byť zvolené tak, aby existovala zrozumiteľná hierarchia. Značky nadpisov sa používajú na zobrazenie textu a formátovanie nadpisov by malo byť špecifikované v súboroch CSS, aby sa oddelilo formátovanie a obsah.
Prečo sú značky nadpisov dôležité?
Značky nadpisov poskytujú štruktúru súboru HTML a určujú, aký typ údajov má prehliadač zobraziť. Ako sa majú údaje zobraziť, napríklad veľkosť písma alebo farby, by sa malo určiť v súboroch CSS. Ak chcete zobraziť textový obsah, musíte použiť značky nadpisov. Každý súbor HTML by mal mať iba jeden počiatočný uzol (značku h1), ak má byť platný. W3C Validator možno použiť na kontrolu platnosti HTML dokumentu.
Dobre štruktúrovaný súbor HTML ponúka používateľom a vyhľadávacím nástrojom nasledujúce výhody.
1) Nadpisy môžu byť interpretované prehliadačmi, ktoré nemusia byť schopné rozpoznať alebo zobraziť vlastné predlohy štýlov.
2) Čítačky obrazovky a lupy odkazujú na hlavičky (dostupnosť a zobrazenie na mobilných zariadeniach).
3) Je daná jasná štruktúra: Používateľ dostáva pokyny týkajúce sa obsahu a môže sa rozhodnúť, ktoré odseky ho zaujímajú.
4) Vyhľadávače získavajú platný zdrojový kód a ďalšie signály vo forme relevantných kľúčových slov z nadpisov, ktoré sumarizujú obsah.
5) Zmeny je možné jednoducho vykonať vo všetkých hlavičkách: Vyžaduje sa iba malá zmena v súbore CSS a všetky nadpisy dostanú pokyny na formátovanie.
Čítaj viac tu.
Dodatočný odkaz:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]