Si sa, Twitter deve la sua popolarità al limite di 140 caratteri con cui ci obbliga a sintetizzare in poche parole i nostri messaggi. Esistono però delle possibilità che permettono di estendere la formattazione standard dei tweets, in particolare quando si condivide un link: sono le Twitter Cards. In questo articolo scopriremo i diversi tipi di Twitter Cards disponibili, come impostarle e come personalizzarle ulteriormente.
Cos’è una Twitter Card?
Una Twitter Card è una speciale formattazione che permette di aggiungere più testo e immagini ai nostri tweets, fornendo più opzioni rispetto ad un tweet standard. Funziona in modo simile a come Facebook renderizza le informazioni di default di un post quando si incolla il suo URL nel campo del messaggio: viene generata un’immagine, un titolo ed un breve testo.
Come funziona
Se analizziamo un tweet con le Cards abilitate, noteremo la presenza dell’opzione di visualizzazione “Riepilogo” in basso a destra o a sinistra (a seconda del tipo di timeline che si sta visualizzando):
Uno dei vantaggi offerti dalle Twitter Cards è la quantità di contenuto che si può aggiungere: 70 caratteri aggiuntivi per il titolo, 200 caratteri aggiuntivi per la descrizione e, opzionalmente, anche un’immagine. Cliccando sulla voce “Riepilogo” infatti, noteremo comparire sotto il tweet il contenuto aggiuntivo:
Se correttamente impostate in WordPress, sotto il titolo compariranno inoltre le informazioni relative all’autore del post e al suo account Twitter.
I bloggers possono beneficiare di tre tipi di Twitter Cards: la Scheda Riepilogo, la Scheda Riepilogo con Immagine Grande e la Scheda Foto:
- La Scheda Riepilogo è probabilmente l’impostazione più diffusa. Mostra una piccola immagine posizionata a destra e il contenuto testuale a sinistra.
- La scheda Riepilogo con Immagine Grande è la scelta migliore se disponiamo di grandi (e belle) immagini sul nostro blog. In questo caso l’immagine viene visualizzata a tutta larghezza sopra il contenuto.
- La Scheda Foto è essenzialmente la stessa della scheda Riepilogo con Immagine Grande, ma con il solo titolo e senza riassunto.
Impostare un blog WordPress per sfruttare le Twitter Cards
Prima di tutto, è necessario installare il plugin WordPress SEO by Yoast. Chi già utilizza Yoast troverà la procedura davvero semplice:
- clicchiamo su SEO (Yoast) mel menù principale di WordPress e selezioniamo la voce “Social”;
- clicchiamo sulla tab “Twitter”;
noteremo l’opzione che dice “Aggiungere i metadati per la scheda di Twitter”: è necessario spuntare questa voce, inserire il nostro nome utente su Twitter e selezionare il tipo di card di default da utilizzare:
Attualmente Yoast supporta solo due tipi di schede, la Scheda Riepilogo e la Riepilogo con Immagine Grande. Una volta convalidata, Yoast applicherà questa configurazione ad ogni post del nostro blog. A questo punto salviamo le modifiche e poi svuotiamo la cache del sito.
Convalidare il sito con Twitter
Il passo successivo è quello di convalidare il nostro blog con Twitter. Yoast fornisce un collegamento diretto al validatore; una volta effettuato l’accesso, ci verrà chiesto che tipo di Twitter Card si desidera convalidare. È necessario quindi selezionare esattamente la Card che abbiamo impostato in Yoast:
Clicchiamo quindi sulla scheda “Validate & Apply” ed inseriamo l’URL di un post del nostro blog (non inserire mail l’URL della home page in quanto YOAST non aggiunge codice in questa pagina). Twitter verificherà se abbiamo correttamente impostato il codice e avvierà il processo di approvazione (ci arriverà una mail di conferma in tempi rapidissimi):
Una volta ricevuta l’approvazione da Twitter, possiamo fare dei test diretti: scegliamo un qualunque link e creiamo un normale tweet. All’interno della timeline di Twitter dovremmo ora veder comparire l’opzione Riepilogo.
Consiglio finale e buona pratica di carattere generale: per rendere davvero perfetta la visualizzazione dei nostri tweet prestiamo attenzione a che il titolo del post non superi i 70 caratteri e utilizziamo sempre il campo “Riassunto” di WordPress per spiegare sinteticamente il contenuto del nostro articolo (diversamente verranno considerati i primi 200 caratteri del testo originale):
(articolo liberamente tradotto da: Twitter Cards for Blogs: How to Set Them Up)
Ciao ho seguito la procedura ma non ho visto comparire nessun campo riassunto dove dovrebbe comparire?? non comprendo a cosa ti riferisci in merito alla timeline? Yost mi fa vedere 3 campi Twitter Titolo, Twitter Descrizione e Twitter Immagine, il campo riassunto non lo vedo proprio.
Grazie
Paolo
Ciao @disqus_XLpsEjHLmI:disqus e perdona innanzitutto il ritardo! In merito alla tua richiesta, il campo “Riassunto” è un campo standard di WordPress che appare sotto l’editor di testo. Se non lo vedi è probabile dipenda dalle “Impostazioni schermata”, le trovi in alto a destra immediatamente sotto il nome e l’icona del tuo account. Cliccando su “Impostazioni schermata” si espande il relativo campo: controlla tra le varie opzioni che la voce “Riassunto” sia stata abilitata, nel caso attivala e vedrai comparire il campo riassunto. Facci sapere!
Ciao Giovanni, risolto il problema del riassunto, ma in merito la twitter card non sono riuscito a risolvere l’arcano, da una parte provando il plugin JM Twitter Cards, seguendo il video di configurazione non ha mai funzionato, così come utilizzando WordPress SEO by Yoast che nonostante le mille prove e configurazioni non ha dato cenno di vita, anche testandolo su Facebook, così ho risolto usando il plugin di Fat Panda, ma in questo caso non ho le twitt card :( tu che mi consigli??
Grazie
Paolo
Paolo, hai impostato correttamente il tuo nome utente di Twitter nel plugin Yaost? Inoltre, hai provato ad eseguire un tuo URL direttamente nel validatore di Twitter?
Ciao Domenico,
si ho provato a fare entrambe le cose, provando non solo twitter, ma anche Facebook e google, il plugin Yoast SEO non ha mai funzionato, ho inserito correttamente i nomi account ma niente, ora posso capire che per twitter ci sia una procedura più articolata mediante la validazione… ma per Facebook e google?? in teoria secondo Yoast è sufficiente inserire gli account e dovrebbe andare… dovrebbe… :)
Paolo
Paolo ho provato a usare pure io questo plugin qualche ora fa, ma a me funziona
Ti dico precisamente cosa ho fatto su Twitter: ho twittato il mio articolo senza usare lo shortlink, sono andato nel mio profilo e ho visualizzato il mio articolo. Ne è risultato che, proprio sotto il twit, è comparsa una voce che dice “Mostra riepilogo”. Se ci clicchi, ti verrà mostrato l’anteprima del tuo articolo. Ecco, ti mostro una screenshot fatta due secondi fa :) https://uploads.disquscdn.com/images/19b6dce9851b221c52fa05d92309d7d9cb193ed29e8328637436408ec532af05.png
Ciao Domenico, con JetPack ottengo anch’io il medesimo risultato, ho provato però con Yost SEO e invece non ho ottenuto nessun risultato, neppure un semplice tweet, ho provato anche con Google + e Facebook ed idem con patate, però visto che è successo tempo fa, non è detto che Yost SEO oggi funzioni meglio, perciò riproverò a breve e poi ti saprò dire.. se funzionasse mi risparmierebbe di utilizzare JetPack dopo tutto… Grazie della risposta nei prossimi giorni poi ti dico.
Paolo
Di nulla! Spero funzioni pure a te allora :)
Quando hai finito ricorda di testare una tua pagina con twitter card attraverso il seguente tool di Tweet, dopo di che prova a pubblicare dopo un po’ lo stesso articolo nel tuo profilo
P.S. ho fatto alcuni test e se uso lo shortlink non mi compare alcuna “card”, quindi o c’è un problema con Google URL Shortener o magari c’è altro da configurare per far funzionare la card anche in quel modo. Ti farò sapere pure io ;) A presto Paolo!
Ciao io quando faccio il test di verifica mi da errore: ERROR: Required meta tag missing (twitter:description) che devo fare?
Non saprei… sicuro/a di aver spuntato la voce “Aggiungere i metadati per la scheda di Twitter” in Yoast e soprattutto di aver svuotato la cache prima di passare alla convalida su Twitter?
Ciao Paolo. Avrei una domanda. Su yoast seo – social – twitter, ho abilitato la twitter card e inserito “summary con immagini grandi”. Tuttavia, mentre usando il card validator e inserendo l’url della mia homepage https://www.cibarsidimarketing.it mi risulta la giusta preview (immagine grande e sotto titolo e descrizione del sito, se provo a digitare http://www.cibarsidimarketing.it in un tweet la preview che mi esce è diversa, ed è di tipo summary, e tra l’altro non visualizza nessuna immagine! Mi potresti aiutare a risolvere questo problema? grazie mille
Se per la SEO uso un altro plugin come facio ad attivare Yoast SOLO per le funzione di Twitter cards e OG di Facebook?