Aggiungere il Testo Alternativo alle foto su Facebook, Twitter e Instagram

Il Testo Alternativo aggiunto alle immagini è un attributo ben conosciuto da chi pubblica contenuti sul web. Viene aggiunto al codice HTML mediante il tag Alt ponendolo, dopo il simbolo dell'uguale, tra le doppie virgolette. In tale campo si deve digitare un testo che illustra il contenuto della foto a cui si riferisce. Se il browser per qualche ragione non riesce a caricare la foto, ecco che il navigatore potrà visualizzare e leggere il testo alternativo inserito. 

Il tag Alt non viene usato solo per le immagini ma si può usare anche per altri oggetti HTML come i link e i video. Solitamente nel web il Testo Alternativo viene aggiunto insieme al tag Title. Quest'ultimo viene visualizzato come testo in un tooltip sopra alle immagini nel momento in cui ci si passa sopra con il cursore.

Il tag Title è importante soprattutto per chi naviga nel web. Posizionando il puntatore sopra un link o una immagine si vedrà il testo del tag all'interno di un tooltip che mostrerà il titolo della foto e quello della pagina linkata. 

Il tag Alt è invece fondamentale per la ottimizzazione delle pagine web ovvero per quella che viene definita l'attività SEO. È importante soprattutto inserirlo nelle immagini. Oltre a essere utile agli ipovedenti per comprendere a cosa si riferisca una foto, viene considerato essenziale da Google che lo utilizza per indicizzare le foto e che faciliterà la visualizzazione delle immagini nei risultati di ricerca con query pertinenti al testo digitato.

Adattare le foto alle giuste dimensioni per Facebook, Instagram, Twitter, Youtube, Snapchat, Pinterest ecc

In un precedente post abbiamo visto come adattare in modo automatico le immagini alle dimensioni di profilo e copertina dei social network più famosi. Quello che avevo indicato non è l'unico servizio che offre quella funzionalità.

Le foto postate sui social network non devono essere adattate nelle dimensioni soltanto per copertina e profilo. Anche i post su Facebook e Twitter o le immagini pubblicate su Instagram e su Pinterest debbono avere un dato rapporto tra larghezza e altezza.

Quando si pubblica su Instagram da mobile, c'è un passaggio apposito per il ritaglio automatico della foto ma non per tutti i social è così. Se avete riscontrato problemi nella pubblicazione di foto che sono state ritagliate arbitrariamente, o che vengono mostrate in modo non ottimale, potete usare uno dei due tool indicati qui di seguito che servono appunto per questo scopo.

Dimensioni giuste delle immagini di profili e copertine per i social

Quando si cambia la copertina di Facebook, la foto del profilo di Twitter o la cover del canale di Youtube, abbiamo sempre la difficoltà di trovare le giuste larghezza e altezza, perché non esiste uno standard unico in merito. Per esempio l'immagine della cover di Facebook deve essere di 851x315 pixel mentre quella dell'header di Twitter deve avere dimensioni di 1252x626 pixel.

È anche piuttosto difficile ricordarsi tutti questi valori. Ovviamente possiamo caricare anche immagini di risoluzioni diverse da quelle indicate, però poi saranno riadattate dal social network e il risultato non sarà sempre apprezzabile. Nel web c'è un sito che aiuta i frequentatori dei social network a impostare le giuste dimensioni delle immagini prima di caricarle nei vari social.

Tale strumento gratuito si appresta ad avere un aggiornamento ma anche adesso è sicuramente utile per impostare al meglio le foto di profilo, copertina e background.

Come adattare le foto a profilo e copertina di Facebook, Twitter, ecc

Le dimensioni delle immagini del profilo e della copertina dei social network non sono standard e cambiano da social a social. Una foto che va bene per la copertina di Twitter, può non andare bene per quella di Facebook e di Google+. Azzeccare le giuste misure al primo tentativo è praticamente impossibile.

I cambiamenti di grafica poi sono tutt'altro che rari, e una immagine che andava bene qualche tempo fa, adesso può essere troppo corta o troppo alta. Per cambiare le immagini della cover o del profilo, è quindi consigliabile affidarsi a siti specializzati che ritagliano automaticamente le foto adattandole alla giusta dimensione per quel social e per quella data funzionalità.

