Šta su meta tagovi i čemu služe?

Meta oznake su posebne HTML oznake koje pružaju metapodatke (informacije o dokumentu) za pretraživače i pretraživačke sisteme. Nalaze se u sekciji <head> HTML dokumenta.

Glavne vrste meta oznaka i njihova svrha:

charset: Navodi kodiranje karaktera stranice, na primer UTF-8. Važno je za ispravno prikazivanje teksta.
```
<meta charset="UTF-8">
```
name="description": Određuje kratak opis sadržaja stranice. Koristi se u rezultatima pretraživača.
```
<meta name="description" content="Kratak opis vaše stranice">
```
name="keywords": Lista ključnih reči koje opisuju sadržaj stranice. Uticaj na SEO je smanjen, ali se još uvek može koristiti od strane starijih sistema.
```
<meta name="keywords" content="ključna reč1, ključna reč2, ključna reč3">
```
name="viewport": Kontroliše zumiranje i dimenzije oblasti pregleda na mobilnim uređajima. Kritično za responzivni dizajn.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: Širina oblasti pregleda je jednaka širini ekrana uređaja.
- initial-scale=1.0: Početni zum stranice pri učitavanju.

name="robots": Navodi pravila za indeksiranje stranice od strane pretraživačkih robota.

Tabela vrednosti atributa content:

Vrednost	Opis
`index`	Dozvoljava indeksiranje stranice.
`noindex`	Zabranjuje indeksiranje stranice.
`follow`	Dozvoljava praćenje linkova i njihovo indeksiranje.
`nofollow`	Zabranjuje praćenje linkova.
`all`	Ekvivalentno `index, follow`. (Podrazumevana vrednost)
`none`	Ekvivalentno `noindex, nofollow`.

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

property (Open Graph, Twitter Cards): Koriste se za određivanje kako će sadržaj stranice biti prikazan pri objavljivanju na društvenim mrežama.

<meta property="og:title" content="Naslov za društvene mreže">
<meta property="og:description" content="Opis za društvene mreže">
<meta property="og:image" content="URL slike za prikaz">
<meta property="og:url" content="URL stranice">
<meta name="twitter:card" content="summary_large_image">

Potrebnost meta oznaka svodi se na sledeće:

SEO (Optimizacija za pretraživače): Pomažu pretraživačima da razumeju temu i sadržaj stranice, što utiče na rangiranje i prikazivanje u rezultatima (description, keywords, robots).
UX (Korisničko iskustvo): Poboljšavaju prikaz i interakciju sa stranicom na različitim uređajima (viewport).
Društvene mreže: Određuju atraktivan izgled linka pri objavljivanju, povećavajući klikove (property - Open Graph, Twitter Cards).
Tehničke informacije: Obezbeđuju važne tehničke podatke za pretraživač (npr. kodiranje).

Korišćenje meta oznaka je obavezno za kreiranje ispravnih, optimizovanih i korisnički prijateljskih web stranica.