Generatore di Twitter Card
Un tag o l’intero blocco
Questo generatore di Twitter Card scrive un tag o l’intero blocco, trasformando un link pubblicato in una scheda con immagine. Può scrivere il minimo, visto che Twitter legge già i tuoi tag Open Graph, oppure la coppia completa per una pagina che non ha né l’uno né l’altro.
- GratisPrezzo
- 4Tipi di scheda
- NessunaRegistrazione
- NessunaCaricamenti
Generatore di Twitter Card
I tag twitter:, e solo quelli che ti servono
Pronto. Scegli un tipo di scheda e inserisci il titolo.
Cos’è una scheda e quali tag la costruiscono
Pubblica un link e la timeline mostra una scheda: un’immagine, un titolo, una riga di descrizione e il tuo dominio. Poiché le schede occupano molto più spazio di un link nudo, ottengono anche molta più attenzione.
I tag dietro sembrano normali meta tag con il prefisso twitter:. Solo uno non ha equivalenti altrove, mentre il resto duplica semplicemente Open Graph.
Quello è twitter:card. Dice quale forma vuoi, e senza di esso la piattaforma ripiega sulla sua opzione più piccola.
Il resto dei campi si può lasciare in bianco. Quindi il consiglio onesto è questo: scrivi i tag Open Graph una volta, poi aggiungi una sola riga twitter: accanto.
I quattro formati di card su X
Summary con immagine grande è quella che tutti intendono. Mostra un’immagine larga sopra il titolo e, inoltre, occupa più spazio nel feed.
La summary semplice mette una piccola miniatura quadrata accanto al testo. Per questo si adatta a una pagina la cui immagine è un logo e non una foto.
Le schede app e player sono più ristrette in ogni senso. App promuove una scheda dello store, mentre player incorpora video o audio, che la piattaforma approva a mano.
Name, non property
I tag Twitter Card usano l’attributo name. Open Graph invece usa property, perché nasce da RDFa. Se copi un tag dall’esempio sbagliato, la piattaforma lo ignora.
Il riferimento dell’elemento meta spiega perché esistono entrambe le forme. Questo generatore scrive ogni famiglia con il suo attributo, così la differenza resta invisibile.
Il ruolo degli account @site e @creator
twitter:site indica l’account proprietario della pagina, e twitter:creator indica l’autore. Nessuno dei due cambia molto la scheda. Tuttavia entrambi contano nelle statistiche, dove attribuiscono il link a un account.
Immagini che sopravvivono al ritaglio
Una scheda con immagine grande vuole circa 2 a 1, e 1200 per 628 funziona ovunque. Inoltre deve pesare meno di 5 MB ed essere servita in https.
Le schede summary, invece, ritagliano in quadrato. Tutto ciò che è importante vicino al bordo sinistro o destro sparisce, quindi tieni il soggetto centrato.
Il testo dentro un’immagine si rimpicciolisce con la scheda. Perciò le parole vanno nel titolo, dove restano leggibili su un telefono.
Perché una scheda batte un link nudo
Un link nudo è una riga di testo blu. Invece una scheda occupa più volte quello spazio e porta un’immagine, quindi vince lo sguardo.
Inoltre risponde alla prima domanda del lettore. Cos’è e chi l’ha pubblicato compaiono prima che qualcuno clicchi.
Questo conta soprattutto su una piattaforma dove i post scorrono in pochi secondi. Infatti la scheda è la pubblicità, e il post è la didascalia.
Eppure nulla di questo aiuta se i tag sono sbagliati. Una scheda rotta occupa quanto un link nudo e, per di più, sembra trascurata.
Perché una scheda batte un link nudo
Un link nudo è una riga di testo blu. Invece una scheda occupa più volte quello spazio e porta un’immagine, quindi vince lo sguardo.
Inoltre risponde alla prima domanda del lettore. Cos’è e chi l’ha pubblicato compaiono prima che qualcuno clicchi.
Questo conta soprattutto su una piattaforma dove i post scorrono in pochi secondi. Infatti la scheda è la pubblicità, e il post è la didascalia.
Eppure nulla di questo aiuta se i tag sono sbagliati. Una scheda rotta occupa quanto un link nudo e, per di più, sembra trascurata.
Le schede vanno in cache
La piattaforma conserva ciò che ha letto, a volte per giorni. Così correggi un tag, pubblichi di nuovo, e la vecchia scheda può comparire ancora. Passare l’indirizzo nel validatore la svuota.
Come usare il generatore di Twitter Card
Quattro passaggi, e il secondo decide quanto codice ottieni alla fine.
- 1
Indica il formato di card che vuoi
Immagine grande per tutto ciò che ha una foto. Summary quando la tua unica immagine è un logo, poiché un logo stirato sembra peggio di uno piccolo.
- 2
Decidi quanto scrivere
Lascia spuntata Solo i tag che differiscono quando la pagina ha già i tag og:. Toglila per una pagina che non ne ha.
- 3
Inserisci titolo, immagine e handle
I titoli fino a 70 caratteri sopravvivono. Inoltre l’anteprima mostra la forma del ritaglio, così controlli l’immagine prima che vada online.
- 4
Incolla, poi valida
Metti il blocco nell’head e passa l’indirizzo nel validatore di schede. Altrimenti una scheda in cache resta lì per giorni.
Cosa distingue questo generatore di schede
La maggior parte degli strumenti scrive otto tag twitter:, che ti servano o no. Invece questo chiede prima, poi spiega la risposta.
Una modalità minima predefinita
Poiché la piattaforma legge i tag og:, di solito basta una riga. Perciò spuntare la casella scrive quella riga e nient’altro.
Entrambe le famiglie, scritte bene
I tag twitter: usano name, mentre i tag og: usano property. Di conseguenza questo strumento scrive ogni famiglia con l’attributo che le serve.
Un’anteprima con il ritaglio giusto
Le schede con immagine grande sono larghe e le summary sono quadrate. Per questo l’anteprima cambia con il tipo, e la forma non è mai una sorpresa.
Handle ripuliti mentre scrivi
Una chiocciola iniziale, niente spazi, quindici caratteri. Anche incollando un indirizzo di profilo completo ottieni un handle valido.
Campi player quando servono
Scegli una scheda player e compaiono i campi di incorporamento, con una nota che la piattaforma li approva a mano prima che funzionino.
Nulla viene inviato fuori dalla scheda del tuo browser
I testi delle campagne e gli indirizzi non pubblicati restano qui. Quindi la pagina non scarica nulla, non salva nulla e non registra nulla.
Regole per schede che ottengono clic
Una scheda compete con tutto il resto del feed. Queste abitudini la fanno vincere.
- Scrivi prima i tag og:. Servono anche tutti gli altri social, e la piattaforma ripiega su di essi. Un blocco invece di due è meno da tenere allineato.
- Adatta il tipo di scheda all’immagine. Una foto chiede la scheda con immagine grande. Un logo chiede la summary, perché un logo stirato nel feed sembra scadente.
- Resta entro i 70 caratteri per il titolo. Oltre quel limite la scheda taglia, e il taglio cade dove finisce la larghezza, non su una parola scelta da te.
- Centra il soggetto dell’immagine. I ritagli si prendono i bordi. Un volto o un prodotto sul bordo sinistro sopravvive su desktop e sparisce sul telefono.
- Compila l’alt dell’immagine. Una riga, e uno screen reader ha qualcosa da annunciare al posto dell’immagine. Pochissimi ci fanno caso.
- Usa https per tutto. La piattaforma scarta le immagini in http semplice. Scarta anche tutto ciò che sta dietro un login, una password di staging o una regola anti-hotlink.
- Valida dopo ogni modifica. La cache è il motivo per cui la tua scheda sembra sbagliata. Passa l’indirizzo nel validatore invece di pubblicare un link di prova.
- Tieni una sola immagine per pagina. Un secondo tag immagine costringe la piattaforma a scegliere, e raramente sceglie quella voluta. Un solo tag elimina la questione.
- Controlla come si legge senza immagine. Alcuni client tolgono del tutto le immagini. Titolo e dominio devono reggere il link da soli.
Sei errori della scheda che sprecano un post
Ognuno ti lascia una pagina funzionante e un link che appare come semplice testo grigio.
Usare property invece di name
Il tag diventa un og: che nessuno riconosce. HTML valido, ignorato del tutto, e difficile da notare a occhio.
Una scheda con immagine grande senza immagine
La piattaforma ripiega su una scheda piccola, quindi il post occupa un terzo dello spazio previsto.
Scrivere ogni tag twitter: due volte
Duplicare i tag og: in forma twitter: raddoppia il blocco senza alcun guadagno. Il ripiego copre già tutti e quattro.
Un’immagine troppo piccola
Sotto circa 300 pixel di larghezza, la scheda perde l’immagine. Punta a 1200 per 628 e non ci penserai più.
Tag aggiunti dopo il caricamento
Il crawler legge l’HTML servito e non esegue script. Quindi i tag inseriti da JavaScript restano per lui invisibili.
Un handle con l’URL completo
twitter:site vuole una chiocciola e un nome. Un indirizzo di profilo lì sparisce in silenzio, e l’attribuzione con esso.
Domande frequenti sulle schede
Mi servono davvero i tag Twitter Card?
Te ne serve uno: twitter:card. Inoltre la piattaforma legge og:title, og:description, og:image e og:url quando mancano le versioni twitter:, quindi il resto sono duplicati.
Che misure d’immagine danno il risultato migliore?
Usa 1200 per 628 per una scheda con immagine grande, cioè quasi 2 a 1. Tuttavia le schede summary ritagliano in quadrato, quindi tieni il soggetto al centro.
Perché la mia scheda appare come testo semplice?
Di solito per un tag twitter:card mancante, un’immagine che il crawler non raggiunge o tag aggiunti da JavaScript dopo il caricamento. Perciò controlla prima questi tre punti.
Come ottengo un’anteprima della scheda su X?
Usa il validatore di schede della piattaforma sull’indirizzo online. L’anteprima qui mostra la forma e le lunghezze di taglio, mentre il validatore mostra il risultato in cache.
La scheda influisce sulla SEO?
Non direttamente, poiché questi tag vivono fuori dalla ricerca. Invece influiscono sui clic dei link condivisi, che è un numero diverso e spesso più grande.
In cosa differiscono site e creator?
L’handle site indica l’account che pubblica la pagina. L’handle creator indica invece la persona che l’ha scritta. Entrambi compaiono nelle statistiche e non sulla scheda.
Posso usare una scheda player per il mio video?
Solo dopo l’approvazione. Infatti la piattaforma controlla le schede player a mano, e finché non approva la tua il link ripiega su una summary.
Dove vanno questi tag?
Nell’elemento head della pagina che condividi, accanto agli altri meta tag. Inoltre tenere insieme le due famiglie rende più facile un controllo successivo.
Le schede funzionano in altre app?
I tag og: sì, ed è per questo che questa pagina li scrive. Slack, WhatsApp, LinkedIn e Discord leggono tutti le stesse quattro proprietà.
Le schede funzionano in altre app?
I tag og: sì, ed è per questo che questa pagina li scrive. Slack, WhatsApp, LinkedIn e Discord leggono tutti le stesse quattro proprietà.
Questa pagina invia il mio testo da qualche parte?
No. Il browser scrive ogni tag, e la pagina non scarica alcun indirizzo. Di conseguenza il sito non salva nulla e non registra nulla.
Strumenti per i link social
Le schede sono tag più un’immagine. Questi tre coprono entrambe le parti e l’head intorno.
Generatore Open Graph
Le quattro proprietà che legge ogni social.
Apri lo strumento →I tuoi JPG trasformati in WebP
Alleggerisci un’immagine della scheda senza perdere dettagli.
Apri lo strumento →Generatore di meta tag
Titolo, descrizione e canonical per la stessa pagina.
Apri lo strumento →
Pronto a scrivere la tua scheda?
Scegli un tipo, inserisci un titolo e copia il blocco. Il generatore di Twitter Card è gratis, non chiede account e tiene ogni parola sul tuo dispositivo.