Blogger (Google) - Come inserire i Twitter Meta dentro i post di Blogger e condividere con immagini su Twitter

Scommetto che sei capitato in questa pagina perché stai provando a condividere un post su Twitter scritto sul tuo blog Blogger (di Google) e non riesci a visualizzare l'immagine ed un po' di testo.

Si, è un problema che ha lasciato di stucco anche me, visto che su Facebook funziona bene.

Esiste una soluzione (come del resto sembrava impossibile costruire una WebApp per Blogger), un po' macchinosa, ma abbastanza semplice da poterlo fare senza troppi problemi. 

In primo luogo, si deve lavorare, dopo aver scritto il testo in versione codice di blogger.

1 - Aprire Blogger e scrivere il post che intendiamo pubblicare (molto probabilmente scritto in Visualizzazione Scrittura)

2 - Pubblicare il post come al solito, con tutte le etichette e tutti i parametri che normalmente si usano

3 - Visualizzare in una finestra a parte il Blog ed in un'altra la parte amministrativa con tutti i post pubblicati

4 - Riaccediamo al post che abbiamo scritto e vediamo il lato codice, usando la Visualizzazione HTML

Ciò che andremo a vedere è il codice HTML (versione Blogger) del nostro Post

5 - A questo punto, dobbiamo copiare il seguente codice e riadattarlo al nostro post:

<!--Inizio Twitter Meta-->

<!--*******************-->

<meta content="summary_large_image" name="twitter:card"></meta>

<!--Twitter URL-->

<meta content="https://blog.dicecca.net/2022/02/test-post-per-opengraph-e-twitter-card.html" name="twitter:url"></meta>

<!--Twitter Account-->

<meta content="@giovannidicecca" name="twitter:site"></meta>

<!--Twitter Title-->

<meta content="Test Post per Opengraph e Twitter Card" name="twitter:title"></meta>

<!--Twitter Description-->

<meta content="Questo è un test&nbsp; per verificare se si possono usare i Twitter Card (o Twitter Meta) messi dentro il testo di blogger poi funzionano sia su Facebook che su Twitter in parallelo..." name="twitter:description"></meta>

<meta content="tempo di lettura" name="twitter:label2"></meta><meta content="1 minuto" name="twitter:data2"></meta>

<!--*****************-->

<!--Fine Twitter Meta-->

cambiano i meta:

<!--Twitter URL-->

<!--Twitter Account-->

<!--Twitter Description-->

rispettivamente con:

L'URL del post che abbiamo appena pubblicato (nel caso mio

https://blog.dicecca.net/2022/02/test-post-per-opengraph-e-twitter-card.html

L'Account Twitter nostro (nel mio caso @giovannidicecca) 

Una breve descrizione e/o l'incipit del nostro post su Blogger (non più di un paio di righe)

6 - Collochiamo questo ammasso di dati all'inizio del posto, alla prima riga, come segue

7 - Clicchiamo sul pulsante in alto a destra Aggiorna

A questo punto il nostro post è pronto sia per poter essere letta da Facebook (che legge altre meta info, chiamate Open Graph), sia da Twitter