Come mostrare il bottone di Pinterest sulle foto di Blogger

Come certo saprete Pinterest è il social network delle immagini con una predilezione verso gli utenti di genere femminile. Per questa ed altre ragioni sono nati dei progetti simili a Pinterest con l'intento di rivolgersi a un pubblico più specifico.

Mentre negli altri social network vengono condivisi i post, su Pinterest vengono condivise solo le immagini. L'installazione di bottoni in una pagina, per la condivisione immediata su Pinterest, deve quindi rispondere ad altre logiche, rispetto ai bottoni già ampiamente sperimentati di Facebook, Twitter e Google+.

In un articolo o in una pagina web ci possono essere più foto, e i navigatori debbono essere in grado di condividerle, scegliendone una specifica. Le API di Pinterest permettono agli webmaster di implementare nel loro sito uno script in grado di rispondere a questa esigenza.

Come accedere a Facebook, Twitter, Pinterest e Instagram da mobile con Chrome senza applicazione.

L'ottimizzazione per dispositivi mobili non è fondamentale solo per i piccoli blog ma è essenziale anche per i mega siti come Facebook o Twitter. La maggior parte di noi è abituata ad accedere a Facebook dallo smartphone utilizzando una applicazione per Android o iOS, quasi sempre quella ufficiale, ma lo si può fare anche dal normale browser del telefonino.

Questa soluzione che potrebbe sembrare un ripiego qualora l'app non funzionasse potrebbe diventare anche il modo di accesso privilegiato. Ci si rende infatti subito conto che la grafica di Facebook aperta per esempio da Chrome per Mobile non è poi molto diversa da quella della applicazione.

Come mostrare il bottone di Pinterest al passaggio del mouse sulle foto in Blogger e Wordpress.

Riprendo un post che ho pubblicato più di tre anni fa su uno script che permette la visualizzazione della icona di Pinterest sulle immagini al passaggio del cursore. Personalmente non utilizzo questo javascript ma preferisco quello ufficiale di Pinterest visto che in questo blog non ci sono molte immagini degne di essere condivise su tale social network.

Nei siti Blogger o Wordpress che invece hanno nelle foto un contenuto essenziale può essere utile impostare una condivisone su Pinterest più incisiva. Con l'inserimento di questo script al passaggio del cursore su una immagine si visualizzerà una icona che potremo anche personalizzare e  posizionare in una data zona della foto. Il lettore che ci cliccherà sopra aprirà automaticamente una nuova scheda del browser con le opzioni di condivisione.

Come incorporare nel sito i tweet di Twitter, i post di Facebook, i pin di Pinterest e le foto di Instagram.

Tutti i principali social network danno la possibilità agli utenti che gestiscono siti web di incorporare nelle pagine dei loro siti i singoli aggiornamenti. Questo a prescindere dalla importanza del sito in oggetto. Gli aggiornamenti saranno i tweet di Twitter e i post di Facebook mentre per quello che riguarda i social dedicati alle immagini come Pinterest e Instagram si potranno postare le foto con tutti gli strumenti necessari per il Repin su Pinterest o per il cuoricino su Instagram.

In tutti e quatto i casi presi in esame insieme al codice specifico del post dovrà essere incollato nella pagina web anche lo script specifico per quel social network. Nel caso in cui lo script fosse già presente nel vostro modello o nel vostro tema potete fare a meno di incollarlo.

Come aggiungere i metatag di Google+, Facebook, Twitter e Pinterest nel modello di Blogger.

La condivisione di un post su piattaforma Blogger si effettua incollando l'indirizzo dello stesso in un tweet, in un aggiornamento di Facebook o postando una sua foto su Pinterest. Tramite l'URL i social network individuano gli elementi da mostrare nella timeline o nella sezione Notizie. Un discorso simile avviene anche per i motori di ricerca. I risultati mostrati da Google sono determinati anche dai cosiddetti metatag inseriti nel modello di Blogger.

In questo articolo vediamo quali metatag aggiungere per rendere la condivisione più ricca e precisa. Se quando pubblicate un articolo su Facebook non viene rilevata la miniatura della foto o se la descrizione dell'articolo è sballata allora nel vostro template ci sono dei metatag sbagliati o mancanti.

METATAG DI GOOGLE+

I metatag di Google+ paradossalmente sono i meno necessari perché il motore di ricerca per antonomasia riesce sempre a rilevare immagini e contenuto del post. Comunque per ottimizzare il processo si deve andare su Impostazioni > Preferenze di ricerca e abilitare il metatag Descrizione

Come condividere testo selezionato e immagini su Facebook, Twitter, Google+, Linkedin, Pinterest e Evernote.

Nel precedente post abbiamo visto come sia possibile condividere su Twitter un testo selezionato e con questo nuovo articolo mostreremo non solo come condividere un testo ma anche delle immagini e non solo su Twitter ma anche su Facebook, su Google+, su Linkedin, su Pinterest e su Evernote.  Esistono già dei sistemi per condividere immagini su Pinterest mostrando delle icone sulle stesse foto  così come esistono bottoni per la condivisione dei post sugli altri social.

Markerly è un tool gratuito che permette di facilitare questa condivisione in modo efficace. Per prima cosa bisogna personalizzare il widget cliccando sui social di cui vogliamo visualizzare le icone

Come creare un widget ufficiale di Pinterest.

Pinterest è il social network delle immagini dove gli elementi postati e condivisi sono esclusivamente foto e che possono essere organizzate in Bacheche o Board. Il traffico che proviene da Pinterest è diventato estremamente importante soprattutto per i siti che hanno nelle immagini i contenuti più interessanti. 

Si può collegare il proprio blog a Pinterest per sfruttare meglio queste sinergie come si può incorporare una foto di Pinterest in un post. È inoltre possibile inserire il bottone di Pinterest su Blogger come è possibile utilizzare i metatag per attivare i Rich Pins anche in Blogger. Da qualche tempo lo stesso social network ha messo a disposizione degli utenti una pagina in cui crearsi il proprio widget personalizzato.

Widget di un Board (Bacheca) di Pinterest per il blog.

Gli ultimi rumors dal web ci fanno sapere che Pinterest sta scalando posizioni importanti tra i social che maggiormente influenzano i fattori di ranking di Google pur nella leggera diminuzione di questi segnali sociali nel peso complessivo dell'algoritmo. Inoltre le immagini condivise mediante questo servizio sono un veicolo importante di traffico per i nostri siti tanto che molti webmaster hanno deciso di installare vari widget dedicati proprio a Pinterest per aumentare le interazioni dei lettori.

Come certo saprete le immagini collegate a un determinato account possono essere suddivise in Bacheche denominate Board con lo scopo di organizzarle e suddividerle al meglio per argomenti, per località, per dispositivo o per qualsiasi altro criterio scelto dall'utente. Ricordo che è possibile anche creare dei board segreti. Dopo aver visto come installare il Widget degli Ultimi Pin, il Gadget dello Slideshow delle Ultime Foto pinnate e il Widget di una foto da pinnare inserito in un post passiamo a illustrare come installare un widget che mostri le miniature delle immagini presenti in una singola Bacheca.

Come e dove consultare le Statistiche di Facebook, Twitter, Google+ e Pinterest.

Le interazioni sui social network oltre ad essere formidabili moltiplicatori di visite per le pagine web sono anche uno dei fattori di ranking più importanti per il posizionamento nei risultati di ricerca. Dopo Facebook, Google+ anche Twitter e Pinterest hanno attivato un servizio di statistiche per il momento è limitato a una particolare tipologia di utenti.

Vediamo in dettaglio come accedere a queste statistiche per possibilmente aumentare le occasioni di interazione. È evidente che non si possono indicare delle ricette generali per migliorare l'appeal di una pagina Facebook, di un account Twitter o di un board Pinterest ma visualizzare i grafici con l'attività degli utenti è comunque una informazione di grande utilità.

STATISTICHE DI FACEBOOK

Le statistiche di Facebook riguardano le pagine fan che si sono create con il nostro account. Dopo essere andati da loggati nella Home della nostra pagina basterà cliccare su Insights

Widget degli Ultimi Pin di immagini su Pinterest.

Pinterest è un social network dedicato alle immagini che può servire per incrementare le visite visto che ogni foto che viene postata su Pinterest ha anche il link alla pagina web da cui proviene e che quindi può invogliare gli utenti a vedere in che contesto è stata utilizzata.

Un paio di anni fa avevo mostrato un gadget che mostrava ai visitatori le ultime foto che avevamo pinnato. Si trattava di un gadget di tipo artigianale mentre adesso ne sono disponibili di ufficiali, c'è pure un creatore di widget e ultimamente è stato anche aggiunto il caricamento asincrono.

Come visualizzare il bottone di Pinterest sopra tutte le immagini della pagina.

