Come impostare la Meta Descrizione del blog e dei post su Blogger.

Secondo la mia esperienza quasi decennale di autore di post su blog di piattaforme Blogger e Wordpress i fattori di ranking fondamentali non sono poi tanti. Al primo posto c'è sicuramente l'autorevolezza del sito riguardo a quel particolare argomento, al secondo ci sono i contenuti della pagina e al terzo c'è il titolo del post che deve essere in linea con i contenuti della pagina ma anche avere un certo appeal per attirare i click nelle ricerche.

Bisogna soprattutto concentrarsi su questi elementi se si vuole posizionare bene i nostri articoli. Subito dopo questi fattori fondamentali ma sempre con un certo rilievo ci sono le descrizioni del blog e soprattutto del post che sono utili per essere mostrate come snippet nelle condivisioni e nei risultati di ricerca.

In questo post mi occuperò delle Descrizioni da inserire nei blog di Blogger. Ce ne sono ben tre e addirittura potrebbero essere anche di più visto che alcuni utenti aggiungono una metadescrizione anche nel Tema.

Come mostrare nello snippet la meta descrizione o l'incipit nella condivisione di un post di Blogger.

Qualche giorno fa ho letto un commento in cui mi si chiedeva come mostrare l'incipit dell'articolo al posto della descrizione nello snippet che si visualizza sotto il titolo quando si condivide in social come Facebook o Google+. Di primo acchito ho risposto che poteva condividere il post senza  aggiungere la Descrizione della Ricerca nella colonna di destra delle Impostazioni post nell'Editor di Blogger. Lo avrebbe fatto solo successivamente alla condivisione.

Il commentatore nella sua risposta mi ha fatto presente che avrebbe voluto che l'incipit fosse sempre visibile al posto della meta descrizione anche nelle eventuali condivisioni future. Mi rimane il dubbio su a cosa possa servire questa personalizzazione ma casualmente la soluzione me la sono trovata a portata di mano senza volerlo.

L'importanza SEO delle tre Descrizioni dei blog su Blogger.

I blog su Blogger hanno due campi in cui digitare la Descrizione dei temi che vengono affrontati nei post del sito. Il primo campo è quello storico che è presente da sempre e si trova su Impostazioni -> Di Base -> Descrizione mentre il secondo si trova in Impostazioni -> Preferenze di ricerca -> Metatag -> Descrizione.

Nel primo campo si possono digitare fino a 500 caratteri mentre nel secondo i caratteri disponibili sono solo 150. Se si apre la homepage del nostro sito e si digita Ctrl+U si apre quello che è il Sorgente Pagina cioè il codice che il browser converte nella pagina web che poi viene visualizzata.

Come mostrare la descrizione sotto il titolo del blog nei Modelli a Visualizzazione Dinamica di Blogger.

Nei Modelli a Visualizzazione Dinamica o Dynamic Views di Blogger le personalizzazioni sono molto limitate e questo è un vero peccato perché la potenzialità di questi template e la loro velocità di caricamento ne farebbero un prodotto ottimale per chi si diletta con il blogging. È finalmente disponibile anche per quei modelli la funzione per selezionare uno sfondo tra quelli proposti nella Libreria oppure di caricarne uno di nostro gradimento con cui creare un Header o Intestazione.

Si va su Modello > Personalizza > Sfondo > Immagine di sfondo e se ne sceglie una tra quelle proposte. Alternativamente si può andare su Carica immagine e selezionare una immagine dal nostro computer che abbia esattamente le dimensioni dell'Header o Intestazione (soprattutto in altezza). L'immagine in questo modo sarà lo sfondo di tutto il blog. Andate adesso su Allineamento e selezionate uno dei tre proposti in alto (a sinistra, al centro o a destra). 

Come aggiungere immagini a nome e descrizione del blog e al titolo del post in Blogger.

Gli utenti di Blogger sono già a conoscenza della possibilità di inserire una immagine nella Intestazione del blog che può sostituire il nome dello stesso o essere messa come sottofondo a Nome e Descrizione. Ho anche illustrato un procedimento per inserire una icona prima o dopo il titolo di tutti i post. La cosa sorprendente di Blogger è che nelle Impostazioni di base in cui si possono cambiare nome e descrizione del blog nei rispettivi campi si può anche inserire del codice HTML. Non sono supportati tutti i tag ma lo è sicuramente quello per aggiungere delle immagini.

Con mio stupore ho potuto constatare che i tag delle immagini sono supportate anche nei titoli dei post. Questo comporta che per esempio potremo aggiungere foto insieme al nome o alla descrizione del blog e icone prima o dopo il Titolo di un post.

Cambiare Nome e/o Descrizione al blog su Blogger.

Un blog su Blogger così come uno su Wordpress è univocamente associato al suo indirizzo web o URL. Tale indirizzo in realtà è l'unico parametro realmente fondamentale visto che possono essere anche radicalmente cambiati modello (o tema), modificati widget o anche contenuti pubblicati visto che si può cambiare la linea editoriale così come si possono eliminare i post già pubblicati come pure importarne di nuovi da altri siti. In realtà è anche possibile modificare l'URL della Homepage del blog andando (su Blogger) in Impostazioni > Di base > Pubblicazione > Indirizzo del blog > Modifica e vedere se sia disponibile un altro indirizzo da premettere a blogspot.com.

Questa ultima operazione non è consigliabile visto che si perderebbero tutti i link del sito. Solo con l'acquisto di un dominio personalizzato ci sarebbe il redirect automatico degli indirizzi dal vecchio dominio a quello nuovo. Invece una operazione che può essere fatta senza alcun problema è quella della modifica del nome o della descrizione del sito. Questo potrebbe essere necessario quando si sia deciso di cambiare il tipo di contenuti del blog o quando si voglia cambiare il nome semplicemente per ragioni di visibilità.

COME CAMBIARE NOME E/O DESCRIZIONE AL BLOG

Si va su Bacheca > Impostazioni > Di Base > Di Base > Modifica e si opera su Titolo e Descrizione

Successivamente bisogna andare su Salva Modifiche per rendere il cambio effettivo

È opportuno anche andare su Impostazioni > Preferenze di Ricerca > Metatag > Descrizione e inserire una nuova Metadescrizione coerente con la Descrizione inserita in Impostazioni > Di base

È caldamente consigliato abilitare le Descrizioni della ricerca per potere inserire le metadescrizioni anche nei singoli post. La differenza tra la Descrizione inserita in Impostazioni > Di Base e quella invece inserita su Impostazioni > Preferenze di ricerca > Metatag è data anche dalla differenza di numero di caratteri utilizzabili. Nella Descrizione propriamente detta si possono usare fino a 500 caratteri mentre nella Descrizione delle Metatag i caratteri utilizzabili sono solo 150 e quindi bisogna essere necessariamente più concisi.

COME SCEGLIERE IL NOME DEL BLOG

Si tratta evidentemente di una cosa estremamente soggettiva e che dipende dai gusti personali. Il titolo del blog è però anche un importante parametro SEO che potremmo sfruttare per aumentare le chance di essere presenti nei motori di ricerca. Se abbiamo un blog aziendale o se siamo un personaggio pubblico conosciuto la prima scelta è quella di usare appunto il nostro nome o il brand commerciale già affermato. Negli altri casi è bene usare un nome che possa veicolare del traffico a prescindere.

Si può quindi pensare di scegliere un nome di due o tre parole con delle query che abbiano dei volumi di ricerca accettabili nel segmento di mercato che ci vogliamo ritagliare. Il nome di questo sito contiene appunto tre query (Idee, Computer, Internet) che sono abbastanza in linea con quelli che sono i suoi contenuti e che rappresenta un buon esempio di come debba essere congegnato un Nome di un blog. Ricordo che per il regolamento di Adsense, se si decide di usare questo programma di affiliazione, non possono essere messi nel titolo delle parole di servizi registrati da Google come Blogger, Youtube o GMail.

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

Come aggiungere una descrizione alle etichette di Blogger.

La gestione delle etichette ha una grande importanza nella progettazione e nella ordinaria amministrazione di un blog. Ci sono siti che ne fanno largo uso mentre altri le utilizzano in modo molto più parco un po' come succede per le categorie di Wordpress.

Questi ultimi possono essere interessati a inserire anche una descrizione accanto a ciascuna etichetta nel widget ufficiale di Blogger. Visto che la cosa deve essere fatta manualmente questo metodo è consigliabile appunto solo a chi ne abbia un numero abbastanza modesto da essere visualizzate in un elenco a discesa senza occupare troppo spazio nel layout.

Come inserire la meta descrizione nei modelli personalizzati.

Dopo aver parlato diffusamente di come inserire la descrizione del post tramite il nuovissimo tool di Blogger sulle Preferenze di Ricerca, vediamo come ci si deve comportare se si ha un template personalizzato in cui non funziona. Ricordo che è molto importante inserire una metadescrizione per ciascun articolo per avere più chance di scalare posizioni nei risultati dei motori di ricerca.

Questo sistema non è alternativo a quello già proposto ma si tratta di un suo ulteriore sviluppo perché introduce due righe supplementari e onestamente non posso dire se sia migliore. Bisogna testare per verificarlo. E' comunque essenziale attivare la descrizione andando su Impostazioni > Preferenze di ricerca > Descrizione > Modifica e inserire un sunto degli argomenti trattati dal blog. Si tratta della descrizione generale del sito che è ovviamente cosa diversa dalla descrizione di un singolo post.

