Kas ir meta tagi un kam tie ir nepieciešami?

Meta tagi ir ir īpaši HTML tagi, kas nodrošina metadatus (informāciju par dokumentu) pārlūkprogrammām un meklētājprogrammām. Tie atrodas <head> sadaļā HTML dokumentā.

Galvenie metatag tipu un to mērķi:

charset: norāda lapas rakstzīmju kodējumu, piemēram, UTF-8. Svarīgi pareizai teksta attēlošanai.
```
<meta charset="UTF-8">
```
name="description": nosaka īsu lapas aprakstu. Izmanto meklētājprogrammās rezultātu rādīšanai.
```
<meta name="description" content="Jūsu lapas īss apraksts meklētājprogrammām">
```
name="keywords": saraksts ar atslēgvārdiem, kas raksturo lapas saturu. SEO ietekme ir samazinājusies, bet joprojām var tikt izmantots dažās vecākās sistēmās.
```
<meta name="keywords" content="atslēgvārds1, atslēgvārds2, atslēgvārds3">
```
name="viewport": kontrolē mērogu un skata laukuma izmēru mobilajās ierīcēs. Kritiski svarīgi reaģējošam dizainam.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: skata laukuma platums ir vienāds ar ierīces ekrāna platumu.
- initial-scale=1.0: sākotnējais mērogs ielādes laikā.

name="robots": norāda meklētājrobotu noteikumus par lapas indeksēšanu.

Tabula ar vērtībām content atribūtā:

Vērtība	Apraksts
`index`	Atļaut lapas indeksēšanu.
`noindex`	Aizliegt lapas indeksēšanu.
`follow`	Atļaut saites sekot un indeksēt tās.
`nofollow`	Aizliegt saites sekot.
`all`	Vienāds ar `index, follow`. (Noklusējuma vērtība)
`none`	Vienāds ar `noindex, nofollow`.

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

property (Open Graph, Twitter Cards): tiek izmantots, lai noteiktu, kā saturs tiks attēlots sociālajos tīklos publicēšanas laikā.

<meta property="og:title" content="Sociālo tīklu virsraksts">
<meta property="og:description" content="Apraksts sociālajiem tīkliem">
<meta property="og:image" content="Attēla URL priekšskatījumam">
<meta property="og:url" content="Lapas URL">
<meta name="twitter:card" content="summary_large_image">

Nepieciešamība pēc metatagiem ir šāda:

SEO (Meklētājprogrammu optimizācija): palīdz meklētājprogrammām saprast lapas tēmu un saturu, kas ietekmē reitingu un rezultātu parādīšanos (description, keywords, robots).
UX (Lietotāja pieredze): uzlabo lapas attēlošanu un mijiedarbību dažādās ierīcēs (viewport).
Sociālie tīkli: nosaka pievilcīgu saites izskatu publicēšanas laikā, palielina klikšķu skaitu (property - Open Graph, Twitter Cards).
Tehniskā informācija: nodrošina svarīgus tehniskus datus pārlūkprogrammai (piemēram, kodējumu).

Metatagu lietošana ir obligāta, lai izveidotu pareizas, optimizētas un ērtas tīmekļa lapas.