16 febbraio 2019

L'utilità della Twitter Card sul nostro blog

Conoscete la Twitter Card e la sua utilità per il nostro blog?

Se la risposta è sì, sicuramente già l'avrete inserita nel vostro sito. Se così non fosse potete leggere la mia guida su come fare.

Prima di tutto voglio dire che non si tratta di un widget da mettere sul sito e neppure di un pulsante o altro.
In realtà la Twitter Card è un'altra cosa perché non serve a mandare i visitatori sul vostro profilo Twitter, ma al contrario serve a far visitare il vostro blog a chi legge un vostro tweet.

L'utilità della Twitter Card sul nostro blog


Cos'è la Twitter Card


La Twitter Card permette di far visualizzare correttamente tutte le informazioni presenti nei post che condividete su Twitter.
Quindi verranno mostrati:
  • titolo
  • descrizione
  • immagine

Senza la validazione della Twitter Card un post apparirà così:

come appare tweet senza twitter card


Dopo aver inserito la Twitter Card sul vostro blog, invece, sarà così:

come appare tweet con la twitter card


Potete ben capire come questo possa spingere molte più persone a cliccare sul link e leggere il post, che è uno degli scopi della condivisione su Twitter.
Se, invece, volete inserire il collegamento al vostro profilo Twitter sul blog potete leggere come fare.

I vantaggi della Twitter Card


Molti sono i vantaggi di avere la Twitter Card sul proprio sito e vanno oltre la questione estetica, perché mostrare l'anteprima del post è sempre gradevole da vedere. Ecco le principali ragioni:
  • il tweet è più gradevole da leggere
  • fornisce maggiori informazioni sul post
  • fa sembrare il sito professionale
  • il sito viene percepito come sicuro, visto che necessita di validazione

Come inserire la Twitter Card


La Twitter Card si può inserire sul blog andando sulla pagina dedicata su Twitter e copiando il codice html di nostro interesse che andrà inserito sul nostro blog, nel tema prima di </head>.
Prima di fare questo ricordarsi di salvare il tema, nel caso di possibili errori.

Esistono tante tipologie di Twitter Card ma per un blog le più interessanti sono:
  • Summary Card (summary)
  • Summary Card with Large Image (summary_large_image)

Per altre tipologie di siti si possono scegliere quelle specifiche per mostrare gallery di immagini, video e prodotti in vendita.

Ecco il codice della Twitter Card:

<!-- Twitter Card inizio -->
<meta content='summary' name='twitter:card'/>
<meta content='@ACCOUNT TWITTER' name='twitter:site'/>
<meta content='@ACCOUNT TWITTER' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<b:else/>
<meta content='URL DEL LOGO' name='twitter:image'/>
</b:if>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<!-- Twitter Card fine -->

Il codice va inserito sul blog sostituendo il testo che ho messo in maiuscolo con il proprio profilo Twitter (account twitter) e il logo del blog (url del logo) quando verrà condivisa solo l'homepage del vostro blog. Il logo deve essere in formato png e può essere preso dallo stesso Twitter oppure dal nostro account Google, una volta caricato su drive o sulle foto, naturalmente deve essere reso pubblico.

In una specifica pagina vengono illustrati tutti i modi per inserire la Twitter Card sul nostro sito, a seconda della piattaforma nella quale è ospitato.

Io mi soffermo a spiegare come fare su Blogger, quella che utilizzo e conosco meglio, ma leggo che su Wordpress è molto facile utilizzando un plugin.

Per inserirla su Blogger è necessaria la validazione del sito su Twitter. Si mette perciò il codice html che ho scritto sopra e poi scrivendo in questa pagina l'url del blog, o di una qualsiasi pagina, vedremo l'anteprima del tweet ed eventuali errori.

Ora tutti i post condivisi su Twitter appariranno come abbiamo impostato la Twitter Card sul nostro blog.

Nessun commento:

Posta un commento

Prima di commentare ti invito a leggere la Privacy Policy del blog per l'accettazione.