Ottimizzare l’aspetto dei tuoi contenuti sui canali social

Immagine avatar per Andrea Di Rocco

Pubblicato da Andrea Di Rocco in

575 Visite sul post corrente.

Ottimizzare l’aspetto dei contenuti sui social

Quando condividiamo contenuti sui social, ci aspettiamo che tutte le informazioni siano ben chiare: autore, immagine e descrizione devono essere ben visibili ed esplicative del contenuto. Per questo, è importante che ti assicuri di ottimizzare le condivisioni dei tuoi contenuti sui canali social.

Fortunatamente, WordPress è uno strumento così completo che ha pensato anche a questo. Con questa guida, scoprirai come far apparire al meglio i tuoi contenuti sui social ogni volta che verranno condivisi.

Per essere efficace e comunicare in maniera ottimale, la condivisione di un articolo deve avere determinate caratteristiche:

  • un’immagine bella e grande;
  • il link del tuo sito;
  • una descrizione personalizzata.

Ecco, ad esempio, come dovrebbe apparire una buona condivisione sui social:

Condivisione sui social ottimizzata

Come vedi, il post appare molto bene. Infatti, ha anche generato un buon numero di “Mi piace” e condivisioni.

La stessa cosa può essere fatta su Twitter, Pinterest, eccetera.

Come ottimizzare la condivisione dei tuoi contenuti sui canali social

Tutti i principali social network – Facebook, Twitter, Pinterest, LinkedIn ed altri – usano dei cosiddetti “protocolli” per raccogliere le informazioni relative ad un contenuto ed integrarle nelle condivisioni.

Questi protocolli sono effettivamente una serie di parametri a cui vengono associate le informazioni specifiche per ciascun contenuto.

Facebook

Facebook usa il cosiddetto protocollo Open Graph. Si tratta di un protocollo che è stato introdotto nel 2010 per favorire l’integrazione tra Facebook e gli altri siti web.

Anche Twitter e LinkedIn riconoscono l’Open Graph. Twitter utilizza dei tag specifici per le social card, ma se i suoi bot non li trovano, usano quelli dell’Open Graph.

I tag base sono quelli relativi a titolo (og:title), tipo di contenuto (og:type), immagine da associare alla condivisione (og:image) e URL (og:url). Se ti interessa approfondire il funzionamento di questo protocollo, ti consiglio di visitare il sito ufficiale Open Graph [inglese].

Twitter

Twitter usa invece le Social Cards. Questo protocollo funziona in modo simile ad Open Graph. La proprietà più importante è quella chiamata twitter card, che serve a definire il tipo di condivisione che si desidera creare (per esempio, un prodotto, un’immagine, un’app, eccetera). Quindi, a seconda della tipologia di contenuto, si possono usare altre proprietà per aggiungere informazioni e contenuti specifici.

Per esempio, la proprietà twitter:site serve ad inserire l’username Twitter del sito associato alla condivisione, oppure la proprietà twitter:creator per inserire quello dell’autore del contenuto.

Qui sotto vedi un esempio di tweet ottimizzato con le social cards. Per altri esempi e approfondimenti relativi all’utilizzo delle social cards, visita il sito ufficiale Twitter [in inglese].

