I metatag di Facebook da usare in Blogger per condividere titolo, descrizione e immagine.

I cosiddetti dati strutturati sono da anni un vero rompicapo per tutti gli webmaster e in special modo per chi utilizza la piattaforma Blogger.  Visto che le pagine web sono analizzate dai motori di ricerca tramite i crawler, i dati strutturati servono per rilevare in modo omogeneo e corretto i principali elementi di una pagina web per mostrare nei risultati di ricerca e nelle condivisioni quello che viene chiamato rich snippet ovvero le informazioni su Titolo, Descrizione, Immagine, Autore, ecc.

Per questa ragione qualche anno fa è nato sotto impulso di Google, Yahoo e Bing il progetto Schema.org per creare uno standard valido per tutte le pagine web, per tutti i motori di ricerca e per tutti i social network. Questo progetto prevede che vengano inseriti dei markup all'interno del codice della pagina per consentire ai crawler di ottenere le informazioni in modo semplice e immediato.

Come installare i social plugin di Facebook in un widget di Blogger.

I social plugin di Facebook sono stati introdotti da diversi anni e pur rimanendo sostanzialmente identici nella forma è mutata di molto la metodologia per la loro installazione. I primi tempi bastava copiare un semplice codice per poi incollarlo in un gadget o nel modello mentre adesso bisogna necessariamente passare attraverso la creazione di una applicazione.

Sembra che Facebook dia la possibilità di creare applicazioni solo agli utenti riconosciuti cha abbiano cioè verificato il loro account mediante un codice inviato per SMS al loro recapito telefonico. Inoltre dovranno essere inseriti dei metatag nel codice sorgente del sito web. In questo modo Facebook conoscerà chi utilizza i suoi bottoni e avrà la sicurezza che tali persone siano anche gli amministratori dei siti in cui vengono inseriti i suoi social plugin.

I plugin di cui è possibile l'installazione sono il Like Button (Mi Piace), il Send Button (Invia), il Follow Button (Segui che precedentemente si chiamava Subscribe Button), il modulo dei commenti, Share Dialog, Activity Feed (Attività Recenti), Recommendations Bar, Recommendations  Box, Like Box (Fan Box della pagina fan), Login Button, Registration e Facepile.

Come aggiungere automaticamente miniatura e descrizione ai tweet di post di blog su Blogger con Twitter Cards.

Quando si condivide una pagina del nostro blog su Facebook o su Google+ viene mostrato un link comprensivo oltre che del titolo anche della descrizione e della miniatura della prima immagine. Per attivare questa procedura su Facebook occorre inserire dei metatag mentre per la corretta condivisione su Google Plus bisogna andare su Impostazioni > Preferenze di Ricerca e attivare questa opzione per tutti gli articoli. Anche Twitter si è uniformato a questo sistema di markup con un meccanismo che è stato denominato Twitter Cards. La procedura è suddivisa in tre passaggi. Si deve scegliere il tipo di card che vogliamo implementare nei nostri tweet, aggiungere i metatag al modello e inserire l'URL del nostro sito nel Validator Tool per la sua approvazione.

La Card disponibili sono Summary Card, Large Image Summary Card, Photo Card, Gallery Card, App Card, Player Card e Product Card. Per esempio nel caso della Summary Card, dopo aver completato tutta la procedura, alla fine dei tweet di condivisione di pagine del vostro sito, verrà inserito il pulsante View Summary che, se cliccato, mostrerà il tweet in modo molto più ricco e esauriente

Il metatag description su Blogger per una ottimizzazione SEO.

La piattaforma Blogger è di proprietà di Google che ha una posizione quasi monopolistica nel campo delle ricerche sul web. L'ottimizzazione del sito per i motori di ricerca (SEO) è una disciplina scientifica piuttosto discussa. C'è chi la esalta e chi invece la ritiene pressoché inutile, basata più su impressioni che su fatti documentati, in quanto non sono noti gli algoritmi che usano i vari motori per posizionare i risultati, quelli di Google in primis.

Ci sono però delle metodologie che è lo stesso Google a invitarci a seguire nella sua Guida SEO all'ottimizzazione di un sito web che può essere scaricata in PDF in lingua italiana. Il buon senso vorrebbe che fosse lo stesso Team di Blogger a ottimizzare i blog su tale piattaforma almeno per quello che riguarda le cose di loro competenza, vale a dire la struttura del modello che dovrebbe essere validata automaticamente dal W3C e contenere tutte le informazioni in chiave SEO.

Nell'articolo appena citato avevo estrapolato 20 punti su cui intervenire per rendere il nostro sito più friendly rispetto ai motori di ricerca. In questo post voglio occuparmi più specificatamente del punto numero 2) vale a dire dell'inserimento della descrizione del blog e dell'articolo. In una dichiarazione di qualche mese fa, l'ingegnere a capo del Team Antispam di Google ha affermato che Google non considera più questi dati da anni. Però tali descrizioni possono avere un certo impatto sul navigatore visto che molti click sui risultati non dipendono solo dal titolo del post ma anche dalla breve descrizione che lo accompagna.

Come inserire la descrizione del blog nel modello e come acquisire i link correttamente su Facebook.

Sembra che le due tematiche del titolo siano molto distanti tra di loro ma in realtà rispondono alla stessa logica e dipendono dalle stesse righe di codice. In passato ho scritto almeno due post sull'argomento:

1) Come inserire la descrizione del blog -
2) Come aggiungere le metatag descrizione e parole chiave -

