Generatore di Twitter Card
Crea meta tag Twitter Card per X nel browser.
Informazioni su Generatore di Twitter Card
Crea meta tag Twitter Card per X nel browser. Scegli summary o summary_large_image, inserisci titolo, descrizione, URL immagine e handle opzionali @site / @creator, poi copia l'HTML live nell'head della pagina. L'anteprima mostra come appare una card compatta o con immagine grande prima della pubblicazione. Abbinalo al Generatore di Tag Open Graph se ti servono anche anteprime Facebook e LinkedIn. Nulla viene caricato.
Come usare Generatore di Twitter Card
- Scegli il tipo di card: summary_large_image per un hero largo, o summary per una miniatura compatta.
- Inserisci titolo e descrizione mostrati quando il link viene condiviso.
- Incolla un URL immagine https assoluto (1200 x 628 funziona bene per le card grandi).
- Aggiungi twitter:site (handle del brand) e opzionale twitter:creator.
- Copia l'HTML e incollalo dentro l'head della pagina.
Esempi di Generatore di Twitter Card
Articolo con immagine grande
Card summary_large_image, titolo del post, descrizione su due righe e immagine 1200 x 628 producono twitter:card, twitter:title, twitter:description e twitter:image pronti per un template articolo.
Pagina prodotto con handle del brand
Aggiungi @yourbrand come site cosi X attribuisce la card al tuo account. Mantieni il titolo sotto ~70 caratteri per evitare troncamenti netti nella timeline.
Card summary compatta
Usa summary con miniatura quadrata quando la condivisione deve restare piccola accanto al titolo - utile per documentazione e link di supporto.
Handle da URL profilo X
Incolla https://x.com/toolsminify in Site e il generatore lo normalizza in @toolsminify in twitter:site.
Casi d'uso comuni
- Pubblicare tag twitter:card per blog o landing page
- Anteprima summary vs summary_large_image prima del deploy
- Impostare correttamente twitter:site e twitter:creator
- Escapare titoli con virgolette e e commerciale per HTML valido
- Completare i tag Open Graph con controllo specifico per X
Domande frequenti su Generatore di Twitter Card
- Cos'e una Twitter Card?
- Una Twitter Card e l'anteprima ricca che X mostra quando qualcuno pubblica un link. Meta tag come twitter:card, twitter:title, twitter:description e twitter:image indicano a X come renderizzare quell'anteprima.
- Qual e la differenza tra summary e summary_large_image?
- summary_large_image mostra un'immagine larga sopra il titolo - ideale per post e lanci. summary usa una miniatura quadrata accanto al testo - meglio per condivisioni compatte. Scegli il tipo che corrisponde alla tua immagine.
- Servono ancora i tag Open Graph?
- Si per Facebook, LinkedIn, Slack e molte app di messaggistica. X puo ricadere su Open Graph, ma i tag twitter:* dedicati danno controllo esplicito. Genera entrambi - usa questo strumento piu il Generatore di Tag Open Graph.
- Quale dimensione per l'immagine Twitter Card?
- Usa un URL https assoluto. Circa 1200 x 628 pixel funziona bene per summary_large_image. Per summary, un'immagine quadrata (almeno 144 x 144, idealmente piu grande) e piu sicura.
- Cosa va in twitter:site?
- L'@handle del brand o del sito su X. Puoi digitare @brand, brand o un URL profilo - il generatore lo normalizza in @handle.
- Dove incollo l'HTML?
- Incolla i tag dentro l'head del documento HTML pubblico (o l'API metadata del tuo framework). Devono essere visibili sull'URL che condividi cosi il crawler X puo leggerli.
- I miei dati lasciano il dispositivo?
- No. Il Generatore di Twitter Card gira interamente nel browser. Titoli, handle e URL immagine non vengono caricati ne archiviati su un server.
Strumenti correlati
Generatore di Tag Open Graph
Genera meta tag Open Graph e Twitter Card da titolo, descrizione, URL e immagine. Generatore di tag OG gratuito con HTML live e anteprima social.
Controllo meta description e anteprima SERP
Controllo lunghezza SERP gratuito e anteprima meta description. Contatore caratteri live e anteprima snippet Google - o genera una bozza. Entro il limite 150-160.
Generatore URL Campagna UTM
Generatore URL campagna UTM gratuito per GA4. Aggiungi utm_source, utm_medium e utm_campaign, analizza un link taggato e minuscolizza i valori (GA4 distingue maiuscole). Nulla viene caricato.