Ce sunt meta-tag-urile?

Meta-tag-urile sunt etichete HTML care furnizează metadate despre documentul HTML. Ele sunt plasate în interiorul <head> și nu sunt afișate direct pe pagină.

Scopurile principale ale meta-tag-urilor:

Descrierea conținutului: Indică titlul paginii (<title>) și o descriere scurtă (<meta name="description">).
Cuvinte cheie: Enumerarea cuvintelor cheie legate de conținut (<meta name="keywords"> - mai puțin relevant pentru SEO-ul modern).
Codificare: Definirea setului de caractere al documentului (<meta charset="utf-8">).
Autor: Indică autorul paginii (<meta name="author">).
Viewport: Controlul scalării și dimensiunilor zonei de vizualizare pe dispozitive mobile (<meta name="viewport">).
Robots: Instrucțiuni pentru roboții de căutare (indexare sau nu, urmărirea linkurilor sau nu) (<meta name="robots">).
Open Graph și Twitter Cards: Oferirea de informații pentru rețelele sociale la partajarea paginii (<meta property="og:...">, <meta name="twitter:...">).

Exemple:

<meta charset="utf-8">
<meta name="description" content="Descrierea site-ului meu.">
<meta name="keywords" content="html, css, javascript">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta property="og:title" content="Titlu pentru rețele sociale">

Acestea sunt importante pentru SEO, afișarea corectă pe diferite dispozitive și pentru partajarea conținutului pe rețelele sociale.