Metadata

Co znamená „Metadata“

Obecně metadata popisují jiná data (autor, název, jazyk, datum vzniku, práva, formát apod.). V kontextu webu a SEO jde hlavně o informace v elementu <head> – např. meta name="description", meta name="robots", odkazy pro hreflang, nebo otevřená grafická data (Open Graph) pro náhledy na sociálních sítích. Správně nastavená metadata zlepšují pochopitelnost stránky pro vyhledávače i CTR ve výsledcích vyhledávání.

Nejpoužívanější typy metadat na webu

HTML & SEO

<title>…</title> – název stránky (nezaměňovat s meta).
<meta name="description" content="…"> – stručné shrnutí obsahu.
<meta name="robots" content="index,follow"> – pokyny pro indexaci.
<link rel="canonical" href="…"> – kanonická URL.
<meta name="viewport" content="width=device-width, initial-scale=1"> – mobilní zobrazení.

Sociální sítě & internacionalizace

Open Graph – og:title, og:description, og:image, og:url.
Twitter Cards – twitter:card, twitter:title, twitter:image.
<link rel="alternate" hreflang="…" href="…"> – jazykové verze.
Structured Data (JSON‑LD) – není „meta tag“, ale patří mezi metadata o obsahu (typ, autor, produkt atd.).

Příklad použití v hlavičce stránky

<head>
  <title>Jak vybrat epoxidovou pryskyřici | Návod</title>
  <meta name="description" content="Praktický průvodce výběrem epoxidové pryskyřice podle účelu, doby zpracování a tloušťky odlitku.">
  <link rel="canonical" href="https://www.example.cz/clanky/epoxid-pruvodce">

  <!-- Pokyny pro roboty -->
  <meta name="robots" content="index,follow,max-snippet:-1,max-image-preview:large,max-video-preview:-1">

  <!-- Open Graph -->
  <meta property="og:type" content="article">
  <meta property="og:title" content="Jak vybrat epoxidovou pryskyřici | Návod">
  <meta property="og:description" content="Praktický průvodce výběrem epoxidové pryskyřice...">
  <meta property="og:url" content="https://www.example.cz/clanky/epoxid-pruvodce">
  <meta property="og:image" content="https://www.example.cz/og/pruvodce-epoxid.jpg">

  <!-- Twitter Cards -->
  <meta name="twitter:card" content="summary_large_image">

  <!-- Hreflang -->
  <link rel="alternate" hreflang="cs" href="https://www.example.cz/clanky/epoxid-pruvodce">
  <link rel="alternate" hreflang="sk" href="https://www.example.sk/clanky/epoxid-pruvodca">
  <link rel="alternate" hreflang="x-default" href="https://www.example.com/epoxy-guide">

  <!-- Structured Data (JSON-LD) – ukázka článku -->
  <script type="application/ld+json">{
    "@context":"https://schema.org",
    "@type":"Article",
    "headline":"Jak vybrat epoxidovou pryskyřici",
    "author":{"@type":"Person","name":"Redakce"},
    "datePublished":"2025-05-21",
    "image":"https://www.example.cz/og/pruvodce-epoxid.jpg"
  }</script>
</head>

Ukázka kombinuje klíčová metadata pro vyhledávače, sociální sítě a vícejazyčné verze.

Best practices (rychlý checklist)

Title do ~50–60 znaků, s hlavním klíčovým tématem na začátku.
Meta description 120–155 znaků, benefit + výzva k akci; unikátní pro každou URL.
Robots používej vědomě (pozor na omyl noindex v produkci).
Canonical vždy na preferovanou verzi obsahu; vyhnout se smyčkám a řetězení.
Open Graph & Twitter nastav pro stránky s potenciálem sdílení (články, produkty).
Hreflang konzistentní páry jazyk–URL, každá verze odkazuje na ostatní i sama na sebe.
Structured Data odpovídá skutečnému obsahu (žádný spam); validuj pravidelně.
Jednoznačnost: 1 téma = 1 URL = 1 sada unikátních metadat.

Nejčastější chyby

Sériové duplicitní title a popisy napříč kategoriemi/filtry.
Chybné nebo chybějící canonical, které způsobí kanibalizaci.
Neúmyslné noindex po nasazení (zbytky ze stagingu).
Nesoulad mezi og:image a reálným obsahem (nepřitažlivé náhledy, špatný poměr stran).
Smíchané protokoly (http vs. https) a nejednotné URL (s/bez www).

Jak ověřit kvalitu metadat

Zkontroluj vykreslený <head> ve zdrojáku stránky a v „Inspect“.
Otestuj náhledy (sdílení) na sociálních sítích a u důležitých URL ručně projdi CTR v organiku.
Validuj structured data a hlídej upozornění z nástrojů pro webmastery.