La difficoltà di avere un blog come il mio è quella di dover continuamente aggiornare le funzionalità che i vari servizi sfornano a getto continuo. Contemporaneamente molti articoli che trattavano lo stesso tema diventano obsoleti. Nelle Raccolte di articoli sui Tutorial per Blogger e sui Migliori Widget avverto i lettori di privilegiare sempre gli articoli più recenti ma il problema rimane.

Un caso emblematico è quello del codice per visualizzare il bottone di Pinterest sopra alle immagini al passaggio del mouse. Avevo già proposto ben tre opzioni per questa funzionalità. La prima era basata su una modifica dello script di Pinterest, la seconda utilizzava anche la libreria JQuery per lo stesso scopo mentre la terza era la disponibilità di apposite estensioni per i diversi browser.

Widget di una foto da pinnare su Pinterest.

Ho già presentato alcuni gadget per Pinterest come quello sui numerosi pulsanti personalizzabili e sul bottone specifico per i blog a Visualizzazione Dinamica. Pinterest è un social che serve soprattutto per quei siti che fanno delle immagini il loro punto di forza come quelli che trattano di moda, arredamento, make-up ma anche cucina, sport e viaggi. Ho anche pubblicato il codice dei metatag Rich Pins di Pinterest da applicare al modello di Blogger per avere le immagini del sito in un layout privilegiato.

Attraverso la funzione del Pin una singola foto può diventare virale e funzionare da moltiplicatore di visite per il blog visto che ciascun Pin effettuato riporta alla pagina di origine della immagine. Ricordo che Pinterest dà anche la possibilità di avere un link dofollow al nostro sito.

Pulsanti per condividere le immagini nei social con SlingPic.

Le immagini sono da sempre una parte integrante di un blog. In alcuni casi si può sicuramente dire che le immagini sono addirittura la parte predominante di un sito. Non è un caso che Pinterest sia diventato uno dei social a più alto trend di crescita. Il blogger può facilitare la condivisione delle foto su Pinterest mostrando l'apposito pulsante quando il mouse passa sopra a una immagine.

Le immagini però non vengono condivise solo su Pinterest ma si possono postare su Twitter, su Facebook o anche in altri social. Il servizio SlingPic offre un plugin per Wordpress e un codice per le altre piattaforme che mostrerà in automatico un pulsante Share per condividere le foto nei social network più importanti.

Come visualizzare il pulsante ufficiale di Pinterest su Blogger.

Gli utenti di Blogger possono mostrare da circa quattro anni alla fine dei post i pulsanti di condivisione ufficiali. In passato c'era anche quello di Google Buzz, un social che è miseramente naufragato, e che in seguito è stato sostituito da Google+ che è l'unico a avere il contatore delle condivisioni. L'amministratore del blog può decidere di mostrare o meno tali bottoni andando su Layout > Post sul blog > Modifica. Mettendo la spunta accanto a Mostra i pulsanti di condivisione e cliccando su Salva si abilita la visione dei bottoni nel footer non solo nei singoli post ma anche in homepage, nelle pagine di etichette e nelle pagine di archivio. 

Nella maggior parte dei blog da qualche giorno è comparso anche il pulsante di condivisione di Pinterest insieme a quelli di GMail, Blogger, Twitter, Facebook e Google Plus

Come visualizzare il pulsante di Pinterest nelle immagini al passaggio del mouse.

Il social network Pinterest è nato per la condivisione delle immagini e anche se personalmente non mi attira particolarmente sta ottenendo un buon successo. Per facilitare la condivisione delle foto che postiamo nel nostro blog su Blogger possiamo mostrare il bottone di Pinterest in modo automatico. Se però siamo dei grandi utilizzatori di Pinterest possiamo vedere le cose dalla prospettiva di chi voglia pinnare le foto che visualizza in qualsiasi scheda del browser.

Attraverso Chrome è da adesso possibile visualizzare il pulsante Pin nelle immagini quando ci si passi sopra con il mouse in modo da rendere più semplice e rapido il processo di condivisione

Come attivare i Rich Pins di Pinterest su Blogger.

Personalmente non uso molto Pinterest e credo di aver pinnato delle immagini di questo blog solo come test. I siti che usano molto le foto come potrebbero essere quelli di moda, di make-up o anche di architettura possono avere con Pinterest un valido strumento per rendere virali delle immagini attraverso i Pin e i RePin dei lettori del blog e di quelli sullo stesso Pinterest. La condivisione delle immagini si riflette ovviamente in un aumento dei visitatori del blog. Dopo i Rich Snippet di Google con le informazioni sull'autore e le Twitter Cards per visualizzare i tweet in modo più analitico anche Pinterest ha deciso di offrire agli webmaster degli strumenti simili.

