L'impatto del protocollo Open Graph sulla SEO
Quando elaboriamo una strategia di posizionamento nei motori di ricerca, non dovremmo dimenticare i social media. Dobbiamo curare titoli, descrizioni e immagini poiché sono gli unici elementi che l'utente vedrà e ciò che lo farà decidere se cliccare o no.
Sai come gli utenti vedono il tuo sito web quando lo condividono sui loro profili social? Tieni presente che migliore appare il tuo contenuto e più attraente è, più diventerà virale, e quindi maggiore sarà l'impatto sul tuo sito web, che aiuta anche a migliorare i tuoi risultati SEO.
Ti raccontiamo tutto!
Cosa sono i tag Open Graph?
I meta tag o protocollo Open Graph sono stati creati da Facebook e permettono a qualsiasi pagina web di essere visualizzata con un formato arricchito sui social network. Questi tag HTML saranno incaricati di visualizzare il contenuto (titolo, descrizione, immagine della pagina, ecc.) di una pagina che viene condivisa sui social network. Se questi tag non esistono o non sono specificati, le informazioni verranno mostrate in modo casuale, scegliendo una foto casuale, un titolo o una descrizione non descrittiva...
A cosa servono?
Questi tag sono noti come tag sociali e sono molto importanti per ottenere il posizionamento in tutti i social network. A seconda di quale social network sia, sarà più facile o più difficile, ma il posizionamento sui social network esiste, è reale.
Il protocollo Open Graph è stato inizialmente utilizzato su Facebook ed è attualmente riconosciuto anche su LinkedIn. D'altra parte, i tag di Twitter sono esclusivi di quel social network.
I tag sono i seguenti:
og:title:
Il "Title" è incaricato di dire al motore di ricerca di cosa tratta la pagina. Pertanto, deve essere chiaro, conciso e unico su ciascuna pagina. La sua lunghezza massima è di 67 caratteri.
Esempio:
<meta property="og:title" content="Cosa sono i tag Open Graph?"/>
og:description
La "Meta description" sarà quella che descrive e informa più ampiamente sulla pagina. Non dovrebbe superare i 155 caratteri e può contenere una frase o una CTA che invita l'utente a cliccare sul risultato. Dovrebbe anche essere unica per ogni pagina.
Esempio:
<meta property="og:description" content="Sai come gli utenti vedono il tuo sito web quando lo condividono sui loro profili social? I tag Open Graph saranno incaricati di visualizzare tutte le informazioni."/>
og:url:
Viene visualizzato l'URL di una pagina web, e può essere mostrato abbreviato. Cerca di usare questo tag con un URL il più pulito possibile e unico su ciascuna pagina.
Esempio:
<meta property="og:url" content="/blog/open-graph" />
og:image
Devi specificare un URL di immagine in modo che possa essere mostrato su ciascuna pagina. Questo è sicuramente uno dei più trascurati e uno dei più importanti. Google Discover, Google News, Facebook, Twitter, LinkedIn... tutti loro raccoglieranno questa immagine come gancio per l'utente, e se è di buona qualità, puoi ottenere tonnellate di visite. Altrimenti, se lasci il campo vuoto, può essere mostrata la foto dell'autore, un campo vuoto... Scegli tu cosa è meglio! ;)
Esempio:
<meta property="og:image" content="/blog/images/open-graph.jpg" />
og:video
Nel caso in cui tu abbia un video sulla pagina, devi specificarlo usando questo tag, che ne facilita l'interpretazione.
<meta property="og:video" content="http://example.com/bond/trailer.swf" />
og:type
Questo tag indica in cosa consiste il tuo contenuto. Che si tratti di un articolo, un video, un post di blog... A seconda del tipo, puoi assegnare proprietà diverse.
Esempio:
<meta property="og:type" content="article" />
og:site_name
Con esso puoi specificare il tuo sito web in modo che venga visualizzato il tuo brand.
<meta property="og:site_name" content="SEO Alive" />
Tipi di meta tag sociali esistenti
Attualmente, i tag creati da Facebook vengono utilizzati sul resto dei social network, come LinkedIn. Twitter usa quelli che sono noti come Twitter Card. Con questi tag hai tre opzioni:
-
"Photo" per le immagini
-
"Player" per i video e
-
"Summary" per tutto il resto.
In questo caso, come con le card Open Graph, se non è ottimizzato, verranno visualizzati contenuti predefiniti e non ottimizzati.
Strumenti di test dei tag
Analizzare come appaiono le pagine quando un utente le condivide sui social network sarà cruciale se vogliamo che tutto funzioni correttamente.
Twitter Card Validator
Lo strumento di validazione di Twitter è Twitter Card Validator. Prima di pubblicare qualcosa, se vuoi assicurarti che tutto venga visualizzato correttamente, non esitare a inserire l'URL che vuoi condividere. È anche molto utile se hai aggiornato l'immagine di una pagina e il feed mostra ancora quella vecchia. Rianalizzarla agirà come una "purga della cache".
Facebook Debugger
Lo strumento di debug di Facebook è noto come Facebook Debugger. Con esso puoi vedere quali informazioni vengono utilizzate e come appare quando una pagina del tuo sito viene condivisa. Inoltre, nel caso in cui uno dei campi sia errato o mancante, apparirà un avviso.
Google Structured Data Testing Tool
Google ci mette a disposizione anche lo strumento di test dei dati strutturati chiamato Google Structured Data Testing Tool. È molto utile per verificare che tipo di markup Google sta raccogliendo da una pagina. Il markup è riconosciuto dai motori di ricerca, il che aiuta a rendere un sito web "semantico" introducendo i microdati Schema specifici per ciascun caso.
Rich Pins Validator
Pinterest non poteva essere da meno e porta il suo validatore di pin, noto anche come Rich Pins Validator. Funziona proprio come il validatore di Twitter: è richiesto un processo di approvazione per ottenere la funzionalità Rich Pin e verificare il markup dei dati allo stesso tempo.
Come ottimizzare questi tag in WordPress?
Come saprai, uno dei grandi vantaggi che WordPress ci offre è la sua flessibilità e la sua enorme community. Di conseguenza, processi come l'introduzione dei tag open-graph nelle nostre pagine e articoli richiedono solo secondi grazie ai plugin.
Ci sono molti modi per ottenerlo. Nel nostro caso, crediamo che il modo più semplice sia farlo tramite il plugin SEO Rank Math.
Articolo consigliato > Tutorial SEO approfondito su Rank Math
Tutto quello che devi fare è andare nella sezione SEO della pagina o dell'articolo in questione, cliccare sulla scheda "Social", e lì vedremo l'opzione per configurare l'immagine. In molti casi, se abbiamo caricato un'immagine in evidenza, la prenderà direttamente.
Consigli e miglioramenti
Di seguito, puoi vedere alcuni consigli basati sull'esperienza che hanno funzionato per noi per ottenere risultati molto buoni.
Ottimizza le immagini
Scegli immagini di qualità. Devi scegliere ciascuna immagine perfettamente perché rappresenterà il tuo contenuto. Inoltre, sarà l'immagine che apparirà quando l'utente condividerà il contenuto.
Ogni piattaforma ha determinati standard; la cosa migliore è scegliere un'immagine grande che possa adattarsi a ciascun social network.
Il contenuto visivo è il più attraente sui social network, e se riesci a diventare virale, otterrai più visite al tuo sito web. Lo sai, investi tempo nella scelta dell'immagine perfetta per ottenere like, condivisioni e commenti.
-
Twitter: 120x120px per la piccola e 4096x4096px per la grande
-
Facebook: la più piccola a 200px e la più grande a 1200px
Usa sempre Open Graph
Essendo un formato già ben noto, più piattaforme possono usarlo. Si raccomanda di usare modelli di codice per inserire i tag sociali; puoi consultare tutte le informazioni nella seguente guida.
Guida consigliata -> Meta tag nella SEO
Testa e sperimenta
Testa sempre e controlla nei validatori per assicurarti che i risultati del tuo sito vengano visualizzati correttamente sui social network.
Conclusioni
Sono piccoli dettagli che faranno apparire il tuo brand fantastico agli occhi degli utenti. Tieni presente che questi tag sono essenziali per visualizzare correttamente la tua pagina e attirare visite. Inoltre, rendono più facile per i motori di ricerca comprendere il tuo sito web. Quindi l'ottimizzazione SEO include anche prestare attenzione ai social network.
Ricorda anche che i segnali sociali, ovvero il traffico che proviene dai social network, possono influire positivamente su una strategia SEO, quindi ogni clic dai social media vale tanto oro quanto pesa!
Hai domande o suggerimenti? Siamo felici di aiutare!
Riferimenti:
- https://ogp.me/ - Sito ufficiale del protocollo Open Graph
Autore: David Kaufmann
Ho passato gli ultimi oltre 10 anni completamente ossessionato dal SEO — e onestamente, non vorrei fosse altrimenti.
La mia carriera ha fatto un salto di qualità quando ho lavorato come Senior SEO Specialist per Chess.com — uno dei 100 siti più visitati dell'intero Internet. Operare a quella scala, su milioni di pagine, decine di lingue e in una delle SERPs più competitive in assoluto, mi ha insegnato cose che nessun corso o certificazione avrebbe mai potuto. Quell'esperienza ha cambiato la mia prospettiva su come dovrebbe essere davvero un grande SEO — ed è diventata la base di tutto ciò che ho costruito da allora.
Da quell'esperienza è nata SEO Alive — un'agenzia per brand che fanno sul serio con la crescita organica. Non siamo qui per vendere dashboards e report mensili. Siamo qui per costruire strategie che spostino davvero l'ago della bilancia, combinando il meglio del SEO classico con l'entusiasmante nuovo mondo della Generative Engine Optimization (GEO) — facendo in modo che il tuo brand appaia non solo nei link blu di Google, ma anche all'interno delle risposte generate dall'AI che ChatGPT, Perplexity e Google AI Overviews consegnano ogni giorno a milioni di persone.
E poiché non riuscivo a trovare uno strumento che gestisse correttamente entrambi questi mondi, me ne sono costruito uno — SEOcrawl, una piattaforma enterprise di SEO intelligence che unisce rankings, audit tecnici, monitoraggio dei backlinks, salute del crawl e tracciamento della visibilità del brand nell'AI, tutto in un unico posto. È la piattaforma che ho sempre desiderato esistesse.
Scopri altri contenuti di questo autore
