Come attivare i Rich Pins di Pinterest su Blogger.

Come attivare i Rich Pins di Pinterest nel dominio del nostro sito su Piattaforma Blogger per visualizzare le immagini pinnate insieme alle informazioni su blog, autore, descrizione e titolo del post.

Personalmente non uso molto Pinterest e credo di aver pinnato delle immagini di questo blog solo come test. I siti che usano molto le foto come potrebbero essere quelli di moda, di make-up o anche di architettura possono avere con Pinterest un valido strumento per rendere virali delle immagini attraverso i Pin e i RePin dei lettori del blog e di quelli sullo stesso Pinterest. La condivisione delle immagini si riflette ovviamente in un aumento dei visitatori del blog. Dopo i Rich Snippet di Google con le informazioni sull'autore e le Twitter Cards per visualizzare i tweet in modo più analitico anche Pinterest ha deciso di offrire agli webmaster degli strumenti simili.

I Rich Pins di Pinterest servono per rendere più usabili i nostri articoli, i nostri prodotti o le nostre ricette. Il sistema si basa su dei metatag che debbono essere inseriti nelle pagine web del nostro sito. Si può usare il metodo oEmded o quello del Sematic Markup. Quest'ultimo è più semplice soprattutto se abbiamo già inserito nel modello i metatag di Schema.org e di Open Graph di Facebook.

Per i blog su Blogger dobbiamo applicare la documentazione di Pinterest ai tag di Blogger. Al momento non sono riuscito a usare dei metatag funzionanti con pagine diverse dai post d'altra parte lo stesso Pinterest sembra che supporti esclusivamente i post di Blogger per i Rich Pins. Dopo aver salvato il template si va su Modello > Modifica HTML > Vai al widget > Blog1

Si cerca la riga seguente
<b:includable id='post' var='post'>
e si clicca sulla freccetta nera alla sua sinistra per visualizzare tutto il codice che contiene

Subito sotto a tale riga si incolla il seguente codice

<!-- Metatag Pinterest Inizio -->
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<meta expr:content='data:post.title' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:post.author' property='article:author'/>
<meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
<meta content='Technology' property='article:section'/>
<b:loop values='data:post.labels' var='label'>
<meta expr:content='data:label.name' property='article:tag'/>
</b:loop>
</b:if>
<!-- Metatag Pinterest Fine -->

in questo modo

Technology rappresenta la sezione del sito e ovviamente può essere sostituito da un altro argomento. Si salva il modello. Adesso si apre il Pinterest Validator. Se incollate l'URL della Homepage del vostro blog visualizzereste un messaggio come questo

che vi invita a incollare l'indirizzo di un post. Sceglietene un articolo qualsiasi e cliccate su Validate. Visualizzerete l'Anteprima di come saranno le vostre immagini pinnate su Pinterest

Nella colonna di sinistra gli utenti di Pinterest potranno visualizzare il Nome del sito, la sua Favicon, il Titolo del post da cui è presa l'immagine, il Nome dell'Autore dell'articolo e la Descrizione inserita tramite Editor di Blogger dopo aver attivato le Preferenze di Ricerca. È evidente il vantaggio di avere tutte le immagini del sito che verranno pinnate con a fianco queste informazioni. Adesso bisogna andare su Apply now per due volte per abilitare il nostro dominio

Per il formato dei dati è opportuno lasciare HTML Tags come di default. Visualizzeremo il messaggio

con l'informazione che riceveremo una email dopo una revisione del nostro sito. Se la cosa dovesse andare a buon fine come sembra probabile pubblicherò un aggiornamento a questo articolo.