Alla luce delle nuove informazioni che ci arrivano da quel di Google tramite Matt Cutts, sembra che le metatag non abbiano nessuna rilevanza da anni nella determinazione del posizionamento, di un blog in generale, e di un post in particolare. E' quindi del tutto inutile inserirle nel modello. Non è così per la descrizione del blog. Se adesso voi cercate questo sito su Google visualizzerete la descrizione che ho inserito nel modello

Questa è una informazione che il navigatore vede quando fa delle ricerche e dà un'idea di cosa tratta il sito. E' quindi importante inserirla più per questioni di navigabilità che per scalare la SERP. Si vedono anche i Sitelink generati dallo stesso Google che non sempre sono in linea con gli argomenti trattati.

I metatag sono da anni irrilevanti per il posizionamento su Google.

Qualche volta capita di scrivere una cosa che poi si scopre non essere assolutamente vera. Si potrebbe far finta di nulla e tirare avanti oppure ammettere lo sbaglio, fatto in buona fede, e pubblicare informazioni più corrette sull'argomento. Ho scelto la seconda via .

In passato ho pubblicato ben due post su come inserire i metatag nel modello in un blog su Blogger

1. Come inserire descrizione e parole chiave nel modello del blog -
2. Come aggiungere metatag descrizione, autore, keyword e robot -

Adesso vengo a sapere dallo stesso Google che sono anni che questo motore di ricerca non considera neppure queste metatag per determinare il posizionamento del blog o dei singoli articoli, affidandosi unicamente alle keyword automaticamente generate dagli spider.

Nel Google Webmaster Central Blog, Matt Cutts che è il dirigente del Search Quality Team, ha pubblicato un articolo fatto di domande e risposte che riassumo brevemente

1. Google vende un prodotto che si chiama Google Search Appliance in cui vengono usati molti meta tag ma si tratta di un prodotto per la ricerca aziendale ed è completamente separato da Google.com. Il motore di ricerca trascura completamente i meta tag e quindi non hanno nessun effetto sui risultati delle ricerche.
2. "Una decina di anni fa i motori di ricerca valutavano le pagine web basandosi esclusivamente sul loro contenuto e non tenevano conto dei link che puntavano ad un sito. In questo contesto, i meta tag keywords sono diventati per molti un'area da riempire di parole chiave non contestuali al sito che non venivano mai visualizzate dagli utenti abituali. Poiché i meta tag keywords venivano spesso usati con queste finalità, Google ha iniziato ad ignorarli.
3. Google non ignora del tutto i metatag. In  questa pagina ci sono tutti quelli supportati. Il meta tag "description" viene aggiunto ai risultati dei motori di ricerca per illustrare il contenuto del sito

     

Ecco un esempio di questo blog trovato con Google in cui è presente la descrizione inserita nel modello attraverso la meta tag description.

Matt Cutts termina dicendo che non è detto che Google ignorerà i meta tag per sempre ma che allo stato attuale è improbabile che muti questa decisione.

Come aggiungere le metatag descrizione, parole chiave, autore e robots in Blogger.

Ho già scritto un articolo su come aggiungere la descrizione e le parole chiave nel modello di blogger per favorire l’indicizzazione dai motori di ricerca.  Si possono aggiungere anche altri dati, credo inoltre che inserire questi metatag solo in homepage per evitare duplicazioni con i titoli e le etichette dei singoli post sia diventato superfluo visto che Google sa da solo come indicizzare ciascuna pagina.
Andiamo quindi in Layout > Modifica HTML e cerchiamo la seguente riga di codice cliccando su F3 o su Ctrl+F
immediatamente sotto questa linea incolliamo il seguente codice


<meta content='DESCRIZIONE DEL BLOG' name='description'/>
<meta content='PAROLE CHIAVE SEPARATE DA VIRGOLE' name='keywords'/>
<meta content='IL TUO NOME O NICKNAME' name='author'/>
<meta content='ALL' name='ROBOTS'/>
<meta content='blogger' name='generator'/>


ALL vuole significare di lasciare libero accesso sul blog a tutti i motori di ricerca. Le altre frasi in rosso vanno sostituite con delle descrizioni del blog e delle parole chiave che noi riteniamo particolarmente pertinenti. Un’altra cosa spesso sottovalutata è il nostro nome o nick. Se si va su Google Analytics e si vede quante persone ci hanno raggiunto facendo una ricerca con il nostro nome rimarremmo stupiti dal loro numero particolarmente elevato, può essere quindi utile inserirlo nel modello per una più efficace indicizzazione delle pagine. Non pensate di aggiungere tag come porno, hard o cose simili perché già ci hanno provato prima di voi e tale pratica è stata neutralizzata tanto che potrebbe risultare deleteria.
Un esempio di inserimento di codice potrebbe essere quello mostrato in questo screenshot


in cui il codice aggiunto è stato evidenziato di azzurro. Salvate il modello e il gioco è fatto.
Se volete mostrare questi dati solo in Homepage come consigliavo nell’articolo precedente basta inserirli tra queste due righe di codice



 <b:if cond='data:blog.pageType == "index"’>  e </b:if> In questo caso il codice da inserire è il seguente

 <b:if cond='data:blog.pageType == "index"'>
<meta content='DESCRIZIONE DEL BLOG' name='description'/>
<meta content='PAROLE CHIAVE SEPARATE DA VIRGOLE' name='keywords'/>
<meta content='IL TUO NOME O NICKNAME' name='author'/>
<meta content='ALL' name='ROBOTS'/>
<meta content='blogger' name='generator'/>
</b:if>