Ce sunt meta-tag-urile și pentru ce sunt necesare…

Etichetele meta sunt etichete HTML speciale care furnizează metadate (informații despre document) pentru browsere și motoarele de căutare. Ele sunt plasate în secțiunea <head> a documentului HTML.

Tipurile principale de etichete meta și scopul lor:

charset: Indică codificarea caracterelor a paginii, de exemplu, UTF-8. Este important pentru afișarea corectă a textului.
```
<meta charset="UTF-8">
```
name="description": Definește o scurtă descriere a conținutului paginii. Este utilizată de motoarele de căutare în rezultate.
```
<meta name="description" content="Descriere scurtă a paginii tale pentru motoarele de căutare.">
```
name="keywords": Listă de cuvinte cheie care descriu conținutul paginii. Impactul asupra SEO a scăzut, dar poate fi utilizat de unele sisteme vechi.
```
<meta name="keywords" content="cuvânt cheie1, cuvânt cheie2, cuvânt cheie3">
```
name="viewport": Controlează scalarea și dimensiunile zonei de vizualizare pe dispozitive mobile. Esențial pentru designul adaptiv.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: Lățimea zonei de vizualizare este egală cu lățimea ecranului dispozitivului.
- initial-scale=1.0: Scara inițială a paginii la încărcare.

name="robots": Indică roboților de căutare regulile de indexare a paginii.

Tabelul valorilor atributului content:

Valoare	Descriere
`index`	Permite indexarea paginii.
`noindex`	Interzice indexarea paginii.
`follow`	Permite urmărirea linkurilor de pe pagină și indexarea lor.
`nofollow`	Interzice urmărirea linkurilor de pe pagină.
`all`	Echivalent cu `index, follow`. (Valoare implicită)
`none`	Echivalent cu `noindex, nofollow`.

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

property (Open Graph, Twitter Cards): Se utilizează pentru a defini modul în care conținutul paginii va fi afișat la publicarea pe rețelele sociale.

<meta property="og:title" content="Titlu pentru rețele sociale">
<meta property="og:description" content="Descriere pentru rețele sociale">
<meta property="og:image" content="URL imagine pentru previzualizare">
<meta property="og:url" content="URL pagină">
<meta name="twitter:card" content="summary_large_image">

Necesitatea etichetelor meta poate fi rezumată astfel:

SEO (Optimizarea pentru motoarele de căutare): Ajută motoarele de căutare să înțeleagă tematica și conținutul paginii, influențând clasamentul și afișarea în rezultatele căutării (description, keywords, robots).
UX (Experiența utilizatorului): Îmbunătățește afișarea și interacțiunea cu pagina pe diferite dispozitive (viewport).
Rețele sociale: Determină aspectul atractiv al linkului la publicare, crescând rata de clicuri (property - Open Graph, Twitter Cards).
Informații tehnice: Oferă date tehnice importante pentru browser (de exemplu, codificarea).

Utilizarea etichetelor meta este obligatorie pentru crearea de pagini web corecte, optimizate și prietenoase cu utilizatorul.

Ce sunt meta-tag-urile și pentru ce sunt necesare?