I Rich Pins di Pinterest servono per rendere più usabili i nostri articoli, i nostri prodotti o le nostre ricette. Il sistema si basa su dei metatag che debbono essere inseriti nelle pagine web del nostro sito. Si può usare il metodo oEmded o quello del Sematic Markup. Quest'ultimo è più semplice soprattutto se abbiamo già inserito nel modello i metatag di Schema.org e di Open Graph di Facebook.

Bottone di Pinterest visibile sulle immagini al passaggio del mouse.

Riprendo il discorso affrontato nel post sul pulsante di Pinterest che si mostra con effetto hover al passaggio del mouse per migliorarne il funzionamento e le personalizzazioni. Lo script è opera di Greenlava autore di Blogger Sentral e mi sono permesso di modificarlo leggermente per renderlo credo più efficace pur mantenendo doverosamente il credit nel commento alla fine del codice.

Con questa nuova installazione si può anche evitare che il bottone appaia anche quando per esempio il mouse passa sopra a una icona del blog e si possono condividere le immagini su Pinterest non solo dai singoli post ma anche dalla Homepage, dalle pagine delle etichette e dalle pagine statiche.

Dopo aver salvato il template andate su Modello > Modifica HTML, cercate la riga </body> e, subito sopra, incollate questo codice

Come incorporare una foto di Pinterest in un articolo del blog.

Pinterest è uno dei social network con il più alto tasso di sviluppo e sfruttarne le sinergie è fortemente consigliato specialmente per quei siti che usano molto le immagini. Dopo l'iscrizione a Pinterest si possono creare delle schede in cui inserire le immagini del web che ci piacciono. Sono disponibili anche widget e bottoni per Pinterest oltre a servizi quali Markerly.

A breve Pinterest cambierà la grafica e c'è già il link per fare il passaggio senza attendere ulteriormente. Si può incorporare in una pagina web un qualsiasi Pin di Pinterest. Cliccando sulla foto e andando su Embed possiamo selezionare e copiare il codice della immagine da incollare in Modalità HTML. Per ogni foto sarà visibile in basso il link a chi l'ha pinnata. Si possono modificare le dimensioni della foto da inserire nel post operando sui parametri sopra al codice sorgente

Widget dello slideshow delle ultime foto pinnate su Pinterest.

Abbiamo appena visto come si possa utilizzare il widget ufficiale dello Slideshow di Blogger per creare una presentazione originale delle foto inserite in un album di Flickr. Seguendo questa stessa falsariga vediamo adesso come sia possibile creare uno slideshow delle immagini pinnate da un utente su Pinterest o solo di quelle inserite in un determinato board o scheda che dir si voglia.

Ho già presentato un gadget dello stream delle immagini di Pinterest in cui si riscontrano però dei difetti che spero non sussistano più nello slideshow che vado a illustrare. Prima di iniziare dobbiamo fissare alcuni concetti fondamentali su Pinterest. L'indirizzo di un account Pinterest è del tipo http://pinterest.com/nomeutente mentre l'indirizzo di un board o scheda è il seguente http://pinterest.com/nomeutente/nomeboard. Da questi indirizzi si possono desumere gli URL dei rispettivi feed. Ecco per esempio gli URL dei feed del mio account e di una mia scheda 

Come inserire il bottone di Pinterest nei blog di Blogger a Visualizzazione Dinamica.

Chi ha scelto di usare i template a Visualizzazione Dinamica per il proprio blog su Blogger deve rinunciare a quasi tutte le personalizzazioni che invece sono possibili con tutti gli altri modelli. Si possono solo nascondere determinati elementi, personalizzare l'intestazione, inserire certi widget, modificarne il colore e poco altro. Nei modelli più vecchi o anche in quelli del Designer Modelli possono essere installati i bottoni per condividere le immagini su Pinterest. Questo con certe limitazioni può essere fatto anche con i modelli a Visualizzazione Dinamica. C'è però una grossa limitazione visto che può essere condivisa solo una immagine precedentemente impostata. Speriamo che le personalizzazioni per questi modelli diventino sempre più frequenti visto che da qualche tempo è possibile andare su Modello > Modifica HTML per modificare il codice.

Dopo aver salvato il template si va su Modello > Personalizza > Avanzato > Aggiungi CSS e nell'apposito spazio in alto a destra si incolla il seguente codice