Anteprima meta tag
Come funziona
Scrivi il titolo, la descrizione, l'URL della pagina e l'URL dell'immagine: cinque anteprime si aggiornano mentre scrivi.
• Risultato di Google (URL, titolo e descrizione) • Card grande di Twitter / X • Anteprima del link su Facebook, con il dominio in maiuscolo sopra il titolo • Card del feed di LinkedIn • Embed di Discord
Sotto il titolo un contatore mostra i caratteri su 60, sotto la descrizione su 160, e cambia colore quando superi il limite. Sono le soglie oltre le quali Google di solito taglia il testo nei risultati da desktop; le anteprime mostrano la descrizione fino a 160 caratteri. Il campo del titolo accetta al massimo 120 caratteri, quello della descrizione 300. Finché un campo è vuoto, le anteprime mostrano un testo segnaposto.
Le anteprime caricano l'immagine direttamente dall'URL che inserisci. Se l'immagine non si carica (URL sbagliato, file inesistente o server che ne blocca l'uso da altri siti) viene nascosta, ed è un buon segnale che anche i social potrebbero non vederla.
Quando le anteprime ti convincono, Genera i meta tag crea il blocco da incollare nell'<head>: `<title>`, `meta name="description"`, i tag Open Graph og:title, og:description, og:url e og:image, e i tag Twitter Card con `twitter:card` impostato su summary_large_image. Vengono generati solo i tag dei campi che hai compilato, tranne twitter:card che c'è sempre. Il pulsante Copia li copia negli appunti.
Usi tipici: controllare un articolo prima di pubblicarlo, preparare titolo e descrizione di una landing page nuova, confrontare due versioni di un titolo, e scrivere da zero i meta tag di un sito senza CMS.
Tutto succede nel tuo browser: lo strumento non scarica la pagina all'URL che inserisci e non invia i testi da nessuna parte.
Domande frequenti
Devo inserire l'URL di una pagina già online?
- No. Puoi scrivere tutto a mano e vedere comunque le cinque anteprime. L'URL serve solo per la riga dell'indirizzo su Google, per il dominio nelle card social e per og:url, quindi la pagina può anche non esistere ancora: puoi preparare lo snippet prima del lancio.
Lo strumento legge i meta tag da un URL o da HTML incollato?
- No, né l'uno né l'altro. Scaricare pagine qualsiasi dal browser si scontra con i limiti CORS, e non c'è un campo per incollare l'HTML: compili i quattro campi e lo strumento costruisce le anteprime da quello che scrivi. Per vedere cosa leggono davvero le piattaforme da una pagina online, usa i loro strumenti di debug (Sharing Debugger di Facebook, Post Inspector di LinkedIn).
Quanto devono essere lunghi title e meta description?
- Circa 60 caratteri per il titolo e fino a 155–160 per la descrizione, perché oltre Google di solito taglia il testo nei risultati da desktop (su mobile i limiti sono più bassi). I contatori dello strumento usano 60 e 160 e cambiano colore quando li superi. Le card social tollerano in genere titoli e descrizioni un po' più lunghi.
Che dimensioni deve avere l'immagine Open Graph?
- 1200 × 630 pixel (rapporto 1,91:1) è la misura sicura per tutte le piattaforme. Facebook e LinkedIn ritagliano le immagini più alte, e anche la card summary_large_image di Twitter si aspetta 1,91:1. Le anteprime quadrate funzionano a 1200 × 1200, ma 1200 × 630 è la misura per cui ottimizzano tutti.
Perché Facebook mostra ancora la vecchia immagine dopo che ho cambiato og:image?
- Perché Facebook tiene in cache le anteprime dei link. Dopo l'aggiornamento usa lo Sharing Debugger ufficiale (developers.facebook.com/tools/debug/) per fargli rileggere la pagina; LinkedIn ha il suo Post Inspector. Questo strumento ti mostra come verrà la card, ma far aggiornare la cache alle piattaforme è un passaggio separato.
Posso usare emoji e lettere accentate?
- Sì. Accenti ed emoji compaiono nelle anteprime e nei tag generati così come li scrivi. Tieni presente che il contatore conta le unità di testo di JavaScript, quindi la maggior parte delle emoji vale 2 caratteri.
I testi che scrivo vengono inviati da qualche parte?
- No. Anteprime e tag vengono generati in JavaScript nel tuo browser. L'unica richiesta di rete è il caricamento dell'immagine dall'URL che inserisci tu, come farebbe qualsiasi pagina che la mostra.