Co jsou to meta tagy a k čemu jsou potřeba?

Meta tagy jsou speciální HTML tagy, které poskytují metadata (informace o dokumentu) pro prohlížeče a vyhledávací systémy. Nacházejí se v sekci <head> HTML dokumentu.

Hlavní typy meta tagů a jejich účel:

charset: Udává kódování znaků stránky, například UTF-8. Je důležité pro správné zobrazení textu.
```
<meta charset="UTF-8">
```
name="description": Určuje krátký popis obsahu stránky. Používá se ve výsledcích vyhledávání.
```
<meta name="description" content="Krátký popis vaší stránky">
```
name="keywords": Seznam klíčových slov popisujících obsah stránky. Dopad na SEO je snížen, ale může být stále používán staršími systémy.
```
<meta name="keywords" content="klíčové slovo1, klíčové slovo2, klíčové slovo3">
```
name="viewport": Řídí měřítko a rozměry oblasti zobrazení na mobilních zařízeních. Kritické pro responzivní design.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: Šířka oblasti zobrazení je rovna šířce obrazovky zařízení.
- initial-scale=1.0: Počáteční měřítko stránky při načtení.

name="robots": Udává pravidla indexování stránky robotům vyhledávačů.

Tabulka hodnot atributu content:

Hodnota	Popis
`index`	Povolit indexování stránky.
`noindex`	Zakázat indexování stránky.
`follow`	Povolit procházení odkazů na stránce a jejich indexování.
`nofollow`	Zakázat procházení odkazů na stránce.
`all`	Ekvivalentní `index, follow`. (Výchozí hodnota)
`none`	Ekvivalentní `noindex, nofollow`.

<meta name="robots" content="index, follow">

property (Open Graph, Twitter Cards): Používají se k určení, jak bude obsah stránky zobrazen při publikaci na sociálních sítích.

<meta property="og:title" content="Nadpis pro sociální sítě">
<meta property="og:description" content="Popis pro sociální sítě">
<meta property="og:image" content="URL obrázku pro náhled">
<meta property="og:url" content="URL stránky">
<meta name="twitter:card" content="summary_large_image">

Potřeba meta tagů je shrnuta následovně:

SEO (Optimalizace pro vyhledávače): Pomáhají vyhledávačům pochopit téma a obsah stránky, což ovlivňuje řazení a zobrazení ve výsledcích (description, keywords, robots).
UX (Uživatelská zkušenost): Zlepšují vzhled a interakci stránky na různých zařízeních (viewport).
Sociální sítě: Určují atraktivní vzhled odkazu při publikaci, zvyšují klikatelnost (property - Open Graph, Twitter Cards).
Technické informace: Poskytují důležitá technická data pro prohlížeč (například kódování).

Použití meta tagů je nezbytné pro tvorbu správných, optimalizovaných a uživatelsky přívětivých webových stránek.