Meta tag

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?

1. Zvyšují CTR (Click-Through Rate)
   – Atraktivní title a description přilákají víc kliknutí z výsledků vyhledávání.
2. Pomáhají vyhledávačům pochopit obsah
   – Dobře strukturované meta informace usnadní indexaci a řazení stránky.
3. Zabraňují duplicitě nebo nechtěnému indexování
   – Pomocí robots meta tagu můžeš zamezit indexaci například košíku, přihlášení nebo filtrů.
4. 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é robots tagy 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>.