Cosa sono i meta-tag?

I meta tag sono tag HTML che forniscono metadati sul documento HTML. Si trovano all’interno di <head> e non vengono visualizzati direttamente sulla pagina.

Principali scopi dei meta tag:

Descrizione del contenuto: Indicare il titolo della pagina (<title>) e una breve descrizione (<meta name="description">).
Parole chiave: Elencare parole chiave correlate al contenuto (<meta name="keywords"> - meno rilevante per la SEO moderna).
Codifica: Definire il set di caratteri del documento (<meta charset="utf-8">).
Autore: Indicare l’autore della pagina (<meta name="author">).
Viewport: Gestire lo zoom e le dimensioni dell’area di visualizzazione sui dispositivi mobili (<meta name="viewport">).
Robots: Fornire istruzioni ai robot di ricerca (indicare se indicizzare o meno, seguire o meno i link) (<meta name="robots">).
Open Graph e Twitter Cards: Fornire informazioni per i social network durante la condivisione della pagina (<meta property="og:...">, <meta name="twitter:...">).

Esempi:

<meta charset="utf-8">
<meta name="description" content="Descrizione della mia pagina web.">
<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="Titolo per i social media">

Sono importanti per la SEO, per una corretta visualizzazione su diversi dispositivi e per condividere contenuti sui social media.