Come aggiungere l'icona del Play alle miniature dei video di Youtube condivise su Facebook e Twitter.

Come condividere i post su Facebook e Twitter con una immagine che abbia anche l'icona del Play di Youtube o Vimeo per avere più click.

Quando scorrete le Timeline dei social vi sarete certamente imbattuti in post che a prima vista sembrerebbero dei video poi quando si clicca sopra alla icona di riproduzione invece di visualizzare il filmato veniamo reindirizzati a un'altra pagina.

In effetti molti siti tra cui anche prestigiosi quotidiani cartacei che sono seguitissimi anche online hanno preso l'abitudine di pubblicare delle immagini del player di Youtube con l'icona del Play. Non si tratta quindi di un vero Player e quindi non inizia la riproduzione del video ma ci sarà solo l'apertura del sito con ovvio vantaggio di aumento di traffico.

Personalmente non amo molto questi trucchetti di clickbaiting ma vediamo come procedere anche solo per mera curiosità. Innanzitutto si può avere facilmente l'indirizzo della miniatura di un video di Youtube. Quando si apre un video di Youtube nella barra del browser viene mostrato questo URL

www.youtube.com/watch?v=ID-VIDEO

dove ID-VIDEO è una stringa alfanumerica identificativa e univoca di 11 caratteri. Dall'ID del video si possono trovare gli indirizzi delle miniature con queste regole

http://img.youtube.com/vi/ID-VIDEO/1.jpg
http://img.youtube.com/vi/ID-VIDEO/2.jpg
http://img.youtube.com/vi/ID-VIDEO/3.jpg
http://img.youtube.com/vi/ID-VIDEO/0.jpg
http://img.youtube.com/vi/ID-VIDEO/default.jpg
http://img.youtube.com/vi/ID-VIDEO/mqdefault.jpg
http://img.youtube.com/vi/ID-VIDEO/hqdefault.jpg
http://img.youtube.com/vi/ID-VIDEO/maxresdefault.jpg

Le miniature con 1, 2 e 3 hanno dimensioni 120x90 pixel. La miniatura con 0 ha dimensioni 480x360 pixel. Le miniature con hqdefault e maxresdefault sono disponibili qualora il video abbia una risoluzione adeguata. La miniatura con hqdefault ha una risoluzione 480x360 pixel mentre quella con maxresdefault ha la risoluzione massima che dipende dalla risoluzione del video e che può essere di 1600x900 pixel o anche di 1920x1080 pixel.

Quindi per trovare la miniatura di un video con la risoluzione massima si deve usare maxresdefault. Tanto per fare un esempio se si incolla nel browser questo indirizzo

http://img.youtube.com/vi/KkRJVtfwlcA/maxresdefault.jpg

si visualizzerà la miniatura dell'ultimo video tutorial che ho pubblicato su Youtube. Si può usare questo indirizzo come sorgente della immagine oppure cliccare sulla pagina con il destro del mouse e scegliere Salva immagine con nome. Vediamo come aggiungerci l'icona del Play.

AGGIUNGERE L'ICONA DEL PLAY CON UN EDITOR GRAFICO

Si può facilmente aggiungere l'icona del Play con Photoshop oppure con Gimp. Con Photoshop si va su File -> Apri per aprire l'immagine quindi su Inserisci e si seleziona l'icona da aggiungere

 

quindi eventualmente si ridimensiona per poi andare sul destro del mouse e cliccare su Inserisci. Le icone possono essere facilmente trovate su IconFinder, Flaticon e altri servizi simili.

AGGIUNGERE L'ICONA CON UN SERVIZIO ONLINE

Si può aggiungere una icona alla miniatura anche con Giikers che mette a disposizione tutte le icone di riproduzione di Youtube e di Vimeo. Si incolla l'URL della immagine, che può essere quello che abbiamo creato con l'ID del video su Youtube,

quindi si seleziona l'icona da aggiungere alla immagine. Si indica la larghezza della immagine di output e infine si va su Generate Image. Dopo un veloce processo si visualizzerà l'Anteprima

 

Dovremo andare su Click Here To Download per scaricare la miniatura così modificata.

COME PUBBLICARE UN POST CHE CONDIVIDA QUESTA MINIATURA

Per fare in modo che Facebook e Twitter mostrino questa miniatura sotto al titolo del post condiviso bisogna posizionarla come prima immagine dell'articolo. Se Facebook non visualizzasse correttamente la miniatura cliccate con il destro del mouse sulla stessa nel post per poi andare su Copia l'indirizzo della immagine. Incollate poi all'inizio del post e su HTML questa riga

<link href="URL_IMMAGINE" rel="image_src"></link>

e aggiornate l'articolo. Quando condividerete l'articolo su Facebook vedrete questa finestra

di Anteprima. I vostri amici o i sottoscrittori della vostra Pagina Facebook saranno più propensi a cliccare sulla miniatura perché sembra un player video che si riproduce direttamente su Facebook. Il risultato sarà quindi quello di un aumento del traffico dovuto proprio a questo escamotage. La miniatura su Twitter sarà visibile solo se è stata attivata la Twitter Card mentre per la corretta condivisione su Facebook si deve seguire questo post.