Kontrola nadpisů H1-H6 u e-shopu pod lupou. kde šablony generují chyby a platí za to viditelností ve vyhledávačích

Kontrola nadpisů H1-H6 u e-shopu pod lupou. kde šablony generují chyby a platí za to viditelností ve vyhledávačích

Kontrola nadpisů H1-H6 na e-shopu bývá překvapením i pro zkušené správce. U jednoduchého blogu nebo firemního webu se problémy s nadpisovou strukturou dají přehlédnout, e-shop s tisíci produkty a desítkami kategoriích už je jiná situace. Šablony generují nadpisy automaticky, vývojáři je nastavují jednou a pak na ně roky nesáhnou, a výsledkem jsou systematické chyby, které se opakují napříč celým webem. Jaké jsou nejčastější z nich a kde hledat příčiny?

Proč mají e-shopy s nadpisy zvláštní problémy

Na rozdíl od redakčního obsahu, kde člověk každý nadpis píše ručně, e-shopy nadpisy generují automaticky ze šablon. H1 produktové stránky se většinou sestaví z názvu produktu, H1 kategorie z názvu kategorie. To zní rozumně, ovšem ve chvíli, kdy šablona nedostane správná data nebo když struktura webu naroste nad rámec původního návrhu, se věci začnou lámat.

Pak je zde otázka měřítka. Chyba v šabloně se nezopakuje jednou, ale na každé stránce, která šablonu používá. Pokud má e-shop špatně nastavený H1 na šabloně kategorie, týká se to všech kategorií najednou. Ruční oprava pak znamená procházet stovky stránek nebo zasáhnout do kódu šablony.

Chybějící H1 je nejzávažnější a nejrozšířenější problém

Stránka bez H1 nadpisu posílá vyhledávači nejasný signál o svém hlavním tématu. Google dokáže téma stránky odhadnout i bez H1, ovšem stránka s jasně definovaným H1 nadpisem obsahujícím cílové klíčové slovo má výchozí pozici silnější.

Na e-shopech chybí H1 nejčastěji ve dvou situacích. První je technická: vývojář použil pro název produktu nebo kategorie element <div> nebo <p> místo <h1>, protože vizuální výsledek byl stejný a na sémantiku se nemyslelo. Druhá je obsahová: stránka vznikla jako pomocná (stránka výsledků filtrování, stránka tagů, výsledky interního vyhledávání) a H1 jí nikdo nedal, protože se nepočítalo s tím, že bude indexována.

Duplicitní H1 napříč stránkami

Duplicitní H1 je situace, kdy více stránek sdílí stejný nadpis. Na e-shopu to nastává například tehdy, když šablona kategorie používá jako H1 pouze obecný název jako „Produkty“ nebo „Nabídka“ bez dynamického doplnění konkrétní kategorie. Každá kategorie pak má jiný URL a jiný obsah, ale stejný H1.

Podobný problém se vyskytuje u produktových stránek, kde se prodává stejný produkt ve více variantách (barva, velikost, materiál) na samostatných URL. Pokud šablona vezme jako H1 pouze název produktu bez rozlišení varianty, výsledkem jsou desítky stránek se stejným H1 nadpisem.

Kdy duplicita opravdu škodí

Duplicitní H1 sám o sobě není penalizační faktor. Problém nastane ve chvíli, kdy duplicitní H1 kopíruje duplicitní meta title a duplicitní obsah stránky. V tu chvíli Google nemá dobrý důvod rozlišit stránky mezi sebou a zpravidla začne indexovat jen jednu z nich.

Přeskočené úrovně nadpisů

Obecná pravidla předpokládají hierarchické použití nadpisů: H1 jako hlavní téma, H2 jako podtémata, H3 jako detaily podtémat. Přeskočení úrovně, například skok z H1 přímo na H3 bez H2, nepůsobí u Googlu přímo jako chyba, ovšem narušuje logiku struktury stránky.

Na e-shopech k tomu dochází typicky tehdy, když designér zvolil vizuální styl konkrétní úrovně nadpisu pro jiný účel, než pro který je určena. H3 vypadá vizuálně lépe jako popisek produktové specifikace, takže se použije tam, kde by správně měl být H2. Výsledkem je struktura, která vizuálně dává smysl, sémanticky ale nikoliv.

Přeskočené úrovně komplikují orientaci screen readerům pro zrakově postižené uživatele a zároveň ztěžují AI systémům pochopení hierarchie obsahu při generování odpovědí z webu.

Příliš dlouhé nebo prázdné H1 nadpisy

Délka H1 nemá pevně stanovenou hranici, ovšem příliš dlouhý nadpis ztrácí na srozumitelnosti a účinnosti. E-shopy tuto chybu dělají nejčastěji u produktových stránek, kde šablona sestavuje H1 z celého obchodního názvu produktu včetně interních kódů, variant a zkratek. Výsledkem je H1 v podobě „Pánská outdoorová bunda zimní zateplená voděodolná XL černá model 2024 SKU-48291″, který sice obsahuje klíčová slova, ale čtenáři ani vyhledávači nepomáhá.

Opačný problém nastává u automaticky generovaných stránek filtrů nebo tagů, kde šablona vyplní H1 interním označením filtru místo smysluplného textu. Stránka pak má H1 „kategorie-id-449″ nebo prázdný element bez obsahu.

Více H1 na jedné stránce

HTML5 specifikace technicky povoluje více H1 nadpisů na jedné stránce v rámci různých <section> elementů. Google opakovaně uvedl, že více H1 na stránce samo o sobě problémem není. Přesto audit e-shopů pravidelně odkrývá situace, kdy více H1 vzniklo nikoliv záměrně, ale jako vedlejší efekt šablony nebo page builderu.

Typický případ: šablona produktové stránky má H1 pro název produktu, ovšem dynamicky načítaný blok „Doporučené produkty“ nebo „Zákazníci také koupili“ přidá vlastní H1 pro každý doporučený produkt. Výsledkem je stránka s pěti deseti H1 nadpisy, kde původní záměr byl mít pouze jeden.

Jak nadpisovou strukturu e-shopu rychle zkontrolovat

Ruční procházení nadpisů na každé stránce e-shopu je nereálné. Pro rychlou orientaci bez přístupu do kódu nebo CMS poslouží automatizovaný nástroj. Kontrola nadpisů prověří přítomnost H1, jeho délku, hierarchii nadpisů a případné přeskočené úrovně. Výsledek dostanete bez registrace pro libovolnou veřejně dostupnou stránku, takže se hodí i pro rychlé posouzení konkurence nebo klientského webu před auditem.

Pro širší kontext celého SEO auditu bez technického zázemí pak poslouží návod, jak projít prvním SEO auditem webu krok za krokem i bez zkušeností s kódem.

Nadpisy jako symptom hlubšího problému se šablonou

Chyby v nadpisové struktuře e-shopu zpravidla nejsou náhodné ani ojedinělé. Jsou symptomem šablony, která se navrhovala s důrazem na vizuální výsledek bez ohledu na sémantiku. Oprava jednoho H1 problém neřeší. Smysluplný audit nadpisů proto vždy začíná pochopením toho, jak šablona nadpisy generuje a z jakých dat je sestavuje. Teprve pak dává smysl navrhovat konkrétní změny.

Miroslava Nejedlá