Come personalizzare o nascondere il nome dell'autore nella versione mobile di Blogger.

Per rispettare le regole di Google e evitare Errori Blogposting bisogna mostrare il nome dell'autore sia nella versione mobile sia nella versione desktop. Per questa configurazione si va su Layout -> Post del blog -> Modifica e si mette la spunta su Pubblicato da ... nella sezione Opzioni pagina post. In questo modo il nome utente sarà visibile alla fine del post di Blogger nella versione desktop e in quella mobile. Chi avesse unificato il Profilo di Blogger con quello di Google+ invece del nome utente avrà alla fine dell'articolo il proprio nome completo.

In un precedente articolo ho mostrato come spostare il nome dell'autore insieme a quello delle etichette subito sotto il titolo e prima del contenuto del post. Questa modifica però è fattibile solo per la versione desktop. Nella versione mobile il nome autore rimarrà alla fine dell'articolo. Vediamo come modificarlo nel modo mostrato nei due screenshot seguenti ottenuti con il tool Screenfly

Come mostrare il nome dell'autore e l'elenco delle etichette sotto il titolo dell'articolo in Blogger.

Il nome dell'autore e le etichette aggiunte a un articolo nei blog su piattaforma Blogger vengono mostrati in calce all'articolo. Si può in qualche modo personalizzare il loro posizionamento andando su Layout -> Post del Blog -> Modifica per mettere la spunta agli elementi che si vogliono visualizzare e per toglierla a quelli che non vogliamo vedere.

Con il drag & drop si possono spostare i vari elementi per poi andare su Salva per salvare il nuovo posizionamento. Questa personalizzazione non funziona troppo bene nei modelli ufficiali e funziona molto male in quelli modificati dal webmaster. L'obiettivo di questo post è quello di mostrare come spostare la visualizzazione delle etichette e dell'autore dell'articolo dalla parte bassa del post alla parte alta subito sotto il titolo.

Come nascondere il link con il nome dell'autore nella versione mobile di Blogger.

Per attivare le modifiche alla versione mobile di Blogger bisogna andare su Modello > Cellulare e cliccare sulla ruota dentata. Successivamente bisogna mettere la spunta sul Sì per attivare la visualizzazione anche da mobile. In Scegli modelli per cellulare bisogna selezionare Personalizza perché solo in questo modo si potrà modificare l'aspetto dl sito visto da dispositivi mobili.

Nel footer del layout dei post viene mostrato il pulsante con contatore di Google Plus che però può essere nascosto.  Insieme a questo viene mostrato anche il link con l'autore del sito che porta al Profilo di Blogger o a quello di Google Plus nel caso siano stati unificati. Il nostro obiettivo è quello di passare da una situazione all'altra come mostrato nel seguente screenshot

Come personalizzare i widget e i banner pubblicitari nei blog multi-autore di Blogger.

Nei precedenti post abbiamo visto come si possano aggiungere fino a 100 autori e amministratori per il nostro blog su Blogger e come si possa mostrare il Profilo di ciascun autore sotto gli articoli che ha scritto. Adesso facciamo un passo ulteriore e vediamo come si possa personalizzare il layout in funzione dell'autore del post. 

Mi riferisco alla pagina dei post perché la Home Page, le Pagine delle Etichette e quelle di Archivio non hanno un autore predefinito e quindi a queste pagine non si possono applicare i tag condizionali. Consideriamo quindi solo l'aspetto della pagina di un post in un blog di Blogger che abbia più autori. Oltre al Profilo si possono anche mostrare dei widget che abbiano una relazione con chi ha scritto il post. Ciascun autore potrebbe per esempio mostrare nella sidebar i suoi Followers su Google+,  o lo Stream dei suoi tweet su Twitter o le ultime foto postate sull'account Flickr.  

Come aggiungere autori e amministratori a Blogger.

Nella piattaforma Wordpress ci sono un sacco di plugin per gestire siti con più autori e con più amministratori. Anche su Blogger possiamo invitare altre persone a scrivere post e anche farle diventare amministratori. Il procedimento di invito e di accettazione avviene tramite email ed è semplicissimo. C'è una grande differenza tra invitare una persona come autore e nominarla amministratore. Nel primo caso può solo pubblicare dei post mentre nel secondo può accedere a tutte le funzionalità della Bacheca e può in teoria anche togliere il privilegio di Amministratore a chi gli ha dato l'invito. Proprio in virtù dell'abuso truffaldino di questa funzionalità sono stati denunciati casi di furti di blog. Vediamo innanzitutto come invitare altri autori a pubblicare nel nostro sito. Ricordo che si possono invitare fino a un numero massimo di 100 persone.

Come personalizzare il nome dell'autore e quello delle etichette posizionati sotto il titolo del post.

