Deprecated: Function get_magic_quotes_gpc() is deprecated in /web/htdocs/www.trackarena.com/home/blog/wp-includes/formatting.php on line 4371
Vi sarà capitato qualche volta di provare a condividere qualcosa su Facebook e di ottenere un semplice link al posto di un’anteprima della pagina da condividere con immagine, titolo e estratto del contenuto.
E’ irritante vero? Da oggi però non vi succederà più, almeno con atletipercaso.net .
Abbiamo migliorato infatti la lettura delle pagine del sito da parte di Facebook aggiungendo i meta tag per Open Graph, un linguaggio creato dagli sviluppatori del social network più grande del mondo per migliorare l’estrazione di informazioni dalle pagine web.
In particolare abbiamo inserito i tag og:title, og:description e og:image, i tre che servivano proprio a Facebook per gestire la condivisivione. Mentre il titolo e la descrizione spesso venivano riconosciuti automaticamente, per il social network risultava difficile scegliere l’immagine di anteprima tra tutte quelle presenti nella pagina, portandolo quindi spesso ad attribuire una immagine che poco c’entrava con il contenuto. Abbiamo fatto in modo inoltre che l’immagine del link condiviso sia più grande rispetto a prima, con un effetto grafico decisamente migliore e più accattivante.
Abbiamo eseguito un’operazione simile anche per Twitter e Google, nonostante non ci fossero errori evidenti.
Su Twitter abbiamo abilitato una funzionalità introdotta da poco, le Card. Questo strumento permette ai siti di far comparire un’anteprima dei propri contenuti sotto il tweet quando qualcuno li condivide con i suoi follower.
Questa volta sono stati molti di più i tag che abbiamo dovuto aggiungere, per un risultato però indubbiamente migliore. Infatti oltre a titolo, contenuto e immagine dell’articolo nell’anteprima compaiono anche i link ai profili twitter del sito e dell’autore dell’articolo.
Per quanto riguarda Google+ invece, il social network di Google, non abbiamo dovuto aggiungere nuovi tag visto che riconosce automaticamente quelli di Facebook. Tuttavia visto che c’eravamo abbiamo migliorato la comparsa nel sito nei risultati di ricerca.
Stavolta l’operazione è stata più delicata perchè ho dovuto fare in modo che accanto al titolo dell’articolo, alla data e all’autore, compaian dei piccoli pezzi di codice che i visitatori del sito non vedono, ma che servono al motore di ricerca ad organizzare i contenuti.
Ora se tra i risultati di una ricerca su Big G compare un articolo di atletipercaso.net sotto il titolo viene mostrato il nome dell’autore con il link al suo profilo di Google+.
Se avete domande su qualcosa in particolare o se avete riscontrato un problema sul sito segnalatecelo in un commento qui sotto, saremo contenti di rispondervi!