Čo sú meta tagy a na čo slúžia?

Meta tagy sú špeciálne HTML tagy, ktoré poskytujú metadáta (informácie o dokumente) pre prehliadače a vyhľadávacie systémy. Nachádzajú sa v sekcii <head> HTML dokumentu.

Hlavné typy meta tagov a ich účel:

charset: Udáva kódovanie znakov stránky, napríklad UTF-8. Je dôležitý pre správne zobrazenie textu.
```
<meta charset="UTF-8">
```
name="description": Určuje krátky popis obsahu stránky. Používa sa vo výsledkoch vyhľadávačov.
```
<meta name="description" content="Krátky popis vašej stránky">
```
name="keywords": Zoznam kľúčových slov, ktoré opisujú obsah stránky. Vplyv na SEO je znížený, ale môže sa stále používať staršími systémami.
```
<meta name="keywords" content="kľúčové slovo1, kľúčové slovo2, kľúčové slovo3">
```
name="viewport": Riadi mierku a rozmery oblasti zobrazenia na mobilných zariadeniach. Kritické pre responzívny dizajn.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: Šírka oblasti zobrazenia je rovná šírke obrazovky zariadenia.
- initial-scale=1.0: Počiatočná mierka stránky pri načítaní.

name="robots": Udáva pravidlá indexovania stránky robotom vyhľadávačov.

Tabuľka hodnôt atribútu content:

Hodnota	Popis
`index`	Povolenie indexovania stránky.
`noindex`	Zakázanie indexovania stránky.
`follow`	Povolenie prechádzania odkazov a ich indexovanie.
`nofollow`	Zakázanie prechádzania odkazov.
`all`	Ekvivalentné `index, follow`. (Predvolené)
`none`	Ekvivalentné `noindex, nofollow`.

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

property (Open Graph, Twitter Cards): Používajú sa na určenie, ako bude obsah stránky zobrazený pri publikovaní na sociálnych sieťach.

<meta property="og:title" content="Názov pre sociálne siete">
<meta property="og:description" content="Popis pre sociálne siete">
<meta property="og:image" content="URL obrázka pre náhľad">
<meta property="og:url" content="URL stránky">
<meta name="twitter:card" content="summary_large_image">

Potrebnosť meta tagov je zhrnutá nasledovne:

SEO (Optimalizácia pre vyhľadávače): Pomáhajú vyhľadávačom pochopiť tému a obsah stránky, čo ovplyvňuje radenie a zobrazovanie vo výsledkoch (description, keywords, robots).
UX (Používateľská skúsenosť): Zlepšujú vzhľad a interakciu stránky na rôznych zariadeniach (viewport).
Sociálne siete: Určujú atraktívny vzhľad odkazu pri publikovaní, zvyšujú kliknutia (property - Open Graph, Twitter Cards).
Technické informácie: Poskytujú dôležité technické údaje pre prehliadač (napríklad kódovanie).

Použitie meta tagov je nevyhnutné pre tvorbu správnych, optimalizovaných a používateľsky priateľských webových stránok.