Tagy HTML pro SEO: které tagy jsou důležité, s příklady

Vyhledávače a AI asistenti čtou vaši stránku jako kód dřív, než ji kdokoli uvidí na obrazovce. Hrstka HTML tagů pro SEO rozhoduje o tom, jak se tento kód chápe: která URL se zaindexuje, který title se objeví ve výsledcích, o čem stránka je a jak vypadá při sdílení. Google uvádí meta tagy a atributy, které podporuje, na jedné stránce své dokumentace Search Central, a vše mimo tento seznam nemá na Google Search žádný vliv. Tento průvodce probírá každý užitečný tag s příkladem, chyby, kterým se vyhnout, a tagy, na které můžete zapomenout.

Které HTML tagy mají na SEO vliv?

Tabulka níže je referenční seznam. Tagy v hlavičce popisují stránku strojům; tagy v těle strukturují to, co čtou lidé.

Které tagy v hlavičce řídí, jak Google zobrazuje vaši stránku?

Tag title

Tag title je nejdůležitější tag na stránce. Google říká, že délka prvku title není omezena, ale titulek odkazu se zkracuje podle šířky zařízení, což v praxi znamená zhruba 50 až 60 znaků na počítači. Google může title také přepsat: jeho dokumentace uvádí zdroje, které používá, od prvku title a hlavního viditelného nadpisu přes nadpisy H1, tag og:title až po kotvicí text odkazů směřujících na stránku. Title, který odpovídá H1 a obsahu stránky, je ten, který Google ponechá. Napište jedinečný title pro každou stránku, s hlavním klíčovým slovem blízko začátku a značkou na konci.

Meta description

Meta description nemění pozice, ale často dodává úryvek pod titulkem, a tím ovlivňuje kliky. Google ji může nahradit úryvkem stránky, který lépe odpovídá dotazu. Napište ji jako krátkou odpověď následovanou přínosem, mezi 120 a 160 znaky, a nikdy stejný popis nepoužijte na více stránkách.

Meta tag robots

Meta tag robots říká prohledávačům, co s stránkou smějí dělat. Nejpoužívanější hodnota je noindex, která stránku drží mimo výsledky; další jsou nofollow, nosnippet a max-snippet, který omezuje délku textového úryvku. U souborů bez hlavičky, jako jsou PDF, se stejné direktivy zapisují do HTTP hlavičky X-Robots-Tag. Noindex ponechaný na živé šabloně patří k nejčastějším příčinám ztráty návštěvnosti, proto ho kontrolujte po každém vydání.

Viewport a kódování znaků

Google ve své dokumentaci uvádí, že přítomnost tagu viewport značí stránku přátelskou k mobilům. Protože Google indexuje mobilní verzi webů, patří tento tag na každou stránku. Deklarace kódování znaků (doporučením Googlu je UTF-8) brání rozbitým znakům v titulcích a úryvcích, což má význam u vícejazyčných webů.

Které tagy říkají Googlu, kterou URL indexovat?

Dva odkazové tagy v hlavičce spravují duplicity a jazyky. Kanonický tag určuje preferovanou verzi, když je stejný obsah dostupný přes několik URL (filtry, sledovací parametry, HTTP a HTTPS). Google ho bere jako silné doporučení spolu s přesměrováními a interními odkazy, takže funguje nejlépe, když všechny signály ukazují na stejnou URL. Používejte absolutní URL, mějte jeden kanonický odkaz na stránku a nikdy neukazujte na stránku, která je blokovaná nebo má noindex.

Atribut hreflang říká Googlu, kterou stránku ukázat kterému jazyku nebo regionu. Podle průvodce Googlu k lokalizovaným verzím musí každá verze uvádět sama sebe i všechny ostatní a hodnota x-default může označit stránku pro uživatele, jejichž jazyk není pokryt. Chybějící zpětné odkazy jsou nejčastější chybou hreflang: pokud stránka A ukazuje na stránku B, stránka B musí ukazovat zpět na stránku A.

Které tagy v těle pomáhají vyhledávačům pochopit obsah?

Nadpisy od H1 do H6

Nadpisy dávají osnovu stránky. Použijte jedno H1, které říká téma, tagy H2 pro hlavní sekce a H3 pro kroky nebo položky uvnitř sekce, bez přeskakování úrovní kvůli vzhledu. Google řekl, že více tagů H1 nevede k penalizaci, ale jediné jasné H1 zůstává nejjednodušší strukturou pro uživatele a asistivní technologie. Nadpisy H2 ve tvaru otázky („Jak funguje X?“) také odpovídají tomu, jak lidé formulují hledání a prompty.

Alt text u obrázků

Google ve svých zásadách SEO pro obrázky vysvětluje, že používá alt text spolu s počítačovým viděním a obsahem stránky, aby pochopil obrázek, a že vyplnění atributů alt klíčovými slovy může způsobit, že bude web vnímán jako spam. Popište, co obrázek ukazuje, krátkou frází. Google také upozorňuje, že neindexuje obrázky na pozadí v CSS, takže každý obrázek, který se má umisťovat, potřebuje skutečný prvek img.