La descrizione nelle preferenze di ricerca di Blogger.

Se avete un vecchio modello di Blogger o uno molto personalizzato può capitarvi che le nuove impostazioni per l'inserimento delle Preferenze di Ricerca non funzionino. Vediamo il caso specifico della Descrizione. Se andate su Impostazioni > Preferenze di ricerca > Descrizione > Modifica e digitate la descrizione del vostro blog può succedere che questa non si visualizzi nelle ricerche. Si può provare a condividere un post su Facebook o meglio ancora su Google Plus per testarne il comportamento e per vedere se lo snippet visualizzato è proprio quello che abbiamo effettivamente inserito. Per ovviare a questo possibile inconveniente si può procedere nel modo seguente.

Per prima cosa bisogna andare su Modello > Modifica HTML > Procedi e togliere altri eventuali metatag che avessimo inserito quando non era presente questa opzione. Cioè dobbiamo cercare righe del tipo

Come personalizzare le preferenze di ricerca SEO su Blogger.

Il Team di Blogger non ha ancora completamente messo a punto una nuova funzionalità che subito ne introduce un'altra. I commenti nidificati hanno ancora dei bug come la data e l'ora, il redirect verso i domini locali sta provocando non poche lamentele e quelli di Blogger introducono nuove funzionalità che comunque sono davvero interessantissime.

Ne dà notizia Blogger Buzz in un post di sette ore fa. Gli utenti di Blogger si sono spesso lamentati di non poter configurare completamente l'aspetto SEO del loro blog in quanto non era possibile accedere al file robots.txt ed era piuttosto complicato inserire delle meta descrizioni per ciascun articolo così come si fa in Wordpress tramite plugin quali All in One SEO Pack.

Da oggi se accedete nella Bacheca > Impostazioni vedrete la nuova scheda Preferenze di ricerca che a sua volta si compone delle sezioni Metatag, Errori e reindirizzamenti e Crawler e Indicizzazione 

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 personalizzare la descrizione di Blogger inserendola su più righe, con il grassetto e con il corsivo.

L'articolo che ho dedicato all'allineamento di Header, Nome e Descrizione del blog ha suscitato molto interesse e ha scaturito diversi commenti interessanti. In uno di questi mi si chiedeva come fosse possibile inserire la descrizione del blog in due o più righe. Di default infatti Blogger va a capo solo alla fine dello spazio dell'header. Ragionandoci un po' sopra ho pensato che forse è opportuno dedicare un altro post all'argomento della Descrizione del blog anche se sono in molti che la nascondono sotto l'immagine dell'header scegliendo l'opzione di inserirla dietro all'Intestazione.

Se si vogliono modificare i colori della descrizione possiamo andare su Modello > Personalizza. Si aprirà il Designer Modelli e dovremo andare su Avanzato > Descrizione del blog per settare un diverso colore per la descrizione. Si clicca in alto a destra su Applica al blog per renderla effettiva.

Vediamo come sia semplice visualizzare la descrizione su più righe. Basta andare su Layout > Intestazione > Modifica e inserire in Descrizione del blog

Prima riga della descrizione <br/> Seconda riga della descrizione <br/> Terza riga della descrizione ….

Come centrare o allineare a destra l'header o il nome e la descrizione di un blog su Blogger.

Mi sono già occupato di questo tema in un articolo dello scorso Aprile. Quel post è ancora valido ma adesso voglio ampliarlo a tutte le possibili opzioni che si possono presentare. Quando si carica una immagine come intestazione su Blogger questa viene di default allineata sulla sinistra e non ci sono meccanismi per scegliere un diverso allineamento per centrarla o visualizzarla sulla destra del layout.
Quando si va su Layout > Intestazione > Modifica sono presenti tre possibili opzioni di visualizzazione dell'header

1. Dietro Titolo e Descrizione
2. Al posto di Titolo e Descrizione
3. Fai seguire questa immagine da una descrizione

La finestra del gadget ha quindi questo aspetto

Nivo Slider per Slideshow di immagini con descrizione e link.

L'effetto Nivo Slider è stato presentato da Iole in un post forse un po' troppo criptico. Ho deciso di ripresentarlo in modo più analitico in modo che possa essere utilizzato anche da coloro che non sono particolarmente pratici di codici e di linguaggi di programmazione. Si tratta di una galleria di immagini che si susseguono con vari effetti di transizione. Si possono inserire dei collegamenti alle immagini, visualizzare delle descrizioni e inserire anche dei link in un anchor text della stessa descrizione. Ho messo in rete un esempio di come potrebbe essere questo slideshow

         Demo dell'effetto Nivo Slider per slideshow di immagini -

Le dimensioni delle immagini devono essere tutte uguali ma possono essere personalizzate a piacere modificando il file CSS di cui dirò in seguito.

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.

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>