Kontrola nadpisov H1–H6
Skontroluje H1, prázdne nadpisy a poradie úrovní v HTML.
Čo ak nadpis vyzerá správne, ale audit ho nenašiel?
Prečítajte osnovu bez odsekov. Ak z nej neviete určiť tému a poradie otázok, opravte pomenovanie a hierarchiu. Samotný počet H1 nie je dôkazom penalizácie.
Ak nadpis vidíte v prehliadači, ale chýba v HTML odpovedi, overte JavaScript. Ak nadpis obsahuje iba obrázok, doplňte alternatívny text alebo viditeľný textový názov. Prístupnosť osnovy overte aj pomocou navigácie čítačky obrazovky.
Ako postupovať krok za krokom
- Vypíšte nadpisy v poradí, v akom sú v dokumente.
- Overte, že H1 opisuje konkrétnu stránku a nie iba logo.
- Rozdeľte obsah na H2 podľa samostatných otázok.
- H3 použite pre podtémy príslušnej H2, nie pre ľubovoľne menší font.
- Skontrolujte skryté navigácie a opakované nadpisy komponentov.
Ako doplniť chýbajúci nadpis H1
Výuková ukážka; adresy example.com sú ilustračné.
Pred úpravou
<p class="hero-title">Bicycle repair</p>
<h2>Book a repair</h2>Po úprave
<h1>Bicycle repair</h1>
<h2>Book a repair</h2>Pravidlo h1-present pred úpravou nájde 0 H1, po úprave 1 H1. Zachovajte vzhľad cez CSS a overte osnovu nadpisov; veľkosť písma sama nenahrádza HTML nadpis.
Častý omyl
Nahradenie každého tučného textu tagom H2 zhorší osnovu. Preskočenú úroveň treba posúdiť v kontexte; audit má upozorniť na štruktúru, nie automaticky prepisovať obsah.
Vyskúšajte report na našom webe.
Pozrite si ukážku reportu a potom zadajte vlastnú URL. Získate nálezy, HTML dôkazy a plán opráv pre svoju stránku.
Spustiť vlastný audit
Ako skontrolovať hierarchiu nadpisov
Zoznam nadpisov by mal vysvetliť tému a poradie otázok. „Viac“, „Naša ponuka“ a „Ďalšie informácie“ často zakrývajú, o čom sekcie skutočne sú.
- Hlavný nadpis nech pomenuje konkrétnu stránku.
- H2 použite pre hlavné otázky a H3 pre ich podtémy.
- Názov sekcie overte proti obsahu, ktorý pod ním nasleduje.
Prečo úroveň nadpisu neurčuje veľkosť písma
Veľký reklamný slogan nemusí byť nadpisom dokumentu. Malý nadpis môže byť dôležitou podsekciou; vizuálnu veľkosť nastavte štýlom bez zmeny významu HTML.
- Nepoužívajte H4 iba preto, že má v téme vhodnú veľkosť.
- Obyčajnú zvýraznenú vetu nechajte odsekom.
- Po oprave skontrolujte aj rozloženie na mobile.
Ako opraviť nadpisy v kartách a šablónach
Karta produktu môže byť pod H2 na kategórii, ale inde je vložená do hlbšej sekcie. Pevná úroveň v komponente môže vytvárať nelogickú osnovu.
- Skontrolujte názvy kariet, pätičku, navigáciu a logo.
- Pri zdieľanom komponente určte úroveň podľa nadradenej sekcie.
- Neodstraňujte nadpis len preto, aby sedel počet v audite.
Ako overiť navigáciu pomocou nadpisov
Správna osnova pomáha aj ľuďom, ktorí preskakujú medzi nadpismi čítačkou obrazovky. Skontrolujte reálne poradie v DOM, nie iba vizuálne rozmiestnenie stĺpcov.
- Prejdite nadpisy od začiatku po koniec hlavného obsahu.
- Skontrolujte, či skryté mobilné menu nevytvára zbytočné duplikáty.
- Po úprave šablóny overte článok, službu aj kategóriu.
Zdroj W3C WAI — headings ↗
Čím potvrdiť výsledok
Prečítajte iba nadpisy. Ak z nich neviete, čo stránka ponúka a v akom poradí, upravte názvy a členenie. Po zásahu v šablóne overte aj ostatné typy stránok.
Primárna dokumentácia www.w3.org ↗
Časté otázky
Čo ak nadpis vyzerá správne, ale audit ho nenašiel?
Vizuálny text môže byť obyčajný div, obrázok alebo pseudo-element. Skontrolujte HTML a strom prístupnosti. Ak skutočne pomenúva sekciu, použite zodpovedajúci nadpis a vzhľad nastavte cez CSS. Nevkladajte ďalší skrytý H1 len na získanie bodov; návštevník aj asistenčné technológie potrebujú rovnakú zrozumiteľnú osnovu.
Kedy môžete úlohu uzavrieť
Osnova čítaná bez bežných odsekov zrozumiteľne opisuje obsah. Logo, bannery a opakované navigačné prvky nezakrývajú hlavný nadpis konkrétnej stránky.
Súvisiace SEO návody
Overte konkrétnu stránku.
Fukamo ukáže nálezy, dôkazy a ďalší krok.
679 pravidiel + merania SEO, AI čitateľnosti, výkonu a prístupnosti zadarmo.