Nel precedente articolo abbiamo visto come cambiare la foto del Profilo di Facebook senza che i nostri amici ne ricevano notifica. In questo post vedremo come usare uno di questi siti specializzati, per ritagliare le foto da usare come profilo, copertina e altre funzioni nei social Facebook, Twitter, Youtube, Google+, Flickr, Vimeo, Pinterest, Skype, Tumblr, Linkedin, Gravatar, Xing, Viadeo, Slideshares, Foursquare, About.me.

Come analizzare i follower di Twitter e Instagram e scoprire quanti sono i fake e gli inattivi.

Avere un grande numero di follower su Twitter è diventato anche un modo per dimostrare la popolarità di un personaggio pubblico e la capacità di relazionarsi di un assiduo frequentatore del web. Attraverso l'app desktop e mobile Crowdfire (ex JustUnfollow) possiamo scoprire chi smette di seguirci, chi ci segue senza essere ricambiato, chi seguiamo senza reciprocità e quanti e chi sono gli utenti inattivi. Questa applicazione ha anche una versione mobile per Android e iPhone e serve anche per monitorare i follower su Instagram.

Sulla scia del grande successo di Twitter sono nate delle organizzazioni che procurano dei follower a pagamento o anche a insaputa degli utenti. Vengono creati dei Profili virtuali o dei veri e propri bot che diventano seguaci di utenti con un gran numero di follower proprio per avere più visibilità. Paradossalmente quindi quando si aumenta il numero di follower si può generare un effetto moltiplicatore che porta a un ulteriore aumento e così via. Questo fenomeno riguarda solo marginalmente i normali utenti di Twitter. Si possono però fare delle considerazioni generali:

Come installare in Blogger i bottoni dei social nella versione desktop e in quella mobile.

Con questo post ho intenzione di fare un riassunto che faccia un po' di ordine sul tema della installazione dei pulsanti di condivisione sociale da mostrare sia nella versione desktop sia nella versione mobile di Blogger. Questo tema l'ho affrontato più volte e le risorse sono suddivise in più post che è difficile reperire con la ricerca del sito.

L'obiettivo è quello di mostrare alla fine dell'articolo tutta una serie di icone sociali che permettano la condivisione del post o l'apertura del profilo dell'autore nei vari social network come Facebook, Twitter, Google+, WhatsApp, Youtube, Instagram, ecc. Alcuni pulsanti sono utili in entrambe le versioni mentre altri sono importanti solo nel mobile (WhatsApp) o solo nel desktop (Youtube).

Come installare il bottone Invia di Facebook su Blogger.

Continuo nei tutorial per la installazione dei Social Plugin di Facebook e dopo il classico pulsante Mi Piace e l'altrettanto conosciuto bottone Condividi passo alla illustrazione della semplice procedura per l'implementazione del pulsante Invia o Send in inglese.

La differenza tra Invia e i precedenti Mi Piace e Condividi è essenzialmente una questione di Privacy. Mentre Mi Piace e Condividi sono funzionali a azioni pubbliche o comunque condivise almeno con gli Amici di Facebook il bottone Invia si può considerare simile a quello di WhatsApp.

Widget animato di icone collegate ai social network.

Quando si installa un widget in un sito che contiene delle immagini collegate a social network o ad altre risorse bisognerebbe sempre preferire quelli che utilizzano i CSS Sprite perché con questo sistema si riducono a una soltanto le chiamate HTTP con un grande beneficio sulla velocità di caricamento che come è noto da tempo è diventato uno dei fattori di ranking di Google.

Quello che vado a presentare è un widget di questo tipo anche se molto semplice. Utilizza una sola immagine che ne contiene ben otto. Una per ciascun social network di colore grigio che viene visualizzata in condizioni normali e altre quattro colorate per gli stessi social network che si visualizzano al passaggi del cursore sopra di esse. Nello screenshot successivo il mouse è sopra alla icona di Facebook

Come installare in Blogger un menù su 2 livelli con casella di ricerca e pulsanti per i social.

Gli utenti di Blogger possono usare le pagine statiche per realizzare un menù orizzontale che però è solo su un livello. Questa soluzione non è sufficiente per siti che abbiano pubblicato molti post su diversi argomenti e che quindi hanno bisogno di menù su più livelli per aggiungere tutti gli elementi.

Il menù più completo che si possa realizzare è quello che oltre a un menù su più livelli abbia implementata anche la casella di ricerca e le icone con collegamento ai vari social network. Un altro tema importante è quello del posizionamento del menù. Le due posizioni preferite sono quella subito sopra alla Intestazione e quella subito sotto a quest'ultima. Si può però scegliere anche di mostrare un menù siffatto insieme a quello del menù delle pagine statiche.

Come aggiungere link al blog e ai social nel Canale di Youtube.

A seguito di un commento ricevuto ieri pubblico questo instant post su un argomento di secondo piano ma che ha una sua rilevanza pratica. Nel Canale di Youtube di ciascun utente, in basso a destra della copertina vengono aggiunte di default delle icone con collegamento ai social network. 

I link aggiunti automaticamente sono a Facebook e Google+ che sono conosciuti da Google perché inseriti in altre impostazioni del Canale. Questi collegamenti sono utili per invogliare gli utenti che ci seguono su Youtube a farlo anche su Twitter, Google+ e sugli altri social. Vediamo come fare ad aggiungere altri collegamenti a Twitter e a social meno conosciuti ma altrettanto importanti come Pinterest e Instagram. La situazione iniziale poniamo sia questa

Creare immagini delle giuste dimensioni per la copertina e il profilo di Facebook, Twitter e degli altri social.

Se avete provato a caricare delle foto per personalizzare la grafica dei vari social network è praticamente certo che non avete azzeccato le misure giuste al primo colpo. Purtroppo non c'è una dimensione standard per le copertine o per le immagini del profilo di Facebook, Twitter, Google+, ecc.

Come se non bastasse non è raro che venga modificata la grafica di alcuni social network e che quindi non vadano più bene le immagini che invece prima erano perfettamente calibrate. Sono anche nati dei siti specializzati nella creazione di immagini adatte alla Timeline di Facebook.

Google lancia Help on Social per domande e risposte via Twitter su prodotti Google.

Probabilmente avrete almeno una volta aperto una pagina di Yahoo Answer in cui alcuni utenti postano domande e altri utenti più esperti pubblicano le risposte. Non si può essere esperti di tutto quindi tutti noi potremo avere bisogno di un servizio di quel tipo per un problema che non riusciamo a risolvere e nel contempo essere in grado di aiutare altri che si trovino in situazioni che noi abbiamo già risolto.

Con un post su Google+ è stato annunciato il Google Top Contributor Program per mettere in contatto utenti di Google in modo da condividere le loro conoscenze. In sostanza se abbiamo dei dubbi su un argomento di un prodotto Google basterà pubblicare un tweet con l'hashtag #gHelp con l'ovvio limite di 140 caratteri.  Il tweet con quell'hashtag sarà sicuramente letto da un team di esperti che provvederà a rispondere sempre tramite Twitter.

Ma chi sono questi esperti? Sono semplicemente altri utenti di prodotti Google che in questo modo condividono le loro conoscenze e il loro sapere. Tutti noi siamo dei potenziali esperti su qualche argomento almeno nella nostra lingua. Per poter rispondere ai tweet bisogna accedere a Help on Social

Come scegliere quali notizie vedere nella Home di Facebook.

L'algoritmo di Facebook è strutturato in modo da mostrare solo alcuni dei post condivisi dagli amici o dalle pagine che abbiamo sottoscritto. Tale sistema è denominato EdgeRank ed è stato reso noto fin dal 2010. Uno dei parametri più importanti è quella della età del post in modo da privilegiare quelli più recenti. Da qualche mese inoltre vengono penalizzati gli articoli provenienti dalle pagine fan a tutto vantaggio di coloro che invece hanno accettato di pagare per sponsorizzare la propria pagina.

Non sono un grande lettore della Home di Facebook e quando la apro spesso la scorro senza grande attenzione e anche i miei Mi Piace sono piuttosto rari. Come credo a tutti i frequentatori di Facebook anche a me danno fastidio un certo tipo di condivisioni che magari ad altri invece possono piacere. Sul web ci sono una gran quantità di siti che prosperano inventandosi notizie false. Si tratta quasi sempre di notizie confezionate in modo da creare indignazione. Come se non bastassero le notizie vere su attentati, morti, stupri, atrocità si mettono pure a inventarle. Ognuno è libero di leggere quello che vuole quindi anche la spazzatura ma credo che si dovrebbe stare più attenti a condividerle con gli amici su Facebook. Purtroppo sono in molti che non hanno questa accortezza.

Come installare il bottone di WhatsApp nella versione mobile di Blogger.

Aggiornamento 17/03/2015: Questo sistema funziona solo su cellulari e tablet Android mentre sembra non andare bene per iPhone e iOS in genere. 

Le installazioni della applicazione WhatsApp hanno raggiunto cifre iperboliche dell'ordine di centinaia di milioni e hanno praticamente quasi azzerato i vecchi SMS che ora sono offerti a prezzi stracciati da tutti i player della telefonia mobile. L'acquisizione di WhatsApp da parte di Facebook non ha provocato quella disaffezione degli utenti che in molti temevano.  

Sono sicuro che se avete uno smartphone tale applicazione è una di quelle che usate più spesso perché non serve solo per la messaggistica ma anche per condividere foto, video e anche link. Vi sarà certamente capitato di incollare l'URL di una pagina web su WhatsApp per condividerla con un vostro contatto. La cosa non è certo immediata perché bisogna selezionare e copiare l'URL della pagina da condividere nel browser del cellulare quindi aprire WhatsApp e incollare l'indirizzo a beneficio di un nostro contatto. Come accade anche con gli altri social network usando i tag di Blogger si può creare un pulsante per far condividere ai lettori un articolo del nostro blog con un tap. Tale bottone è inutile mostrarlo nella versione desktop perché WhatsApp è una applicazione eminentemente mobile. Con degli emulatori di cellulari possiamo installarla anche nel computer ma coloro che la usano con questa configurazione credo siano una esigua minoranza. 

Come mostrare le icone dei social network nei blog a Visualizzazione Dinamica di Blogger.

I template di Blogger a Visualizzazione Dinamica o Dynamic Views furono introdotti qualche anno fa da Blogger ma contrariamente a quelle che erano le aspettative non hanno avuto un successo travolgente e ancora adesso i blog che hanno scelto questi modelli rappresentano una minoranza. La ragione principale risiede nella grande difficoltà di personalizzazione che questi comportano.

 

Per esempio non esistono sidebar come negli altri template in cui inserire dei widget immediatamente mostrati ai lettori. Si possono installare i gadget ufficiali di Blogger ma saranno visibili ai navigatori solo passando con il mouse nella parte destra del layout. Un'altra limitazione molto forte è pure l'impossibilità di utilizzare il gadget HTML/Javascript che serve per tutti i widget non ufficiali di Blogger come per esempio la visualizzazione di semplici icone con collegamento ai social network. Non è inoltre possibile mostrare nell'area del post un qualunque gadget con l'unica eccezione del menù delle Pagine Statiche che opzionalmente può essere inserito subito sotto alla intestazione del blog.

Menù fluttuante con icone sociali e casella di ricerca.

Visto il grande successo del menù flottante presentato circa un anno fa ho pensato di integrare voci del menù e icone dei social network con una casella di ricerca in cui digitare opportune parole chiave per visualizzare i post corrispondenti.

Si tratta di un menù che non ha javascript e che quindi potrà essere visualizzato da molti browser anche di dispositivi mobili. Una particolarità è che si tratta di un menù flottante che rimane sempre al top della pagina anche quanto si scrolla verso il basso. Questo significa che sarà comunque nascosta la Navbar di Blogger anche nel caso in cui non si sia già fatto. Un'altra particolarità molto interessante è che questo menù non contiene dei tag di Blogger specifici e quindi può essere installato in qualsiasi pagina web o in un blog di tutte le piattaforme che abbiano un Editor del Tema.

