CMS  »  Articoli  »  WordPress 

Sempre più spesso vogliamo far condividere i post del nostro blog o del nostro sito sui principali social network oppure inserire i link agli articoli di altri nelle nostre bacheche. Negli ultimi mesi sono sempre di più i "tasti sociali" che sono nati per condividere gli articoli oppure per avere il "mi piace" di Facebook o il "+1" di Google.

Pulsanti utili non solo per far conoscere il proprio articolo (e quindi il proprio sito) a molti utenti, ma anche per la gestione del SEO e per il posizionamento del sito nei risultati dei motori di ricerca: gli algoritmi per il posizionamento si sono, negli ultimi anni, evoluti andando ad aggiungere una valutazione "umana".

Google +1

Google +1 è una funzione di Google presente da alcuni mesi che permette a un utente di votare e di condividere con i propri contatti e con gli amici le risorse web che ritiene interessanti. Possiamo vederlo come un modo per dare suggerimenti alla propria rete sociale (in particolare modo alle persone appartenenti alle proprie cerchie di Google Plus). Se facciamo una ricerca con Google, accanto ai risultati avremo un'icona simile a un cartellina con un +1, come in figura.

Figura 1. Icona di Google+ nelle SERP
(clic per ingrandire)

Per WordPress esistono molti plugin diversi che permettono di integrare all'interno delle pagine del proprio sito web il bottone +1. Uno tra i migliori è Wp-plus-one. Per utilizzarlo bisogna avere WordPress 3.1.0 o superiore. Ha numerose opzioni per lo stile del pulsante e permette anche di utilizzare un'azione per l'integrazione con il tema o con gli altri plugin installati.

Una volta installato, cliccando su Impostazioni della colonna destra troveremo una nuova voce: "Google +1 Button". Possiamo in questo modo impostare e scegliere (come vediamo in figura):

Figura 2. Impostazioni per Google +1 Button
(clic per ingrandire)

• lo stile del bottone: la scelta è tra standard, small, media e tall (quest'ultima opzione ha il contatore, se visibile, posto sopra il pulsante);
• la posizione: possiamo scegliere sia la posizione in alto sul post sia in basso. Il bottone può essere presente in entrambe le posizioni oppure in una sola delle due;
• se far vedere anche il contatore;
• dove pubblicare il bottone: per mostrarlo nei post, nelle pagine, negli allegati (come immagine) e nasconderlo nell'homepage;

Infine possiamo impostare l'url di reindirizzamento per chi clicca e creare uno stile CSS personalizzato. Se inseriamo il bottone sia in alto (in particolare a destra) sia in basso (a sinistra) del post otteniamo un risultato come quello in figura.

Figura 3. Un articolo con il bottone per il +1
(clic per ingrandire)

Se vogliamo personalizzare il contenitore del bottone dobbiamo scrivere le proprietà di stile dento il box "+1 Button Custom CSS". Supponiamo di avere scritto questo codice:

border: 1px solid black;
background-color: #6495ed;
padding-left: 5%;
padding-top: 1%;

In questo caso otteniamo un effetto come in figura.

Figura 4. Il bottone +1 personalizzato
(clic per ingrandire)

Osservazione: il CSS personalizzato vale per ogni bottone che verrà visualizzato.

Come accennato all'inizio, ci sono numerosi plugin che hanno le stesse funzioni di questo, per esempio quello di Fabio Lalli oppure quello di Lorenzo Sfienti: quest'ultimo, in particolare, permette di scegliere sia la dimensione del bottone sia la possibilità di inserire accanto il conteggio dei +1.

Altri articoli

Altre guide

Altre newsletter