Che cos'è Open Graph Meta Tag: una panoramica dettagliata

Immagina questo: hai creato un contenuto informativo sul tuo sito Web e lo hai condiviso sui social media. Ora stai aspettando di vedere un aumento di traffico, Mi piace e condivisioni.

Speriamo sia stato così facile!

Ma non lo è!

Devi impegnarti per migliorare l'aspetto del post condiviso in modo che le persone facciano clic su di esso e condividano. Altrimenti, nel pool di milioni di contenuti condivisi sui social media, i tuoi contenuti potrebbero andare persi.

Inserisce i meta tag Open Graph per semplificarti la vita!

I meta tag OG sono molto alla moda in questi giorni. Ti chiedi cosa sono questi? Leggi il blog fino alla fine per avere una panoramica completa.

Che cos'è il meta tag Open Graph

Il meta tag OG è lo snippet di codice che controlla l'aspetto degli URL sui social media. Fa parte del protocollo OG di Facebook ed è utilizzato anche da altre piattaforme di social media come LinkedIn e Twitter.

Con un tag OG, puoi controllare il modo in cui le informazioni viaggiano da un sito di terze parti a Facebook quando una pagina viene condivisa. In questo modo, invece di presentare un'immagine pixelata o frammenti criptati, i tuoi post conterranno le informazioni in modo organizzato.

Ecco come appare il nostro blog Why Choose Magento for E-store Development su Facebook con il tag OG:

Quali meta tag di grafici aperti da utilizzare

Ci sono ben 17 tag OG elencati da Facebook nel loro documento ufficiale. L'abbiamo reso facile per te. Hai solo bisogno di 5 tag per informare Facebook delle basi della tua pagina. Ne discuteremo di seguito con riferimento a questo blog: Perché scegliere un sito Web di e-commerce personalizzato rispetto a una soluzione pronta.

1. og:titolo
sintassi:

<meta property=”og:title” content=”Perché scegliere un sito di e-commerce personalizzato invece di una soluzione pronta” />

Qui è dove definisci il titolo del contenuto. Ha uno scopo simile a quello del meta tag del titolo per i tuoi contenuti nella pagina dei risultati del motore di ricerca. Se Facebook non riesce a trovare il tag og:title su una pagina, utilizza il meta titolo. Hai il pieno diritto di utilizzare titoli diversi per meta title e og:title. Se vuoi dare un titolo accattivante alla tua pagina esclusivamente sui social media e ottenere più clic, puoi assegnarle un titolo accattivante.

Sebbene non ci siano limiti al personaggio, è meglio mantenere lo stesso limite che faresti nel tuo meta titolo: entro 60 caratteri. Se il titolo è più lungo di 100 caratteri, Facebook lo ridurrà automaticamente a 88. Mantieni il titolo sufficientemente avvincente da attivare i clic degli utenti.

2. og: descrizione
sintassi:

<meta property=”og:description” content=”Sito web di eCommerce personalizzato o una soluzione pronta – il blog offre uno studio comparativo tra i due. Controlla.

Questo è simile al tag meta description. Descrive l'essenza del tuo contenuto. Ora, a differenza del tradizionale tag meta description, non influirà sul tuo SEO. Pertanto, invece di cercare la parola chiave giusta, presta attenzione a renderla accattivante in modo che attiri le persone a fare clic su di essa.

Facebook può visualizzare fino a 300 caratteri in questa sezione. Tuttavia, è meglio limitare il contenuto a 200 caratteri. Una descrizione breve e nitida aiuterà le persone a farsi un'idea a colpo d'occhio e fare clic sul collegamento per saperne di più.

3. og:immagine
sintassi:

<meta property=”og:image” content=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />

Un'immagine aiuta i tuoi contenuti a distinguersi e ad attirare l'attenzione delle persone. Il tag immagine OG assicurerà che una particolare miniatura venga visualizzata quando la tua pagina o il tuo contenuto vengono condivisi.

Se non specifichi un'immagine con og:image, Facebook potrebbe presentare un banner pubblicitario raschiato dalla pagina o niente affatto! Ciò influirà seriamente sul contenuto e le persone potrebbero scorrerlo oltre.

Di solito, i professionisti di qualsiasi rinomata agenzia di social media marketing raccomandano che la risoluzione di un'immagine OG sia 1200 × 627 pixel [rapporto 1,91: 1]. Inoltre, assicurati che l'immagine non superi il limite di dimensione di 5 MB.

4. og: tipo
Sintassi:

<meta property=”og:type” content=”articolo” />

Questo tag descrive il tipo di oggetto che stai condividendo: immagine, video o post del blog. Ecco alcuni esempi di tipi di contenuto:

• Basato su sito web: sito web, articolo, blog
• Luogo: città, paese
• Attività: azienda, ristorante, hotel
• Persone: attore, politico, autore
• Intrattenimento: film, giochi, libri, cibo

E altro ancora!

Questo tag gioca un ruolo importante. Supponiamo che il tuo post riguardi un film o un libro con un pulsante Mi piace. Determina se il contenuto verrà visualizzato nella sezione di interesse di un utente.

5. og:url
Sintassi:

<meta property=”og:url” content=”https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />

Qui è dove puoi impostare l'URL canonico per la pagina specifica che stai condividendo. In questo modo, definisci una pagina in cui vanno tutti i Mi piace e le condivisioni. È molto utile se hai due o più URL per lo stesso contenuto.

Ricorda, l'URL che fornisci non viene visualizzato nel feed di notizie di Facebook. Sarà visibile solo il nome di dominio.

[ qui, dai un segno di freccia e scrivi – og:title [Perché scegliere un sito Web di e-commerce personalizzato su una soluzione pronta], og:image [l'immagine], og:description [se stai pianificando... usa un h...] e og: url [webguru-india.com] ]

Vantaggi dei meta tag di grafici aperti

Perché affrontare il problema di implementare i tag OG? Ecco i motivi per cui i fornitori di servizi di marketing digitale enfatizzano l'utilizzo di tag OG prima di condividere i contenuti sui social media:

• Migliora l'aspetto dei post sui social media

Il primo e principale motivo per utilizzare il tag OG è che ti aiuta a creare post interessanti. Se l'immagine sul post è sfocata o il testo non è accattivante, è meno probabile che gli utenti interagiscano con il contenuto.

I tag OG ti danno il controllo completo sul modo in cui i tuoi contenuti vengono visualizzati. Puoi rendere il titolo e la descrizione accattivanti come desideri. Aiuta a organizzare tutti gli elementi dei tuoi contenuti e a produrre un aspetto professionale. Questo, a sua volta, guida le conversioni.

• Visibilità migliorata sulla ricerca di Facebook

Il tag OG aiuta Facebook a capire di cosa tratta il contenuto. Questo, a sua volta, aiuta ad aumentare la visibilità del tuo marchio attraverso la ricerca di Facebook. D'altra parte, quando le persone cercano qualcosa su Facebook, sfogliano alcuni risultati prima di fare clic su un risultato particolare. È più probabile che un contenuto ottimizzato per i tag OG attiri la loro attenzione.

Guarda la seguente immagine:

Quando viene cercato "processo di sviluppo di app mobili", Facebook visualizza il nostro articolo Approfondimenti tecnici sul processo di sviluppo di app mobili, che è ottimizzato con tag OG.

Inoltre, se qualcuno condivide un link di un post ottimizzato con i meta tag Open Graph tramite messaggio diretto su Facebook Messenger, WhatsApp o iMessage, il tag OG aiuterà a creare uno snippet.

• Adatto a varie piattaforme

Mentre Facebook ha prodotto un grafico aperto, ora è impiegato da altre piattaforme di social networking tra cui Twitter, LinkedIn e Pinterest. Pertanto, puoi creare un tag per una volta e ottimizzare la tua presenza su piattaforme diverse.

• Ottimizza la presenza del marchio su Google Discover

Google Discover è uno strumento di raccomandazione dei contenuti basato sull'intelligenza artificiale posizionato sotto la barra di ricerca di Google nell'app Chrome. Raccomanda notizie, articoli, video, pubblicità, risultati sportivi in ​​diretta, ecc. in base al comportamento dell'utente. Puoi trovare ulteriori informazioni su Google Discover qui.

Se vuoi ottimizzare i tuoi contenuti in modo da essere trovato nel feed Scopri, il tag OG potrebbe svolgere un ruolo cruciale. Ecco un fatto interessante. Il team di Ahrefs ha recentemente notato una relazione tra i meta tag Open Graph e Google Discover. Hanno scoperto che un errore di battitura esistente in og:title di un post ("ink Building Case Study") era presente in Google Discover. Tuttavia, l'errore di battitura non era presente nel titolo effettivo dell'articolo ("Link Building Case Study").

Come controllare i tag OG

Per aiutarti a monitorare i tag OG, Facebook ha uno strumento dedicato chiamato Sharing Debugger. Che cosa fa? Spiegheremo di seguito.

Quando si digita il collegamento che si desidera controllare, vengono restituiti errori e suggerimenti pertinenti per i tag OG, se presenti. Puoi controllare e modificare l'immagine e la descrizione, se lo desideri.

Inoltre, svuota la cache di Facebook. Perché è importante? Supponiamo di pubblicare un link su Facebook e poi scoprire un errore nella miniatura. Quindi torna indietro per apportare le modifiche necessarie nei tag OG e pubblicalo di nuovo su Facebook.

È probabile che non accada nulla e che la miniatura rimanga la stessa. E il merito va alla cache. Sharing Debugger aggiorna completamente la cache sul collegamento dopo averlo modificato. Quindi assicurati di usarlo ogni volta che apporti una modifica al tag OG.

È ora di concludere

A partire da marzo 2021, i tag OG sono utilizzati dal 54,6% di tutti i siti web. Ciò significa che quasi la metà dei siti non li utilizza ancora. L'ottimizzazione dei meta tag OG potrebbe richiedere del tempo, ma ne vale la pena. I tag ti aiuteranno a distinguerti dalla massa, aumentare la visibilità nei risultati di ricerca di Facebook e attirare l'attenzione delle persone e più clic.

Usi tag OG prima di condividere contenuti sui social media? In caso contrario, inizia a implementarlo presto!