Usando protocolli e metadati in modo avanzato, è possibile integrare nelle tue condivisioni anche altre informazioni e, addirittura, contenuti media. Per esempio: hashtag (#), video, ingredienti (per quanto riguarda le ricette su Pinterest), prezzi dei prodotti e altro ancora.

Grazie a WordPress, puoi configurare tutte le informazioni base da visualizzare nelle condivisioni sui social in modo automatico, grazie ai plugin.

Vediamo subito quali sono gli strumenti migliori e come usarli.

Strumenti per ottimizzare le condivisioni dei tuoi contenuti sui social

La grande versatilità di WordPress ti permette di collegare al meglio il tuo sito web con i social, e per questo ci sono vari strumenti che potrai utilizzare per ottimizzare le condivisioni dei tuoi contenuti sui social.

Ti parlerò di due interessanti plugin. Li troverai entrambi sia in versione gratuita che in versione Premium. Uno di questi probabilmente lo conosci già!

Yoast SEO per ottimizzare le condivisioni sui principali social

Yoast SEO è uno dei miei plugin preferiti. Creato per permetterti di ottimizzare in modo guidato tutti i contenuti del tuo sito WordPress, ha moltissime funzionalità. Tra queste, anche la gestione delle informazioni che appariranno sulle tue condivisioni social.

Ottimizzare le condivisioni sui social con Yoast

Una volta attivato il plugin, vedrai che tra le voci incluse nella sezione SEO, ne compare una chiamata proprio Social. Cliccaci sopra.

Qui ci sono 4 tab: Account, Facebook, Twitter e Pinterest.

Nella scheda Account puoi inserire il collegamento ai tuoi profili Facebook, Twitter, Pinterest ma anche Instagram, Myspace, LinkedIn, YouTube e Wikipedia.

Configurazione Facebook per Yoast

Impostazioni condivisione Facebook con Yoast

Per prima cosa, abilita la voce “Aggiungi metadati Open Graph”.

Quindi, inserisci il titolo e la descrizione del tuo sito. Nei due campi URL Immagine, aggiungi un’immagine di default, rispettivamente per la home page e per il caso in cui condividi un articolo che non abbia un’immagine in evidenza. Per esempio, puoi usare semplicemente il tuo logo.

Clicca Salva le modifiche e hai finito. Ora che hai attivato l’utilizzo del protocollo Open Graph, Yoast fornirà automaticamente a Facebook tutte le informazioni per fare apparire al meglio i tuoi contenuti WordPress.

Configurazione Twitter per Yoast

Clicca sulla tab Twitter e spunta la voce Aggiungi i metadati della Twitter card per attivare l’uso delle social cards.

Infine, seleziona il tipo di condivisione che vuoi usare: Sommario (condivisione “semplice” con immagine piccola – – trovi alcuni esempi sul sito ufficiale Twitter [inglese]) o Sommario con immagini grandi (con un’immagine grande – trovi esempi di condivisioni su Twitter qui [inglese]).

Un suggerimento: per visualizzare un’anteprima delle tue condivisioni su Twitter, usa lo strumento Card Validator. Ti basterà inserire l’URL dell’articolo per conoscere che aspetto avrà.

Configurazione Pinterest per Yoast

Visto che Pinterest utilizza i metadati dell’Open Graph come Facebook, assicurati di averli abilitati nella scheda Facebook, come ti ho mostrato prima.

Devi anche confermare l’account Pinterest, aggiungendo il meta tag nella scheda dedicata al social network.

Impostazioni condivisione su Pinterest con Yoast

Per ottenere il meta tag, accedi al tuo account Pinterest. Clicca sui tre puntini che aprono il menu in alto a destra, poi vai su Modifica impostazioni.

Qui, dovrai inserire l’URL del tuo sito nell’apposito campo, clicca su Verifica e otterrai un codice. Dovrai poi copiare il meta tag così ottenuto e inserirlo nel campo Conferma Pinterest di Yoast.

WPSSO Core

Prima di iniziare: attenzione! Se usi Yoast e decidi di installare WPSSO Core, accertati che i meta dati Open Graph e quelli della Twitter Card su Yoast siano disattivati, altrimenti i due plugin andranno in conflitto.

WPSSO Core renderà le condivisioni dei tuoi contenuti sui social, ma anche su Messenger, WhatsApp, Skype, perfettamente ottimizzate.

La configurazione è molto semplice e completa.

Dopo aver installato e attivato il plugin, accedi alla voce SSO > Essential della tua Bacheca e aggiungi le informazioni essenziali generali.

WPSSO Core per ottimizzare le condivisioni dei contenuti sui social

Troverai poi altre quattro tab. Nella tab Facebook, aggiungi l’URL della tua pagina e l’immagine di default. Nella tab Google troverai invece le impostazioni che ti permetteranno di completare e migliorare l’aspetto del knowledge graph, il riquadro in evidenza nella pagina dei risultati di ricerca. Su Pinterest e Twitter basterà inserire l’URL del tuo profilo.

Vai ora nella sezione General, dove inserirai il nome e la descrizione del tuo sito e altri dettagli su titoli, autore, immagini e video in evidenza.

Le impostazioni avanzate sono molto più tecniche, ma non avrai bisogno di modificare nulla. Quelle di default sono già perfettamente configurate.

La configurazione di WPSSO Core è quindi conclusa!

Funzionalità aggiuntive di WPSSO Core

Come vedi, anche la versione gratuita è sufficiente per svolgere il proprio lavoro di ottimizzazione delle condivisioni dei tuoi contenuti sui social ma, se volessi aggiungere delle funzionalità, puoi scegliere di attivare i diversi add-on disponibili. I più interessanti sono:

  • WPSSO Mobile App Meta, per gestire le informazioni delle app per dispositivi mobili;
  • WPSSO Place / Location and Local Business Meta, per la gestione delle località e quindi per dare una spinta in più alla tua Local SEO;
  • WPSSO Ridiculously Responsive Social Sharing Buttons, per aggiungere pulsanti di condivisione responsive;

…e molti altri. Li trovi tutti nella pagina WPSSO Plugins, nel sito ufficiale. Alcuni sono gratuiti e altri a pagamento.

Inoltre, con la versione Premium di WPSSO Core avrai tante funzionalità in più, come la personalizzazione della condivisione di ogni singolo articolo, l’integrazione con bbPress e BuddyPress, WooCommerce, Yoast e All in One SEO Pack, e con servizi come YouTube, Gravatar, Vimeo ecc.

La licenza Premium di WPSSO Core ha un costo a partire da $59 per un singolo sito e ti garantisce aggiornamenti e supporto a vita.

Gestione avanzata delle condivisioni

Sia Yoast SEO che WPSSO permettono una certa personalizzazione dell’aspetto della condivisione, ma entrambi nella loro versione Premium. Le versioni gratuite, invece, useranno in automatico l’immagine in evidenza, il titolo e la prima parte del tuo articolo.

Grazie alla personalizzazione di questi elementi, potrai far apparire al meglio i contenuti WordPress sui social, mostrando un’immagine e una descrizione più appropriata per la tua condivisione.

Se, invece, vuoi personalizzare ulteriormente le tue condivisioni, ti consiglio di approfondire l’utilizzo dei protocolli Open Graph, delle Social Cards, ecc. seguendo i link inclusi nelle sezioni precedenti.

Conclusione

Con questi due strumenti, potrai finalmente personalizzare e ottimizzare le condivisioni dei tuoi contenuti sui social e ottenere da esse il massimo del vantaggio e della visibilità.

Come è l’aspetto delle tue condivisioni?

Usi già uno strumento per ottimizzarle?

Ti invito a lasciare i tuoi suggerimenti e le tue domande qui sotto nei commenti.

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
25Commenti
Lascia un commento
  1. Immagine avatar per Lara Ceroni
    Lara Ceroni

    Ciao Andrea e Staff, molto interessante l’articolo, ma se una persona volesse anche mettere i bottoni social lo può fare ?

    1. Immagine avatar per SOS WP Team
      SOS WP Team

      Certamente si, è possibile!

  2. Immagine avatar per Stefamo
    Stefamo

    Salve io utilizzo lo stesso tema del vostro portale (Enfold Child) ma solo in homepage ho problemi a visualizzare OG anche se ho settato tutto nella parte Yoast.

    og:title content=HOME

    Grazie a chi mi può aiutare.

  3. Immagine avatar per Francesco
    Francesco

    Ciao, da qualche settimana quando si clicca sul tasto di condivisione facebook del nuovo articolo che pubblico non compare più l’immagine in evidenza, ma compare l’articolo. Non ho modificato alcuna impostazione rispetto al passato.
    Da cosa potrebbe dipendere? Che tipo di controllo potrei effettuare?

    Grazie in anticipo per la risposta!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Francesco, fai un test ulteriore, usando il debug di Facebook https://developers.facebook.com/tools/debug. A volte basta questo per mostrare finalmente l’immagine corretta nella condivisione. Facci sapere!

    2. Immagine avatar per Francesco
      Francesco

      Ciao Andrea,
      l’ho appena fatto e mi compare questo avviso di errore:

      Proprietà mancanti
      Mancano le seguenti proprietà necessarie: fb:app_id

      Non saprei cosa significa esattamente

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Temo che tu allora non abbia ancora creato la tua app Facebook, che ti serve per collegare il profilo al sito web. Ne parliamo qui https://sos-wp.it/come-mettere-commenti-di-facebook-su-wordpress/.

  4. Immagine avatar per Morris
    Morris

    Ciao a tutti e complimenti per l’ottimo servizio che date. Ho cercato il post più attinente ma non l’ho trovato per cui scrivo qui. Vorrei fare in modo che quando posto un articolo venga condiviso in automatico sulla pagina Facebook e Google Plus. Sono andato in “Impostazioni/Pubblicizza” e ho collegato le due pagine soltanto che Google Plus non pubblica in automatico. Vi segnalo che per Facebook c’è la voce “(Condiviso) Connesso come:…..” mentre per Google Plus c’è solamente “Connesso come:…”. Se potete aiutarmi ve ne sarei grato. Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, stai usando un elemento del tema per la condivisione? Per la pubblicazione in automatico, puoi usare questo pluginL: https://it.wordpress.org/plugins/social-media-auto-publish/. Un saluto!

  5. Immagine avatar per marco
    marco

    Ciao Chiara,

    mi sono accorto di una anomalia per la condivisione social. Premesso che uso un plugin (SNAP) per la pubblicazione automatica, sulla Fan Page se guardo da postazione fissa è tutto ok (immagine+titolo+paio di righe), mentre se la guardo dal mio dispositivo mobile compare solo il titolo del post e l’indirizzo del sito. Da cosa può dipendere? Yaost Seo configurato nel modo giusto.

    Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, verifica che succede disattivando uno dei due plugin.

    2. Immagine avatar per marco
      marco

      Ho provato a disattivare Snap, al primo post successivo effettivamente il problema è sparito..Poi però si è ripresentato nei seguenti. Che faccio?

      Grazie

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Verifica che non sia legato anche ad altri plugin.

    4. Immagine avatar per marco
      marco

      Ho provato anche a disattivare tutti i plugin ma non cambia nulla. Qualcosa legato all’immagine in evidenza? Io spesso uso immagini trovate in rete

    5. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      No, non dovrebbe essere questo il problema.

    6. Immagine avatar per Marco
      Marco

      Capito. Però disattivandoli tutti e non cambiando nulla lo stesso il problema dovrebbe risiedere altrove, no?

      Grazie

    7. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Sì Marco, per una analisi più approfondita e risolvere il problema una volta per tutte puoi contattare il nostro servizio di Assistenza Tecnica da qui: https://sos-wp.it/assistenza/.

  6. Immagine avatar per Igor
    Igor

    Ciao, volevo chiedervi se conoscete unplugin free che permette la pubblicazione automatica degli articoli nei vari social, al momento uso Jetpack che ha una serie di plugin da poter attivare, ma ne volevo uno meno ingombrante, potete aiutarmi?

    Grazie e bell’articolo.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Igor,
      in questo articolo puoi trovare molti plugin che fanno al caso tuo: https://sos-wp.it/wordpress-social-plugin/.
      Spero di esserti stato di aiuto, continua a seguirci ;-).

    2. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao Igor,

      Grazie anche da parte mia per il tuo commento 😉

      Quale strumento hai poi deciso di usare?

      Buona settimana!
      Chiara

  7. Immagine avatar per Web
    Web

    Ottimo post, spesso molti blog trascurano questo aspetto

    1. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao, grazie per aver letto il post e per il commento. E’ vero, spesso vedo ottimi post che non sono stati ottimizzati e non ricevono quindi la dovuta visibilità sui social…
      Mi fa molto piacere che l’articolo ti sia piaciuto!

  8. Immagine avatar per Mauro Stupato
    Mauro Stupato

    Ciao, io uso ALL IN ONE SEO PACK PRO e WPSSO PRO. Secondo la tua opinione è eccessivo? Dovrei disabilitare le funzioni di AIOSP ?

    1. Immagine avatar per Chiara Buzzi
      Chiara Buzzi

      Ciao Mauro,
      Grazie per la domanda e per aver menzionato WPSSO PRO, che è un altro ottimo plugin per l’ottimizzazione dei contenuti.
      Se usi la versione pro di WPSSO non avrai problemi: infatti, questo strumento è stato sviluppato in modo da individuare eventuali plugin SEO già attivi sul sito (tra cui anche All In One Seo Pack) e non entrare in conflitto.
      Complimenti per il lavoro che stai facendo e buona giornata!

  9. Immagine avatar per Andrea Di Rocco
    Andrea Di Rocco

    Ciao Stefano, la tua home è una pagina statica?

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *