Open Graph
L'Open Graph comprende i meta tag nell'head di una pagina che controllano il titolo, la descrizione e l'immagine mostrati quando un link viene condiviso.
Cos’è l’Open Graph?
L’Open Graph è un protocollo introdotto da Facebook nel 2010 che utilizza i meta tag all’interno della sezione <head> di una pagina per controllare l’aspetto di un link quando viene condiviso. Tag come og:title, og:description, og:image, og:url e og:type indicano a piattaforme come Facebook, LinkedIn, Messenger, WhatsApp e Slack quali titoli, testi e immagini visualizzare nell’anteprima. Senza di essi, le piattaforme procedono a tentativi, spesso mostrando un’immagine casuale o un testo errato.
Perché l’Open Graph è importante?
Per un negozio online, i link condivisi rappresentano visibilità gratuita e l’anteprima determina se gli utenti cliccheranno. Un’immagine og:image nitida e un titolo og:title chiaro sulle pagine di prodotto e di collezione creano una scheda professionale e cliccabile nei feed e nelle chat. L’Open Graph non è un segnale di ranking diretto per Google, ma influisce notevolmente sul click-through rate (CTR) dai canali social. Tieni presente che X (Twitter) utilizza i propri tag Twitter Card, ma ripiega sull’Open Graph in caso di loro assenza.
Casi d’uso comuni
- Pagine di prodotto, dove
og:imagedeve mostrare la foto del prodotto e non il logo del negozio. - Pagine di campagna e landing page condivise in newsletter, annunci e post.
- Articoli di blog e guide, dove un’immagine editoriale di condivisione aumenta il CTR.
- Risoluzione di un’anteprima errata tramite lo Sharing Debugger di Facebook o il LinkedIn Post Inspector.
- Ottenere le giuste dimensioni: un’immagine
og:imagedi 1200×630 px evita ritagli indesiderati.
Prospettiva di Shopify
La maggior parte dei temi Shopify popola automaticamente i tag Open Graph nel file theme.liquid e ricava og:image dall’immagine in evidenza del prodotto. I problemi sorgono quando le app inseriscono tag duplicati o quando le pagine mancano di un’immagine di condivisione dedicata. Verifica il codice sorgente renderizzato su URL reali e convalida con uno strumento di debug della condivisione, anziché dare per scontato che il tema agisca correttamente. L’Open Graph integra la tua meta descrizione e i dati strutturati, ma non li sostituisce.