Riprendo brevemente l'articolo con cui avevo illustrato come spostare il nome dell'autore e quello delle etichette sotto il titolo del post per personalizzarne l'aspetto.  Secondo il tutorial appena linkato questi elementi sono stati incollati nel mezzo alle righe  <div class='post-header-line-1'/> e </div> quindi si può usare il selettore post-header per personalizzarne il layout.

Alternativamente si possono trovare i selettori rispettivamente del nome dell'autore e delle etichette per effettuare delle personalizzazioni più mirate. Il selettore per il nome dell'autore è post-author.vcard  mentre quello delle etichette è  post-labels. Per fissare le idee si parte da questo aspetto

Come mostrare il nome dell'autore e quello delle etichette sotto il titolo del post in Blogger.

Nei modelli ufficiali di Blogger il nome dell'autore del post e quello delle etichette scelte per l'articolo vengono visualizzate nel footer sotto tutto il contenuto del post. Il footer di un blog su Blogger può essere personalizzato aggiungendo o togliendo elementi andando su Layout > Post sul blog > Modifica e mettendo o togliendo la spunta agli elementi che rispettivamente si vogliono o non si vogliono visualizzare. Nel footer sono presenti anche il numero di commenti, l'ora di pubblicazione, le reazioni, i pulsanti di condivisione, la posizione, i pulsanti ufficiali di condivisione, i link al post e il Quick Edit che è quella icona per modificare il post al volo che può essere vista solo da un amministratore del sito.

In  molti template scaricati da internet il nome dell'autore e le etichette sono mostrate sotto il titolo invece che nel footer mutuando un tipo di impaginazione della stampa cartacea dove ovviamente non ci sono le etichette. Vediamo come procedere per questa personalizzazione. Si parte quindi da una situazione simile alla seguente con autore e etichette alla fine del post

Come aggiungere il Profilo dell'autore sotto i post di Blogger.

Sono stato informato da D. Perina (Elena) di una nuova funzionalità aggiunta su Blogger di cui non mi ero accorto. Non sarà più necessario lambiccarsi il cervello per trovare il codice necessario al fine di aggiungere il box dell'autore alla fine del post, di cui avevo presentato anche una seconda versione. Questa opzione è adesso possibile attivarla in modo automatico. Vediamo come.

Si va su Layout > Post su blog > Modifica e si mette la spunta a Mostra profilo autore sotto il post. Si clicca su Salva e la procedura è terminata

Come visualizzare i Rich Snippet nei risultati di ricerca.

Quando fate delle ricerche su Google avrete certamente notato che alcuni risultati sono più evidenti di altri perché hanno anche l'avatar dell'autore della pagina oppure la valutazione se si tratta di una applicazione per cellulari. La maggiore visibilità di questi risultati li avvantaggia nel momento in cui l'utente sceglie di cliccare su uno di questi. Google non garantisce che userà sempre le informazioni inserite tramite markup ma durante la scansione del sito controllerà che questi dati siano presenti.

I Rich Snippet dovrebbero quindi essere inseriti da tutti gli webmaster per migliorare le performance dei loro siti. Si possono inserire nelle modalità Microdati (consigliata), Microformati o RDFa. Google supporta i Rich Snippet per Recensioni, Persone, Prodotti, Attività commerciali e Organizzazioni, Ricette, Eventi, Musica e Contenuti video. Nel contesto di questo post mi occuperò soltanto di come visualizzare le informazioni dell'autore del sito.

Condizione necessaria per avere un Rich Snippet nei risultati di ricerca delle nostre pagine è quella di avere un account Google Plus. Bisogna quindi fare dei collegamenti incrociati tra il Profilo Google+ e i nostri siti. Nelle pagine del blog dovremo inserire un collegamento al profilo Google+ di questo tipo

L'Author Rank per migliorare il posizionamento su Google.

Quando fate delle ricerche su Google vi sarete certamente accorti che da qualche mese, più o meno dalla fine del Marzo scorso, ad alcuni risultati viene associato l'avatar che il suo autore ha scelto su Google Plus. E' evidente che questo porta a una più alta percentuale di click anche solo perché questi risultati hanno una migliore evidenza visiva.

Ricordo che per mostrare la nostra immagine nei risultati di ricerca dobbiamo collegare il blog a Google+ mediante un link che contenga rel="author". E' anche opportuno partecipare al programma per ottenere la Google Authorship che concede l'attribuzione dei contenuti.  Qualche giorno fa è stato pubblicato su SEOMoz un interessante articolo su come ci si debba preparare all'avvento dell'Author Rank. Tutto nasce dal brevetto dell'Agent Rank acquistato da Google nel lontano 2005 anche se soltanto lo scorso anno il CEO Eric Schmidt ebbe a dichiarare che Google aveva l'obiettivo di migliorare la ricerca attraverso il parametro identità, più o meno forte, degli autori delle pagine web per distinguere i buoni contenuti dallo spam. Nello stesso anno Google presentò un nuovo brevetto per rendere molto più semplice l'attribuzione della paternità di un contenuto con una sorta di firma digitale utilizzando appunto i Profili di Google+.

