Cosa sono i meta tag Open Graph?
I meta tag Open Graph sono frammenti di codice che controllano la visualizzazione delle pagine web quando vengono condivise sui social media. Questi tag fanno parte del protocollo Open Graph, sviluppato da Facebook, ma possono essere utilizzati anche da altri social network come Twitter, Pinterest, LinkedIn e altri.
Facebook ha introdotto il protocollo Open Graph nel 2010 per migliorare l'integrazione tra la sua piattaforma e altri siti web. L'obiettivo era quello di semplificare la condivisione dell'URL di un sito web sulle piattaforme sociali, trasformando le proprietà web in oggetti ricchi e rappresentati graficamente.
I meta tag Open Graph sono stati poi adottati da diverse altre piattaforme, tra cui Twitter e LinkedIn, oltre che da popolari app di messaggistica come WhatsApp.
Meta tag essenziali di Open Graph
La documentazione di Facebook descrive una serie di meta tag Open Graph, ma i cinque seguenti sono essenziali per tutti i tipi di contenuti:
- og:title: Il titolo della pagina che si sta condividendo.
- og:type: Il tipo di contenuto (ad esempio, articolo, libro, video).
- og:url: L'URL canonico della pagina che si sta condividendo.
- og:image: L'URL dell'immagine che apparirà quando qualcuno condividerà la pagina web.
- og:description: Una breve descrizione del contenuto, in genere da due a quattro frasi, da mostrare sotto il titolo.
Perché i meta tag di Open Graph sono importanti?
I meta tag Open Graph sono fondamentali perché consentono ai webmaster di controllare come vengono visualizzati il titolo, la descrizione, il nome del sito e l'immagine della pagina quando vengono condivisi sui social network. Senza i tag OG, le piattaforme sociali come Facebook generano automaticamente l'anteprima in base all'URL, al titolo e alla meta descrizione della pagina. Ciò può comportare anteprime troppo lunghe o immagini di bassa qualità.
I social network sono un importante motore del traffico e delle conversioni dei siti web. I tag OG ottimizzati possono migliorare l'aspetto dei link condivisi, rendendoli più accattivanti e in grado di attirare i clic.
Come aggiungere i meta tag Open Graph?
Il processo di impostazione dei meta tag Open Graph varia a seconda della piattaforma web utilizzata. Ecco una guida rapida per implementare i tag OG in WordPress, il sistema di gestione dei contenuti più diffuso:
- Installare il plugin Yoast SEO: Accedere alla dashboard di WordPress, andare su "Plugin" e installare il plugin Yoast SEO, se non è già installato.
- Aprire l'editor di pagina: Navigare nell'editor della pagina o del post.
- Accedere alla sezione Yoast SEO: Selezionare la scheda "Social" nella sezione Yoast SEO.
- Inserire i metadati Open Graph: Selezionate "Facebook" e fornite i metadati Open Graph richiesti (titolo, descrizione e immagine) per quella pagina. Yoast imposterà automaticamente l'URL.
È anche possibile implementare manualmente i meta tag Open Graph nel codice HTML delle pagine. Ecco un esempio di come potrebbe apparire il codice:
<meta property="og:title" content="Il titolo della vostra pagina" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Una breve descrizione del contenuto della pagina" />.Verifica dei meta tag di Open Graph
Una volta impostati i meta tag OG, è possibile verificare che funzionino come previsto utilizzando il Debugger di condivisione di Facebook. Incollate l'URL che volete controllare, selezionate "Debug" e il programma eseguirà una scansione degli errori e dei suggerimenti dei tag OG. Si otterrà anche una panoramica delle proprietà OG, tra cui il titolo, l'immagine e la descrizione.
Conclusione
I meta tag Open Graph sono uno strumento potente per garantire che le vostre pagine web siano condivise in modo efficace sulle piattaforme dei social media. Fornendo anteprime chiare, concise e visivamente accattivanti, è possibile aumentare il coinvolgimento e il traffico verso il sito.
