<meta> tag-urile în <head> furnizează metadate despre pagină — codificarea de caractere, comportamentul viewport, descrieri SEO și previzualizări de partajare socială. Nu sunt redate, dar sunt citite de browsere, motoare de căutare și platforme sociale.
charset asigură că textul (în special non-ASCII) este decodat corect. Pune-l mai întâi.viewport este ceea ce face un site responsiv pe mobile — fără acesta, telefoanele redate cu o lățime falsă de 980px și fac zoom out, rupând CSS-ul responsiv.<title>Page Title — 50–60 chars</title>
<meta name="description" content="Summary shown in search results, ~150 chars" />
<link rel="canonical" href="https://site.com/page" /> <!-- avoid duplicate-content penalties -->
<title> și description sunt ceea ce apare în rezultatele Google, deci conduc click-uri. canonical spune motoarelor de căutare URL-ul autoritativ.
<meta property="og:title" content="Shareable title" />
<meta property="og:description" content="Shown when shared" />
<meta property="og:image" content="https://site.com/preview.jpg" />
<meta property="og:url" content="https://site.com/page" />
<meta name="twitter:card" content="summary_large_image" />
Acestea controlează card-ul care apare atunci când linkul tău este partajat pe Facebook, LinkedIn, Slack, X, etc. — fără acestea primești o previzualizare urâtă sau goală.
charset și viewport sunt inegociabile pentru redare corectă și responsivitate mobile; title/description/canonical conduc SEO; tag-urile Open Graph controlează cum arată linkurile tale când sunt partajate.
Impreună sunt stratul de metadate care face ca o pagină să se redeze corect, să se claseze bine și să se partajeze bine.