Passa ai contenuti principali

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






Commenti

Post più popolari

Mac OS X - Installare ed usare una stampante sul Print Server GetNet 3 Port 2 USB e 1 LPT

Abbiamo visto come installare il Print Server GetNet 3 in 1 sui più diffusi sistemi operativi Windows (vedi articoli correlati in fondo al post). La "scatoletta" ha anche un protocollo di comunicazione Apple Talk, quindi può essere collegata (fare da tramite) anche a stampanti che abbiano la gestione post script integrata (quasi tutte le stampanti salvo quelle del gruppo Ricoh che hanno bisogno di un apposito moduol installato) sul Mac. Print Server GetNet 1 Parallela e 2 USB Il metodo di installazione è molto simile a quello visto su Windows, con la differenza sostanziale che non è necessario scegliere tra moltissimi modelli, ma si gestisce in modo più semplice. Purtroppo sul Mac non è possibile (allo stato attuale) collegare print server di tipo TP-Link, ovvero replicatori di porta USB su Lan, in quanto non esiste un driver adatto. Detto questo, consideriamo la stampante che vogliamo collegare al Mac. Il caso che abbiamo usato nei precedenti post,

BlackBerry - Importare i dati da altri cellulari

English translated post Un amico mi porta un BlackBerry Pearl 8110 e mi chiede di trasferire i dati dal suo cellulare Nokia a questo telefono. Premesso che personalmente non ho mai reputato il BlackBerry un telefono "semplice", l'operazione si è reputata piuttosto complessa. Scartata l'idea di mandare i vcard via bluetooth (come si fa con quasi tutti i Nokia e Samsung), l'unica alternativa è quella di appoggiarsi a Microsoft Outlook !!! Come fare? 1 - Installare il Microsoft Outlook (XP o 2003) nel proprio PC 2 - Installare (nel caso specifico del Nokia) il programma Nokia PC Suite 3 - Sincronizzare solo la Rubrica (ovviamente dipende sempre se il cellulare Nokia è il Vostro o di un Vostro amico) del Nokia con l'Outlook, così che tutti i dati presenti nella Rubrica siano copiati nella sezione Contatti dell'Outlook 4 - Scaricare l'ultima versione del BlackBerry Desktop Manager (se il pacchetto è quello Vodafone, la versione sul CD non è mo

Joomla! - Mettere la testata in Stampa

Come è noto Joomla! è uno dei più usati CMS (Content Managment System) che consente di avere un ambiente (environment) sul quale costruire e sviluppare siti e portali. Uno dei problemi più noti è quello di poter inserire la testata nel file da stampare. Ad esempio se il mio sito si chiama dicecca.net - Blog ed ha un logo particolare che voglio pubblicare come testata, nella conformazione classica, non posso farlo. Come risolvere? Premesso che tutto il sistema è scritto in linguaggio PHP, il file che viene chiamato in causa è component.php che si trova nella cartella /[sito (1)] /templates/system Il file ( che è possibile scaricare qui in formato testo ), alla riga 40 inizia il Body del testo. Alla riga 41 inizia l'inclusione del testo dell'articolo che si è deciso di stampare, che a sua volta viene aperto in una finestra popup. Dando un taso invio, dalla riga 41 è possibile inserire il riferimento ad una immagine e/o un formattato HTML della testata del nos