Odkazy a jejich atributy rel

Prvek a je způsob, jak prohledávače objevují stránky, proto musí být interní odkazy skutečné odkazy s href, ne tlačítka ovládaná JavaScriptem. Atribut rel určuje odchozí odkazy: sponsored u placených umístění, ugc u komentářů a příspěvků ve fórech, nofollow u odkazů, které nechcete podporovat. Google tyto hodnoty bere jako nápovědu od roku 2020. Popisný kotvicí text pomáhá uživatelům i vyhledávačům.

Sémantické prvky HTML5

Prvky jako main, article, nav, header, footer a section říkají strojům, která část stránky je hlavní obsah a které části se opakují na každé stránce. Samy o sobě nezvyšují pozice, ale usnadňují izolaci hlavního obsahu pro vyhledávače, čtečky obrazovky i AI nástroje. Náš průvodce sémantickým HTML popisuje každý prvek podrobně. Uvnitř textu označují strong a em zdůraznění; používejte je pro klíčové pojmy, ne pro celé odstavce.

Které tagy utvářejí náhledy na sociálních sítích a rich výsledky?

Protokol Open Graph, který vytvořil Facebook a který dnes čte většina sociálních sítí a messengerových aplikací, definuje tagy og:title, og:description, og:image a og:url, z nichž se při sdílení stránky sestaví náhledová karta. Bez nich si platformy domýšlejí, často se špatným obrázkem. Výsledek si můžete ověřit nástrojem pro náhled Open Graph ještě před publikací.

Strukturovaná data ve formátu JSON-LD, vložená do značky script, popisují stránku slovníkem Schema.org: článek, produkt, organizace, drobečková navigace, FAQ. Google je používá pro rich výsledky a dávají AI systémům explicitní fakta o entitě za stránkou. Značkování musí popisovat to, co je na stránce vidět. Jeho roli pro odpovědi AI rozebíráme v průvodci strukturovanými daty a vyhledáváním s AI.

Které HTML tagy Google ignoruje?

Seznam tagů, které Google podporuje, vám také řekne, co už nemusíte udržovat:

• Meta keywords: Google uvádí, že tag meta keywords nepoužívá Google Search a nemá žádný vliv na indexaci ani na pozice.
• Neznámé meta tagy: Google ignoruje meta tagy, které nepodporuje, například meta author nebo meta revisit-after.
• Atribut lang: Google zjišťuje jazyk stránky z jejího textu, ne z atributu lang. Atribut ponechte kvůli přístupnosti a dalším nástrojům a jazykové verze propojte pomocí hreflang.
• Meta refresh jako přesměrování: funguje, ale Google doporučuje přesměrování 301 na straně serveru.

Záleží na HTML tazích pro odpovědi AI?

Ano, a z jednoduchého důvodu: ChatGPT, Claude, Gemini a Perplexity z stránek vytahují pasáže a čistý HTML kód tyto pasáže snadno najde. Několik AI prohledávačů stahuje surové HTML bez spuštění JavaScriptu, takže title, kanonický odkaz nebo blok textu vložený skripty se k nim nemusí nikdy dostat. Jasná hierarchie nadpisů rozdělí stránku na samostatné odpovědi, seznamy a tabulky udrží fakta pohromadě a strukturovaná data uvádějí fakta bez nejednoznačnosti. Toto je technická stránka optimalizace pro generativní vyhledávače: stejné tagy, které pomáhají Googlu, pomáhají AI asistentům citovat vás přesně.

Jak zkontrolovat HTML tagy stránky?

1. Přečtěte si zdrojový kód. Otevřete zdrojový kód (Ctrl+U) a hledejte tagy title, meta description, robots, canonical a hreflang. Pokud se tag objeví jen ve vykreslené stránce, závisí na JavaScriptu.
2. Porovnejte s pohledem Googlu. Nástroj Kontrola URL v Google Search Console ukazuje HTML, které Google vykreslil, a kanonickou URL, kterou vybral.
3. Auditujte stránku po stránce. Bezplatné rozšíření Sorank pro Chrome vypisuje chybějící nebo duplicitní tagy a opravy pro stránku, kterou si prohlížíte.
4. Auditujte celý web. Prohledávač najde duplicitní tituly, chybějící alt texty a špatné kanonické odkazy napříč tisíci URL; náš výběr nástrojů pro technické SEO porovnává možnosti.
5. Kontrolujte znovu po každém vydání. Změny šablon jsou místo, kde se objevují tagy noindex, rozbité kanonické odkazy a prázdné tituly.

Správné nastavení zmíněné desítky tagů pokryje téměř vše, co HTML může pro SEO udělat; zbytek práce tvoří obsah a odkazy. Pokud chcete stránky, které už vycházejí s čistými tituly, nadpisy, interními odkazy a strukturovaným obsahem, generátor článků Sorank je napíše a publikuje v režimu autopilot, od 49$ měsíčně při roční platbě (viz ceník).