Mis on metaandmed ja milleks need on vajalikud…

Meta-tägid on spetsiaalsed HTML-tähed, mis pakuvad metaandmeid (teavet dokumendi kohta) brauseritele ja otsingumootoritele. Need paiknevad HTML-dokumendi <head> sektsioonis.

Meta-tägide peamised tüübid ja nende otstarve:

charset: näitab lehe märgistikku, näiteks UTF-8. Oluline teksti korrektseks kuvamiseks.
```
<meta charset="UTF-8">
```
name="description": määrab lehe lühikirjelduse. Kasutatakse otsingutulemustes kuvamiseks.
```
<meta name="description" content="Teie lehe lühikirjeldus otsingumootoritele">
```
name="keywords": nimekiri võtmesõnadest, mis kirjeldavad lehe sisu. SEO mõju on vähenenud, kuid võib kasutada vanemates süsteemides.
```
<meta name="keywords" content="võtmesõna1, võtmesõna2, võtmesõna3">
```
name="viewport": kontrollib suumi ja vaateala suurust mobiilseadmetes. Oluline reageerivale disainile.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: vaateala laius võrdub seadme ekraani laiusega.
- initial-scale=1.0: lehe algne suum laadimise ajal.

name="robots": näitab otsingurobotitele lehe indekseerimise reegleid.

Tabel väärtustest content atribuudis:

Väärtus	Kirjeldus
`index`	Luba lehe indekseerimine.
`noindex`	Keela lehe indekseerimine.
`follow`	Luba linkide jälgimine ja nende indekseerimine.
`nofollow`	Keela linkide jälgimine.
`all`	Võrdub `index, follow`. (Vaikimisi väärtus)
`none`	Võrdub `noindex, nofollow`.

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

property (Open Graph, Twitter Cards): kasutatakse selleks, et määrata, kuidas lehe sisu kuvatakse sotsiaalvõrkudes jagamisel.

<meta property="og:title" content="Sotsiaalvõrkude pealkiri">
<meta property="og:description" content="Kirjeldus sotsiaalvõrkudele">
<meta property="og:image" content="Pildi URL eelvaate jaoks">
<meta property="og:url" content="Lehe URL">
<meta name="twitter:card" content="summary_large_image">

Metatägid on vajalikud järgmistel põhjustel:

SEO (Otsingumootori optimeerimine): aitavad otsingumootoritel mõista lehe teemat ja sisu, mis mõjutab reitingut ja tulemuste kuvamist (description, keywords, robots).
UX (Kasutajakogemus): parandab lehe kuvamist ja kasutusmugavust erinevatel seadmetel (viewport).
Sotsiaalvõrgustikud: määravad atraktiivse lingi välimuse jagamisel, suurendades klikkide arvu (property - Open Graph, Twitter Cards).
Tehniline teave: pakub olulisi tehnilisi andmeid brauserile (näiteks kodeering).

Meta-tägid on vajalikud korrektsete, optimeeritud ja kasutajasõbralike veebilehtede loomiseks.

Mis on metaandmed ja milleks need on vajalikud?