Vai al contenuto principale
Bethemesh
Web e SEO

Generatore di meta tag

Genera localmente un blocco completo di tag title, description, canonical, robots, Open Graph e Twitter/X pronto da integrare nella pagina.

  • Appunti

Integra questo widget

Personalizza il risultato, controlla l’anteprima e copia il codice.

Anteprima

Tipo di codice di integrazione

Codice da copiare

Responsive e ridimensionato automaticamente da Bethemesh.

Titolo della pagina

Lunghezza del titolo

0

Lunghezza della descrizione

0

Codice generato

Questo strumento ti è stato utile?

Come funziona questo strumento?

Questo generatore crea in un colpo solo il blocco di tag dell’<head> di una pagina: title, meta description, robots, canonical e poi i tag Open Graph letti da Facebook, LinkedIn o WhatsApp e i tag Twitter/X Card. Converte i caratteri speciali e mostra la lunghezza di titolo e descrizione, per un codice pulito da incollare in un template.

Titolo e descrizione sono obbligatori: alimentano il tag <title>, la meta description, og:title, og:description, twitter:title e twitter:description.

I caratteri &, ", < e > vengono convertiti in entità HTML: un titolo con virgolette non rompe l’attributo content.

I campi facoltativi vuoti non generano alcun tag. L’URL canonico fa anche da og:url; l’URL dell’immagine social alimenta og:image e twitter:image; og:type vale sempre website.

Il codice è organizzato in tre blocchi separati da una riga vuota: tag di base, Open Graph e Twitter/X.

Come usare questo strumento

  1. Inserisci titolo e descrizione

    I contatori Lunghezza del titolo e Lunghezza della descrizione si aggiornano.

  2. Aggiungi URL canonico e immagine social

    Usa URL assoluti; l’immagine ideale misura 1200 × 630 px.

  3. Imposta le opzioni

    Direttive robots, scheda Twitter/X, account del sito, locale Open Graph e colore del tema.

  4. Genera e copia

    Fai clic su Genera i tag e incolla il codice generato nell’<head>.

Casi d’uso

Creare i tag di una nuova pagina

Ottenere un head completo senza dimenticare og:image o il canonical.

Migliorare la condivisione sui social

Controllare titolo, riassunto e immagine mostrati quando un link viene condiviso su LinkedIn, Facebook o X.

Completare un sito statico

Aggiungere metadati a una pagina HTML scritta a mano o a un template senza plugin SEO.

Esempi

Scheda prodotto pronta per la condivisione

Uno stesso titolo e una stessa descrizione alimentano le tre famiglie di tag; l’URL canonico viene ripreso in og:url e l’immagine in og:image e twitter:image.

Input

Titolo della pagina: Borraccia termica in acciaio 750 ml | Trek
Descrizione: Borraccia a doppia parete: fresca 24 ore, calda 12 ore. Senza BPA, spedizione gratuita da 30 €.
URL canonico: https://example.com/borracce/acciaio-750
Direttive robots: index, follow
Nome del sito: Trek
URL dell’immagine social: https://example.com/img/borraccia-acciaio.jpg
Scheda Twitter/X: summary_large_image
Account Twitter/X del sito: @trek
Locale Open Graph: it_IT

Risultato

Lunghezza del titolo: 42 · Lunghezza della descrizione: 95
<title>Borraccia termica in acciaio 750 ml | Trek</title>
<meta name="description" content="Borraccia a doppia parete: fresca 24 ore, calda 12 ore. Senza BPA, spedizione gratuita da 30 €.">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#4f46e5">
<link rel="canonical" href="https://example.com/borracce/acciaio-750">

<meta property="og:title" content="Borraccia termica in acciaio 750 ml | Trek">
<meta property="og:description" content="Borraccia a doppia parete: fresca 24 ore, calda 12 ore. Senza BPA, spedizione gratuita da 30 €.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://example.com/borracce/acciaio-750">
<meta property="og:site_name" content="Trek">
<meta property="og:locale" content="it_IT">
<meta property="og:image" content="https://example.com/img/borraccia-acciaio.jpg">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Borraccia termica in acciaio 750 ml | Trek">
<meta name="twitter:description" content="Borraccia a doppia parete: fresca 24 ore, calda 12 ore. Senza BPA, spedizione gratuita da 30 €.">
<meta name="twitter:site" content="@trek">
<meta name="twitter:image" content="https://example.com/img/borraccia-acciaio.jpg">

Consigli e buone pratiche

  • Per og:image usa un’immagine di almeno 1200 × 630 px e un URL assoluto https; i social non leggono gli URL relativi.
  • La scheda summary_large_image mostra un’immagine grande sotto il link; summary una miniatura quadrata accanto al testo.
  • La locale Open Graph si scrive con il trattino basso (it_IT), a differenza dell’attributo lang dell’HTML (it-IT).
  • Alcuni browser mobili usano il colore del tema per colorare la barra degli indirizzi.

Fonti e riferimenti

Domande frequenti

I tag Open Graph contano per la SEO?

Non direttamente per il posizionamento. Determinano l’anteprima di un link condiviso su social e app di messaggistica, il che influisce sui clic e quindi sulla visibilità della pagina.

Servono i tag twitter: se ci sono già i tag og:?

X ripiega sui tag Open Graph, ma twitter:card è necessario per scegliere il formato della scheda. Per questo lo strumento genera entrambe le famiglie.

Perché og:type vale sempre website?

È il valore adatto alla maggior parte delle pagine. Per un articolo di blog puoi sostituire website con article nel codice generato.

Dove incollo il codice generato?

Nella sezione <head> della pagina, prima della chiusura </head>. In un CMS usa il campo per il codice di intestazione o le impostazioni SEO del template.

I miei dati vengono inviati a un server?

No. I tag vengono generati nel tuo browser.

Strumenti correlati

Continua con questi strumenti

Strumenti simili o complementari a questo.

Strumenti simili

Simulatore snippet SERP

Visualizza un risultato di ricerca da titolo e meta description.

Web e SEOIn evidenzaUsa questo strumento

Analizzatore SEO HTML

Analizza localmente i principali segnali SEO di un HTML.

Web e SEOIn evidenzaUsa questo strumento

Leggi anche

GuidaBuone pratichePrincipiante

Creare URL pulite: slug, parametri e normalizzazione

Impara a progettare URL stabili e leggibili, generare slug coerenti, gestire i parametri di query ed evitare varianti inutili che complicano il SEO tecnico.

29 agosto 20263 min