Meta tag je HTML prvek, který poskytuje dodatečné informace o webové stránce. Nezobrazuje se přímo návštěvníkům stránky, ale je určený pro vyhledávače a další systémy, které stránku čtou a indexují.
Meta tagy se vkládají do hlavičky stránky (do sekce <head>) a hrají klíčovou roli při SEO, zobrazení ve výsledcích vyhledávání, i na sociálních sítích.
Co všechno může meta tag ovlivnit?
- Způsob, jakým se vaše stránka zobrazuje v Google
- Jak ji lidé uvidí na Facebooku, LinkedInu nebo Twitteru
- Zda vyhledávač stránku zaindexuje nebo ne
- Jaké jazykové verze existují
- A mnoho dalšího
Nejdůležitější meta tagy
🔹 Meta title (Title tag)
Ačkoli se mu říká meta tag, technicky vzato se nejedná o klasický <meta> prvek, ale o <title>.
Je to titulek stránky, který se zobrazuje ve výsledcích vyhledávání a v záložce prohlížeče.
Příklad:
<title>Profesionální tvorba webových stránek – MH Webdesign</title>
🔍 Tip: Měl by být krátký, výstižný, obsahovat klíčové slovo a motivovat ke kliknutí.
🔹 Meta description
Popis stránky, který se často (ale ne vždy) zobrazuje pod titulkem ve výsledcích vyhledávání.
Příklad:
<meta name="description" content="Tvoříme moderní a funkční weby, které přivádějí zákazníky. Přehledně, rychle a za férovou cenu.">
📌 Délka: Ideálně do 160 znaků.🔹 Robots meta tag
Řídí chování vyhledávačů – zda mají stránku indexovat a sledovat odkazy.
Příklad:
<meta name="robots" content="index, follow">
🔹 Viewport (pro responzivní weby)
Klíčový pro mobilní zobrazení.
Příklad:
<meta name="viewport" content="width=device-width, initial-scale=1.0">🔹 Open Graph a Twitter Cards (sociální sítě)
Tyto meta tagy ovlivňují, jak stránka vypadá při sdílení na sociálních sítích.
Příklad pro Facebook:
<meta property="og:title" content="Tvoříme weby, které prodávají">
<meta property="og:description" content="Moderní webové stránky s důrazem na SEO a UX.">
<meta property="og:image" content="https://example.cz/nahled.jpg">Proč jsou meta tagy důležité pro SEO?
- Zvyšují CTR (Click-Through Rate)
– Atraktivní title a description přilákají víc kliknutí z výsledků vyhledávání. - Pomáhají vyhledávačům pochopit obsah
– Dobře strukturované meta informace usnadní indexaci a řazení stránky. - Zabraňují duplicitě nebo nechtěnému indexování
– Pomocírobotsmeta tagu můžeš zamezit indexaci například košíku, přihlášení nebo filtrů. - Zlepšují dojem na sociálních sítích
– Open Graph tagy dělají rozdíl mezi „ošklivým“ sdílením a profesionálním náhledem.
❌ Časté chyby
- Žádný nebo duplicitní
<title>na více stránkách - Automaticky generovaný nebo prázdný
<meta description> - Nesprávně nastavené
robotstagy blokující důležité stránky - Chybějící Open Graph tagy → špatné náhledy na sociálních sítích
✅ Jak meta tagy správně používat?
- Každá stránka by měla mít unikátní meta title i description.
- Popis stránky (meta description) by měl být srozumitelný a akční.
- Open Graph tagy přidej pomocí SEO pluginu nebo ručně.
- Používej přirozená klíčová slova – piš pro lidi, ne pro roboty.
🧠 Nevíte si rady s nastavením meta tagů nebo SEO?
Pomohu vám vytvořit web, který je nejen krásný, ale i snadno dohledatelný a správně technicky nastavený.
👉 Zjistit více o tvorbě webu a SEO optimalizaci
❓ FAQ – Nejčastější dotazy
Co je meta tag?
HTML prvek, který poskytuje informace o stránce vyhledávačům a dalším systémům. Nachází se v <head> části webu.
Je meta tag vidět na stránce?
Ne, pro běžného uživatele není viditelný. Slouží „na pozadí“.
Má smysl vyplňovat meta description, když ho Google někdy ignoruje?
Ano – dobře napsaný popis často zobrazen bývá a může výrazně zvýšit proklikovost.
Jak zjistím, jaké meta tagy má můj web?
Pomocí nástrojů jako Google Search Console, Ahrefs, Screaming Frog nebo jednoduše v prohlížeči – pravým klikem → Zobrazit zdroj stránky → sekce <head>.
