Anteprima Twitter Card
Visualizzare in anteprima e generare meta tag Twitter Card per le proprie pagine
Impostazioni della scheda
0/70 caratteri
0/200 caratteri
I contatori 70/200 sono indicazioni per la modifica. Alcuni simboli contano come più di un carattere; la visualizzazione effettiva dipende dal client.
Provi un'immagine larga, ad esempio 1200 × 628 px. L'anteprima illustrativa usa un'area immagine 16:9.
L'URL dell'immagine viene caricato direttamente dal Suo browser. Il server che ospita l'immagine riceve tale richiesta.
Usato solo per il dominio mostrato qui. Il Suo @nomeutente identifica l'account a cui attribuire il contenuto.
Anteprima della scheda
example.com
Il titolo della Sua scheda qui
La descrizione della Sua scheda apparirà qui. Scriva qualcosa di coinvolgente per attirare il Suo pubblico.
Aggiunga un URL di immagine per visualizzarne l'anteprima.
Questa anteprima è illustrativa. Il layout effettivo di X/Twitter, il ritaglio, i contenuti nella cache e le immagini recuperate possono differire.
I Suoi meta tag
<meta name="twitter:card" content="summary_large_image" />
Tag aggiornati. Li aggiunga all'head della Sua pagina e verifichi la pagina pubblicata.
Guida ai tipi di scheda
Prima della pubblicazione
- Usi un titolo e una descrizione che descrivano la pagina.
- Scelga un'immagine i cui contenuti importanti restino visibili dopo il ritaglio.
- Mantenga l'URL dell'immagine accessibile alla piattaforma che recupera la Sua pagina.
- Il @nomeutente indica l'attribuzione, non un indirizzo web.
- Verifichi la pagina pubblicata e la sua effettiva anteprima di condivisione; questo editor non recupera i dati delle schede di X.
Informazioni sul nostro strumento gratuito di anteprima Twitter/X Card
Le Twitter Card (ora X Card) permettono di allegare contenuti multimediali ai tweet che rimandano al Suo sito web. Quando qualcuno condivide un URL del Suo sito, la card mostra automaticamente un'anteprima con il titolo, la descrizione e l'immagine specificati. Questo strumento di anteprima Twitter Card Le permette di esaminare una card illustrativa prima di pubblicare i tag. Non verifica il recupero, la cache o la resa finale della piattaforma.
Lo strumento supporta entrambi i principali tipi di card: la Summary Card, con una piccola miniatura accanto al testo, e la Summary Card con immagine grande, che colloca un elemento visivo ben visibile sopra titolo e descrizione. Può inserire i contenuti, vederne l'anteprima in tempo reale e copiare con un clic i meta tag HTML pronti all'uso.
Che sia un social media manager che ottimizza le anteprime dei link, uno sviluppatore che implementa i meta tag Open Graph e Twitter o un content marketer che vuole massimizzare la percentuale di clic sui link condivisi, questo strumento gratuito semplifica il Suo lavoro. I contatori di caratteri e le barre colorate forniscono le indicazioni 70/200 di questo editor. Non stabiliscono un limite di visualizzazione attuale garantito dalla piattaforma.
Funzioni principali
- Anteprima in tempo reale dei tipi di card Summary e Summary Large Image
- Contatori di caratteri in tempo reale e barre colorate basate sulle indicazioni dell'editor per titolo (70) e descrizione (200)
- Campo per l'URL dell'immagine con indicazioni sulle dimensioni consigliate per ogni tipo di card
- Campo @handle del sito per un'attribuzione corretta su Twitter
- Meta tag HTML generati automaticamente, pronti da incollare nella sezione <head> della pagina
- Copia con un clic di tutti i meta tag generati negli appunti
- Guida al confronto dei tipi di card che mostra quando usare ciascun formato
- Anteprima basata sul layout delle card di Twitter/X (un'approssimazione, non una resa identica al pixel)
- Supporto completo della modalità scura con layout adattivo
- Nessuna registrazione richiesta, completamente gratuito e senza limiti
Come usare lo strumento di anteprima Twitter Card
- Selezioni un tipo di card: Scelga tra Summary (immagine piccola) e Summary Large Image, a seconda del contenuto e degli obiettivi visivi.
- Inserisca il titolo: Scriva un titolo efficace, sotto i 70 caratteri, che catturi l'attenzione nel feed di Twitter.
- Aggiunga una descrizione: Rediga una descrizione concisa, sotto i 200 caratteri, che inviti gli utenti a fare clic.
- Indichi l'URL dell'immagine: Incolli l'URL completo dell'immagine della card (consigliato 1200x628 per le card con immagine grande, 144x144 per le summary).
- Controlli l'anteprima in tempo reale: Consulti il pannello di anteprima per vedere un'approssimazione di come la card apparirà su Twitter/X.
- Copi i meta tag: Faccia clic su «Copia tutti i tag» per copiare i meta tag HTML generati, poi li incolli nella sezione <head> della pagina.
Casi d'uso
- Social media manager: Visualizzi l'anteprima e ottimizzi le card dei link prima di condividere i contenuti, per massimizzare il coinvolgimento e la percentuale di clic.
- Sviluppatori web: Generino i meta tag Twitter Card corretti durante lo sviluppo del sito e verifichino la resa prima del lancio.
- Content marketer: Provino titoli, descrizioni e immagini diversi per trovare la combinazione più efficace per i link condivisi.
- Professionisti SEO: Si assicurino che i meta tag social siano implementati correttamente nell'ambito degli audit SEO tecnici.
- Team e-commerce: Visualizzino l'anteprima delle pagine prodotto condivise su Twitter/X per ottimizzare le conversioni.
- Autori di blog: Verifichino che le anteprime degli articoli mostrino l'immagine in evidenza, il titolo e l'estratto corretti prima della pubblicazione.
- PR e comunicazione: Verifichino le anteprime dei link di comunicati stampa e annunci prima di distribuirli ai media.
Domande frequenti
Questo strumento è gratuito?
Sì, lo strumento di anteprima Twitter Card è completamente gratuito, senza registrazione né limiti di utilizzo.
I miei dati sono al sicuro?
L'anteprima e la generazione dei tag avvengono nel browser. I Suoi titoli e le Sue descrizioni non vengono inviati ai nostri server. Il caricamento di un URL di immagine genera una richiesta dal Suo browser all'host dell'immagine.
Quali sono le dimensioni consigliate per le immagini?
Usi un'immagine quadrata per una card piccola e un'immagine larga per una card grande. L'editor propone dimensioni di esempio di 144×144 e 1200×628 pixel; queste non verificano i requisiti attuali della piattaforma per formato file, dimensioni o recupero. Controlli l'immagine nell'anteprima di condivisione pubblicata.
Servono sia le Twitter Card sia i tag Open Graph?
I metadati Open Graph e quelli specifici di Twitter descrivono le anteprime social. Implementi i tag richiesti dalle piattaforme a cui si rivolge e controlli il risultato pubblicato; questo editor non conferma il comportamento di fallback né garantisce il controllo completo della visualizzazione.
Perché la mia card non si aggiorna dopo aver modificato i meta tag?
Una piattaforma può conservare metadati o immagini già recuperati. Verifichi che le pagine pubblicate e gli URL delle immagini contengano le Sue modifiche, poi controlli l'anteprima di condivisione effettiva. Questo editor non ispeziona né svuota la cache di X e non può promettere un intervallo di aggiornamento né una soluzione con query string.
Questa anteprima corrisponde esattamente alla resa effettiva di Twitter?
Questa è un'anteprima illustrativa. Il layout del client, il ritaglio, i dati in cache e il recupero delle immagini possono produrre un risultato sensibilmente diverso; controlli l'anteprima di condivisione effettiva della pagina pubblicata.
Consigli e buone pratiche
- Tenga i titoli sotto i 70 caratteri: I titoli più lunghi vengono troncati nell'anteprima della card, perdendo il messaggio principale.
- Scriva descrizioni orientate all'azione: Usi un linguaggio coinvolgente che inviti al clic e resti sotto i 200 caratteri.
- Usi immagini di alta qualità: Immagini sfocate o a bassa risoluzione riducono la fiducia e il coinvolgimento. Usi sempre le dimensioni consigliate.
- Includa l'@handle del sito: Garantisce un'attribuzione corretta e può aumentare la visibilità del Suo account quando i link vengono condivisi.
- Provi prima di pubblicare: Visualizzi l'anteprima della card con questo strumento, poi incolli l'URL nell'editor dei post di X per confermare la card reale prima di pubblicare.
- Implementi sia i tag OG sia quelli Twitter: Usi i tag Open Graph come base e i tag Twitter Card per la personalizzazione specifica della piattaforma.