H značka
V tomto blogovom príspevku preskúmame dôležitosť optimalizácie H značiek a poskytneme tipy, ako by ste ich mali používať.
H tagy vylepšia SEO pozíciu vašej web stránky vo výsledkoch vyhľadávania a pritiahnu na ňu viac návštevníkov.
Zároveň vylepšia užívateľskú skúsenosť webu čím týchto návštevníkov udržia na vašom webe dlhšie.
H tag zlepšuje užívateľskú skúsenosť a SEO.
Filip Blaho
Čo je H tag?
Jednoducho povedané, H tagy sú nadpis a podnadpisy v obsahu na vašej web stránke. Tvoria osnovu obsahu. (H z anglického header čo v preklade znamená hlavička)
Presnejšie povedané, H tagy sú HTML značky/kód, ktorým, keď označíte obyčajný text, spravíte z neho nadpis alebo podnadpis.
Predstavte si H tagy ako knižný nadpis a jednotlivé kapitoly. Nadpis knihy hovorí o čom je kniha. Každý podnadpis hovorí o čom je daná kapitola. Tak isto aj H tagy hovoria o čom je celý obsah a jednotlivé odseky. H tagy dávajú vášmu obsahu štruktúru a kontext.
Poznámka:
H tagy, header tagy, značky hlavičky, nadpisy a podnadpisy sú v tomto kontexte to isté. Na označenie hlavičky budem preto používať všetky výrazy.
Aké H tagy poznáme
Nadpisy majú šesť úrovní: H1 až H6, z ktorých sa najčastejšie používajú H1 a H2.
H1 značka sa používa na označenie hlavného nadpisu. H1 by mal popisovať tému celého obsahu na stránke.
Nadpisy H2-H6 sa označujú ako „podnadpisy“, pretože označujú podúrovne.
Prečo sú H tagy dôležité?
Značky nadpisov poskytujú webovým stránkam dve obrovské výhody: čitateľnosť a hierarchiu. Vykonávajú dve hlavné úlohy, a to zabezpečenie pozitívnej používateľskej skúsenosti pri návšteve webovej stránky a pomáhajú vyhľadávacím robotom lepšie porozumieť vášmu obsahu.
Štruktúra/hierarchia/kontext/osnova
H tagy poskytujú čitateľovi ale aj Googlu štruktúru. Dobre štrukturovaný obsah umožňuje ľuďom aj vyhľadávačom pochopiť kontext web stránky, to o čom daný obsah je a na koľko je relevantný pre vyhľadávací dopyt.
Rýchle nájdenie informácií
Ľudia neradi čítajú celý obsah. Skenujú ho a hľadajú konkrétnu informáciu, za ktorou prišli. Každá hlavička by mala čitateľovi poskytnúť predstavu o informáciách, ktoré môže získať z textu odseku, ktorý nasleduje nižšie.
Nadpisy toto uľahčujú čím sa zvyšuje užívateľská skúsenosť. Čitateľnosť a možnosť ľahko a rýchlo nájsť v obsahu dané informácie je dobrá pre ľudí aj pre Google.
Zlepšenie SEO hodnotenia
Vloženie kľúčových slov do H tagov pomáha Google pochopiť štruktúru a kontext a vylepšíť hodnotenie web stránky vo výsledkoch vyhľadávania. Preto je pri používaní značiek hlavičky dôležité uistiť sa, že sa správne zhodujú so zámerom kľúčového slova.
H značky pomáhajú prehľadávačom pochopiť, do akej kategórie stránka patrí a na ktoré dotazy môže byť schopná odpovedať. Týmto spôsobom pomáha Googlu určiť relevantnosť a sémantickú štruktúru webovej stránky.
Kľúčové slová v značkách hlavičky signalizujú relevantnosť vašej stránky pre konkrétne dopyty, ktoré chcete hodnotiť.
Motivácia ku interakcii
H1 pomáha používateľom rozhodnúť sa, či je stránka relevantná pre ich vyhľadávanie. Dobrý a pútavý nadpis a podnadpis môže motivovať ľudí aby pokračovali v čítaní vášho obsahu.
Pomoc pre ľudí so zrakovým postihnutím. Zlepšená dostupnosť
Návštevníci so zrakovým postihnutím používajú čítačky na prehliadanie webu. A čítačky obrazovky sa spoliehajú na nadpisy, aby tieto web stránky „pochopili“ a pomohli ich používateľom pri navigácii.
Čítačky obrazovky tiež ponúkajú skratky na preskočenie z jedného nadpisu na druhý, takže sa používajú aj na navigáciu.
Nezabudnite, že v mnohých prípadoch platí, že čo je dobré pre dostupnosť, je dobré aj pre SEO!
Featured snippets, respektíve vybrané úryvky
Odporúčané úryvky alebo výsledky s nulovou pozíciou sú rýchle odpovede, ktoré Google zobrazuje na vyhľadávacie dopyty používateľov. Zobrazenie vybraných úryvkov závisí od schopnosti spoločnosti Google určiť, ktorá stránka najlepšie odpovie na otázku a o čom presne je konkrétna časť textu.
Vyhľadávače môžu na SERP zobrazovať “featured snippets” obsahujúce úryvky zo stránky. Musia však najprv veľmi dobre porozumieť obsahu a štruktúre stránky. Čomu zase pomáhajú H tagy.
Ako sa zobrazujú H tagy v zdrojovom kóde
<h1>Toto je nadpis H1</h1>
<h1> je otváracia značka pre H1 nadpis
Toto je nadpis H1 je samotný nadpis
</h1> je záverečná značka pre H1 nadpis
Ako nájsť H tag na web stránke
V Google Chrome
- V Google Chrome otvorte web stránku, ktorú chcete skontrolovať.
- Kliknite pravým tlačidlom myši kdekoľvek na stránke (okrem obrázkov a odkazov).
- V kontextovej ponuke, ktorá sa zobrazí, vyberte možnosť „Zobraziť zdrojový kód stránky“ alebo „Zobraziť zdroj“. Tým sa otvorí zdrojový kód HTML stránky na novej karte alebo v novom okne.
- Použite funkciu vyhľadávania (CTRL + F) a hľadajte H1 a H2.
Detailed SEO extension pre Chrome a Firefox
- Nainštalujte si rozšírenie Detailed SEO extension pre váš webový prehliadač.
- Vo webovom prehliadači otvorte webovú stránku, ktorú chcete skontrolovať.
- Kliknite na ikonu Detailed SEO extension.
- Kliknite na tab overview na paneli s nástrojmi prehliadača.
- Title tag je označený ako title.
Môže byť H1 tag taký istý ako title tag
Aj keď je možné, že H1 a title tag budú rovnaké, vo všeobecnosti sa to neodporúča. Spravte ich však tematicky podobné tak aby mali zmysel pre čitateľa.
Google dve možnosti (title tag a H tag). Odlišný aj keď podobný text v oboch značkách môže pomôcť vyhľadávačom lepšie pochopiť stránku a vhodne ju ohodnotiť.
Title tag má motivovať ku kliknutiu na web stránku, H tag k čítaniu. Aj keď veľmi podobné, predsa sú to rozdielne veci.
Koľko H tagov by sa malo používať v obsahu
Buďte opatrní pri používaní príliš veľkého počtu H tagov. Google ich môže interpretovať ako spam a znížiť ich hodnotu.
Aký je rozdiel medzi title tagom a H1 tagom
Title tag aj H1 tag sú značky HTML a na prvý pohľad sa javiť ako ten istý element. Sú medzi nimi zásadné rozdiely
Účel
Title tag označuje názov stránky.
H1 tag zvyčajne označuje nadpis, respektíve prvý nadpis osnovy obsahu na stránke.
Zobrazenie
Title tag sa zobrazuje na SERP (stránka výsledkov vyhľadávania) a nie na vašej web stránke.
H1 tag sa zobrazuje na vašej web stránke v obsahu. Je to zvyčajne prvý a hlavný nadpis v hornej časti.
Umiestnenie v HTML kóde
Title tag je umiestnený v sekcii head HTML dokument.
H1 je umiestnená v sekcii tela, zvyčajne v hornej časti stránky.
Použitie
Web stránka má iba jeden title tag.
Web stránka môže mať viacero H1 značiek. Ja by som aj tak odporúčal použiť iba jednu H1 na stránke vášho webu.
Ako optimalizovať H tagy
Posilnite zámer vyhľadávania
Váš obsah by mal ukazovať, že zodpovedá zámeru vyhľadávania.
Jedným zo spôsobov je použitie značiek hlavičky v štýle otázok a odpovedí. To znamená klásť otázky vo vašich hlavičkách a odpovedať na ne v obsahu.
Aké dlhé by mali byť H tagy
Ponechajte svoje H1 značky na zhruba 70 znakoch.
H tagy a kľúčové slová
Relevantné kľúčové slová, ktoré reflektujú vyhľadávací dopyt a zámer vyhľadávania by mali byť v H tagoch.
Používajte ich však v prirodzenom a ľudskom jazyku tak aby boli ľahko pochopiteľné pre čitateľa. Úloha H tagov je presne popísať o čom je daný obsah alebo kapitola. Sústreďte sa preto na ľudí, nie na Google.
Vyhnite sa zbytočnému prepĺňaniu H tagov kľúčovými slovami.
V H1 použite vaše hlavné kľúčové slovo.
V ostatných H2 môžete občas použiť vaše hlavné kľúčové slovo ak to dáva zmysel. H2 však pomáhajú dotvoriť kontext obsahu, nie opakovať hlavu tému. Zvážte preto používanie súvisiacich kľúčových slov.
Ako formátovať H tagy
Váš CMS má pravdepodobne nastavené určité vizuálne formátovanie pre H tagy. Každé ďalšie formátovanie je podľa mňa zbytočné.
Záleží na poradí H tagov?
John Mueller z Google hovorí, že nezáleží. H tagy slúžia na pochopenie kontextu a poradie tu preto nie je dôležité.
Optimalizujte H tagy pre featured snippets a hlasové vyhľadávanie
Optimalizujte značku hlavičky tak, aby sa zhodovala s kľúčovým slovom, ktoré ľudia zadávajú do vyhľadávačov alebo hovoria hlasovým asistentom. Napíšte H tag presne tak ako ho sa ho ľudia pýtajú. V nasledujúcom odseku potom presne odpovedzte na tú otázku.
Píšete zoznam? Hlavičky môžete použiť aj ako položky vo vašom zozname. Google z nich môže vytvoriť jednoduchý zoznam, ktorý potom zobrazí vo featured snippets.
Aplikujte princípy copywritingu na svoje H tagy
Zrozumiteľnosť: Názov by mal byť jasný a výstižný a mal by vyjadrovať hlavné posolstvo vášho obsahu spôsobom, ktorý je ľahko zrozumiteľný.
Relevancia: Váš názov by mal súvisieť s vaším obsahom a mal by presne reprezentovať hlavnú tému alebo tému.
Zaujať: Váš názov by mal upútať pozornosť a zaujať a povzbudiť čitateľov. Venujte osobitnú pozornosť H1. Tú si návštevníci pravdepodobne všimnú a môže z veľkej časti diktovať, či sa vaši návštevníci vôbec posunú ďalej. Napíšte úžasnú H1 značku ktorá odpovie na zámer vyhľadávania a nadchne ho pre čítanie vášho článku.
Jasnosť a jednoduchosť: Píšte jednoduché, priame, ľahko pochopiteľné H tagy. Sústreďte sa na jedno posolstvo. V prípade H1 posolstvo celého článku, v prípade H2, posolstvo nasledujúceho odseku. Každý H tag by mal označovať to, čo čitateľ nájde v obsahu. H tag musí jasne uvádzať, čo sa čitateľ pri prezeraní vášho článku dozvie.
SEO: Váš názov by mal obsahovať relevantné kľúčové slová a frázy, ktoré pomôžu vášmu obsahu dostať sa vyššie vo výsledkoch vyhľadávačov.
Špecifickosť: Váš názov by mal byť špecifický a zameraný a mal by vyjadrovať jasnú predstavu o tom, čo môžu čitatelia očakávať, že sa z vášho obsahu dozvedia alebo získajú.
Naliehavosť: Váš názov by mal vzbudzovať pocit naliehavosti a nabádať čitateľov, aby okamžite vykonali akciu alebo si prečítali váš obsah.
Originalita: Váš titul by mal byť jedinečný a odlíšiť sa od ostatných titulov vo vašom odvetví alebo špecializácii, čím by upútal pozornosť čitateľov a podnietil ich zvedavosť.
Tipy na optimalizáciu H1 tagu
- H1 by mala popísať hlavnú tému stránky a mala by úzko súvisieť s obsahom stránky.
- H1 by mala podporiť zámer vyhľadávania, respektíve ukázať, nasledovný obsah na tento zámer odpovie.
- Majte na stránke iba jednu H1 hneď na začiatku.
- H1 je nadpis celého obsahu na stránke a je kritická pre celý obsah.
- Udržujte ju v dĺžke 70 znakov.
- H1 by mala obsahovať vaše hlavné kľúčové slovo.
- Napíšte H1 prirodzeným a ľudským jazykom. Sústreďte sa na čitateľa.
Tipy na optimalizáciu H2 tagu
- H2 je nadpis kapitoly, ktorá za ním nasleduje.
- Udržujte H2 konzistentné čo sa dĺžky a formátovania týka.
- Píšte H2 prirodzeným a ľudským jazykom zrozumiteľným pre čitateľa.
- Do H2 vložte kľúčové slová, ktoré súvisia s vašim hlavným kľúčovým slovom.
Ozvite sa nám
Optimalizácia H tagov je kľúčovou časťou zlepšenia viditeľnosti vašej web stránky a užívateľskej skúsenosti. Aplikujte naše tipy, zlepšite vaše SEO, pritiahnite návštevníkov a viac klientov.
Kontaktujte VanCity.Media a vytvoríme vám SEO stratégiu, s ktorou sa dostanete na prvé miesto Google vyhľadávania.