Come personalizzare lo stile dei commenti nidificati.

L'introduzione delle risposte nei commenti di Blogger ha certamente migliorato questa sezione dei blog su questa piattaforma. Ci sarebbero però ancora molte cosa da fare quali quella di poter scegliere se visualizzare per primi i commenti più vecchi o quelli più recenti per evitare lunghi scroll della pagina in articoli molti commentati. Indubbiamente le discussioni nei commenti hanno anche avuto un impatto estetico positivo. Il loro aspetto è determinato da una serie molto lunga di fogli di stile.

Ho già presentato in passato una modifica dell'aspetto dei commenti nidificati relativamente ai pulsanti Rispondi, Elimina e Aggiungi. Adesso facciamo un piccolo passo in avanti e modifichiamo in modo più incisivo il layout delle discussioni su Blogger. In particolare sarà aggiunto un ribbon colorato ai commenti postati dall'autore e il pulsante Aggiungi un commento prenderà tutta l'area del post.

Ecco gli screenshot dei commenti prima e dopo le modifiche introdotte

Attribuzione dei contenuti: come ottenere la Google Authorship.

Poche ore fa mi è arrivata una email in cui mi si comunicava di aver ottenuto l'attribuzione dei miei contenuti tramite il programma Google Authorship. Onestamente io non mi ricordo di aver fatto una tale richiesta ma di aver soltanto collegato il Profilo di Google Plus al sito web con la modalità che consente di visualizzare anche l'avatar del nostro Profilo accanto ai risultati di ricerca. E' quindi probabile che su Google ci sia anche un meccanismo automatico di verifica dei Profili e dei siti.

Il vantaggio di questa procedura consente appunto di avere le pagine del nostro sito che appaiono nelle ricerche di Google affiancate dal nostro nome e dalla nostra immagine. Questo genera sicuramente nei navigatori una sensazione di maggiore autorevolezza che incrementerà la percentuale di click ricevuti. Per ottenere questa certificazione occorre seguire queste indicazioni:

Come mostrare il nome dell'autore sotto al titolo nei modelli di Blogger a Visualizzazione Dinamica.

I modelli a Visualizzazione Dinamica (Dynamic Views) danno la possibilità all'utente di visualizzare il blog in 7 modi diversi scegliendo nella barra orizzontale tra Classic, Flipcard, Magazine, Mosaic, Sidebar, Snapshot e Timeslide. Nel layout Classic, che è il più usato dagli utenti, il nome dell'autore del blog è visibile alla fine del post in posizione centrale insieme alla data di pubblicazione.

L'obiettivo che ci si pone è quello di aggiungere il nome dell'autore proprio sotto al titolo del post e eventualmente di eliminarlo dalla parte bassa per evitare una ridondanza che potrebbe dare fastidio. Visto che da pochi giorni è possibile modificare il codice anche dei modelli a Visualizzazione Dinamica, prendiamo questo piccolo hack anche come esercitazione in tal senso. Questa operazione può anche essere fatta andando su Modello > Personalizza > Avanzato > Aggiungi CSS.

Come inserire in ogni post un riquadro con le informazioni sull'autore in siti di Blogger con più autori.

Questo articolo è un compendio a quello che avevo pubblicato tempo fa sull'inserimento di un box alla fine di ogni post con una breve nota biografica dell'autore e i link ai suoi account nei principali social network. In un commento mi è stato chiesto come si poteva fare se si aveva un blog in cui scrivevano più persone. I blog collaborativi d'altra parte sono sempre più numerosi e una tale personalizzazione è certamente più utile per siti su cui scrivono più autori rispetto a blog personali.

In questo modo il lettore potrà visualizzare le informazioni essenziali su chi ha scritto l'articolo e eventualmente decidere di seguirlo sui vari social network. Userò lo stesso codice integrato con dei tag condizionali per mostrare il box di ciascun autore solo nei post che abbia effettivamente scritto.

Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si mette la spunta a Espandi i modelli widget. Si cerca la riga </head> e, subito sopra, si incolla il seguente codice

Come personalizzare l'icona nei commenti dell'autore del blog.

Se si sono attivati i commenti con le risposte nel template di Blogger, accanto a quelli dell'autore comparirà una icona circolare di colore grigio con questa forma  . In alcuni modelli personalizzati questa immagine non si vede e ho già postato un articolo su come fare per riuscire a visualizzarla.