Come salvare i video di Vine sul computer.

Vine è un servizio per la pubblicazione di brevi video fino a 6 secondi che è stato acquistato da Twitter e a cui si può accedere anche con le nostre credenziali su quel social network. Basta andare su Login dopo aver aperta la pagina Vine.co. Data la brevità dei filmati i loro autori si sono specializzati nella realizzazione di vere opere d'arte tramite una gestione fantasiosa dei singoli fotogrammi. Se si accede a Vine da dispositivo mobile mediante una applicazione possiamo condividere i video su Twitter, su Facebook e su tutte le altre applicazioni supportate come Hangout o WhatsApp.

Attraverso il desktop di un computer si possono invece anche scaricare i video per utilizzarli a nostro piacimento nel rispetto delle leggi del copyright. Il sistema più semplice per scaricare un video di Vine nel PC viene offerto proprio dallo stesso social. Dopo aver scrollato la pagina fino a trovare il video che ci piace basta cliccarci sopra con il destro del mouse e scegliere Salva video come, si seleziona la cartella di destinazione e si dà un nome al file. Il formato sarà il classico .mp4 che comunque potrà essere facilmente convertito in altri formati per esempio con Format Factory.

Piccole icone sociali animate alla fine dei post di Blogger per condividere sui social network.

Mi rendo conto che il titolo di questo post non è il massimo dal punto di vista SEO perché troppo lungo e, benché sia molto descrittivo, non rende immediatamente chiaro al lettore l'argomento del post. Si tratta in realtà di inserire in tutti gli articoli una serie di icone che si animano al passaggio del mouse e che permettono di condividere il contenuto del post con un solo click nei social network più importanti.

La novità di questa impostazione è che il lettore non viene mandato all'account dell'autore con un apposito link ma se clicca sopra a una icona si aprirà una pagina precompilata per la condivisione su Facebook, Twitter, Google+ e Linkedin. Ho anche aggiunto le icone di Pinterest, di Youtube e dei Feed RSS anche se in questo caso c'è solo il link all'account senza condivisione di contenuti.

Diciamo che queste prima 4 icone fanno il lavoro dei vari bottoni ufficiali essendo però molto meno invasive, esteticamente più valide e con un aspetto che si intona alla quasi totalità dei blog.

Come inserire delle icone circolari ruotanti nella sidebar.

I collegamenti con i social network sono essenziali per tutti i siti in quanto consentono di creare delle sinergie fondamentali per aumentare il traffico. Oltre ai bottoni con contatore che permettono di condividere articoli nei vari social è utile inserire nel layout del blog le icone con i collegamenti ai nostri account. Ricordo tra l'altro di aver già presentato dei bottoni animati e dei pulsanti in tre dimensioni. Vado adesso a illustrare dei bottoni con collegamento a Facebook, Twitter, Google Plus e i Feed RSS che ruotano al passaggio del mouse. 

Tale comportamento si visualizzerà con i browser che supportano le trasformazioni CSS3 mentre con gli altri, segnatamente Internet Explorer, si vedrà l'icona statica. Ecco l'effetto che si vede con Chrome

Pulsanti con contatore di Pinterest per modello o sidebar di Blogger.

Il social network Pinterest divide il mondo del web in modo pressoché radicale. C'è chi lo considera come il social del futuro e chi invece lo trova assolutamente inutile. Come spesso accade la verità sta probabilmente nel mezzo e la utilità di Pinterest è funzione del tipo di attività web che si sta svolgendo. Chi usa poco le immagini non è interessato all'utilizzo di Pinterest perché è proprio sulla condivisione di foto la sua caratteristica. D'altra parte chi lavora molto con le immagini può trovare Pinterest come uno strumento fondamentale per dare viralità alle sue realizzazioni.

La condivisione delle immagini può avvenire attraverso dei bookmarklet aggiunti al browser oppure tramite dei bottoni appositamente inseriti nel sito. Vediamo come si possano installare su Blogger dei bottoni con contatore che permettano agli utenti di pinnare le nostre foto. Si utilizzano i Goodies di Pinterest per ottenere il codice da inserire nel modello oppure anche in un gadget HTML/Javascript.