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.

C'è inoltre da rimarcare che in Blogger se si va su Impostazioni > Di base > Descrizione si può inserire la descrizione del blog senza dover modificare il modello. Tale descrizione non si visualizza nel template anche se c'è sicuramente un meccanismo che da ai motori la possibilità di rilevarla.

Si può pensare di aiutare Google e coloro che visualizzano il nostro blog nei risultati di ricerca, inserendo manualmente la descrizione del nostro blog. Se avete un template a cui non sono ancora state fatte delle modifiche andando su Modello > Modifica HTML > Procedi, troverete solo questo codice

<b:include data='blog' name='all-head-content'/>
   <title><data:blog.pageTitle/></title>

in cui la prima riga serve solo per individuarlo più facilmente. Il tag colorato di rosso individua il titolo della pagina corrente del blog come illustrato nel post sui tag di Blogger. Si tratta di una variabile che è funzione della pagina che si apre. Possiamo aggiungere il titolo del blog dopo quello del post in modo che nei risultati di ricerca dei motori si veda una cosa con una struttura di questo genere

Titolo del post | Nome del blog oppure Titolo del post - Nome del blog 

Aggiungere il nome del blog dopo quello del post può essere utile e non è certamente un contenuto duplicato. Si può scegliere di dividere titolo dell'articolo e nome del blog con una barra verticale ( | ) tipica di Wordpress o con un trattino ( - ). Ricordandoci il significato dei metatag di Blogger possiamo quindi modificare il codice precedente in questo modo

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageName/> | <data:blog.title/></title>

Dove al posto della linea verticale può anche essere messo il trattino. Un esempio relativo a un post di questo blog potrebbe essere

Come inserire una casella personalizzata in Blogger | Idee per computer ed Internet

Se si ha un brand di un certo rilievo questo può aiutare a ricevere più click nei risultati di ricerca. Se si cerca un blog attraverso una chiave che richiama la sua homepage si visualizzerà la descrizione inserita in Impostazioni 

Questo sistema però non funziona molto bene come si può constatare andando sugli Strumenti per Webmaster accedendo a questa pagina e andando su Diagnostica > Visualizza come Googlebot. Se si incollano nella casella apposita gli URL della Homepage, di qualche pagina di etichetta o di archivio molto spesso il campo della meta descrizione appare vuoto. Può quindi essere utile inserirla direttamente nel modello. Non si può però mettere la descrizione del blog senza tag condizionali perché sarebbe vista nello stesso modo in tutte le pagine e considerata contenuto duplicato. Si può quindi sostituire a

<title><data:blog.pageTitle/></title>

quest'altro codice

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
  <meta expr:content='data:blog.pageName' name='description'/>
<b:else/>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <title><data:blog.pageTitle/></title>
    <meta content='Descrizione del blog' name='description'/>
  <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <meta expr:content='data:blog.pageName' name='description'/>
  </b:if>
</b:if>

che fa in modo di mostrare la Descrizione del blog solo nella homepage. Ovviamente al posto di Descrizione del blog va inserita una frase descrittiva del nostro sito. Non usare apostrofi, parole accentate o altri segni che rischiano di non essere interpretati correttamente.

Se voi aprite un vostro post e pigiate su Ctrl+U oppure cliccate sul destro del mouse e scegliete Visualizza sorgente pagina (con Chrome) vedrete il codice della pagina in questione. Blogger in automatico inserisce una meta descrizione del post che è identica al titolo dell'articolo. Questo succede però solo con i modelli più recenti e non per esempio con quello che uso attualmente. Per rendervene conto aprite questo post e visualizzate il sorgente pagina. Sarà visibile il codice

<meta content='Demo per aggiungere link all&#39;articolo alla fine del post' name='description'/>

dove la parte in rosso è il titolo del post. Da notare che l'apostrofo è stato sostituito dal corrispondente simbolo in XHTML. Nel caso si abbia un blog che non introduce automaticamente una meta descrizione oppure se si vuole integrare la meta descrizione con un'altra frase, possiamo andare nell'Editor di Blogger su HTML e incollare all'inizio del codice dell'articolo questo tag

<meta content='Descrizione del post' name='description'/>

Dopo la pubblicazione, se si visualizzerà il sorgente pagina dell'articolo, sarà visibile tale metatag che descrive il post a prescindere dal titolo. Non posso quantificare i probabili benefici di questo inserimento ma l'unica controindicazione è il tempo impiegato per tale modifica.

L'inserimento di una meta descrizione in un post si può fare anche con Windows Live Writer andando su Origine e incollando l'apposito codice all'inizio della pagina. In questo post per esempio ho inserito questa meta descrizione

<meta name="description" content="Ottimizzazione SEO con inserimento della descrizione di un blog e la descrizione dei post su Blogger" />

Concludo ricordando che, se si ha un blog su Wordpress c'è l'eccellente plugin All in One SEO Pack che permette di ottimizzare ciascun post con l'inserimento mirato dei metatag title, description e keyword.