La particolarità di quel CSS è che l'immagine non è caricata da nessuna parte ma viene generata da un algoritmo che il browser è in grado di leggere senza bisogno di ricavare l'URL dell'immagine da un hosting. Questo comporta un aumento della velocità di caricamento del sito. Infatti il CSS relativo è sì più pesante ma non c'è però bisogno di ricorrere a un archivio esterno. Inoltre i fogli di stile sono memorizzati nella cache del browser e questo rende più rapida la navigazione quando si è già aperta almeno una volta una pagina del sito.

Come mostrare le informazioni sull'autore nei risultati di ricerca.

Sembra che sia passato un secolo ma non più di due o tre anni fa l'anonimato sul web era una cosa molto comune. Ci creavamo uno o più nick con cui iscriverci ai vari social, pubblicare articoli, caricare video o album di foto. Poi è scoppiato il fenomeno Facebook che ha reso l'anonimato una cosa da guardare con occhi sospettosi. Se ci si rifugia dietro a uno pseudonimo i contenuti che condividiamo avranno la stessa autorità di chi invece ci mette nome, cognome e magari anche foto e biografia?

Si può dire che nel mondo del web stiano cambiando i riferimenti un po' come avviene nella vita economica. Pagare in contanti invece che usare bancomat o carta di credito suscita dei giusti sospetti quando le cifre si fanno sufficientemente elevate. I siti web che sono pubblicati sotto pseudonimo e di cui non è chiaro chi sia l'autore lasciano perplessi riguardo alla bontà e alla affidabilità dei contenuti proposti.

Come inserire un box con le informazioni sull'autore alla fine di un post di Blogger.

Nei blog su Blogger è presente di default il widget del Profilo in cui vengono inserite le note biografiche, professionali e le informazioni sulla attività web dell'autore del blog. Per evidenziare maggiormente questo aspetto si può anche inserire un box con tali note alla fine di ciascun articolo che viene pubblicato.

In tale contenitore può essere inserita una immagine o un avatar, tutto il testo e tutti i link che vogliamo. E' opportuno inserire dei tag condizionali per mostrare tale rettangolo solo nei post per non appesantire troppo la homepage. Ecco un esempio di come potrebbe essere un tale box dell'autore

Come visualizzare l'icona dell'autore nei commenti nidificati di Blogger.

L'introduzione dei commenti nidificati da parte di Blogger ha indubbiamente colmato una lacuna che questa piattaforma aveva nei confronti di Wordpress e di altri CMS ma ha anche gettato un grosso scompiglio tra gli amministratori di blog che da un giorno all'altro, si può dire da un minuto all'altro, si sono trovati senza più personalizzazioni nell'area dei commenti e con alcune situazioni problematiche.

Uno di questi disservizi è rappresentato dall'ora del commento che non è stata ancora localizzata e che si riferisce a quella di Mountain View. Inoltre lo stile dell'ora e il mese sono indicati nel modo e in idioma anglosassone. Credo che al riguardo non si si debba preoccupare troppo e che la cosa sarà risolta a breve dallo stesso team di Blogger.

Come inserire le informazioni e l'avatar dell'autore alla fine dell'articolo.

In molti temi Wordpress è presente alla fine del post un rettangolo che mostra le informazioni sull'autore dell'articolo insieme a un suo avatar. Su Blogger al massimo si può personalizzare il classico Pubblicato da attraverso la finestra per configurare il post. Il nostro obiettivo sarà quello di mostrare alla fine di tutti gli articoli un rettangolo di informazioni come questo

Nel box delle informazioni sull'autore possono anche essere inseriti dei link a Profili, a altri siti, a pagine fan, a social network, ecc. Si possono naturalmente personalizzare i colori dello sfondo e i colori e le dimensioni dei caratteri. Per prima cosa editate il testo del vostro box informazioni tramite un Editor HTML che può essere quello di Blogger o anche Windows Live Writer. Copiate il codice HTML in un file di testo e salvatelo. Caricate su Picasa anche l'avatar che volete compaia nel box e acquisitene il link diretto.

Come personalizzare il box dei commenti dell'autore del blog su Blogger.

Dopo aver mostrato come inserire i commenti dell'autore del blog in un rettangolo colorato e dopo aver trovato un metodo più semplice per evidenziare tali commenti applicabile a tutti i modelli, Alessandra mi ha fatto presente che i commenti fatti da lettrici con un nickname uguale al suo venivano visualizzati nello stesso modo dei suoi. Questo è dovuto all'utilizzo di un tag condizionale che opera quando il nick del commentatore è lo stesso di quello dell'autore. Dopo un po' di elucubrazioni ho trovato una soluzione che è sotto certi aspetti migliore della precedente.

Bisogna sostituire il tag condizionale appena illustrato con un altro che non dipenda dal nick, che non è esclusivo, ma dall'URL del Profilo su Blogger che è invece unico per ciascun utente. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Dopo aver messo la spunta su espandi modelli widget si cerca il seguente blocco di codice