I tag Open Graph sono meta tag HTML che indicano alle piattaforme social e alle app di messaggistica come mostrare l'anteprima quando viene condiviso l'URL di una pagina, specificando titolo, descrizione, immagine e tipo da visualizzare al posto di ciò che la piattaforma potrebbe altrimenti indovinare. Sviluppato originariamente da Facebook, il protocollo Open Graph è oggi letto da quasi tutte le principali piattaforme social e di messaggistica, ed è quindi il modo standard con cui un retailer controlla l'aspetto delle proprie pagine prodotto quando vengono condivise, salvate o linkate dall'esterno del sito. Nell'e-commerce, tag Open Graph ben impostati fanno la differenza tra un link a un prodotto condiviso che mostra un'immagine e un prezzo accattivanti e una miniatura generica o non funzionante.
Perché i tag Open Graph sono importanti per le pagine alimentate dal feed
Le pagine prodotto vengono condivise di continuo, tramite il passaparola dei clienti, link di affiliazione, post di influencer o posizionamenti social a pagamento, e ognuna di queste condivisioni viene visualizzata in base ai tag Open Graph e non al contenuto effettivo della pagina che il visitatore vedrebbe dopo il clic. Una pagina prodotto senza tag configurati correttamente potrebbe mostrare un logo deformato, una descrizione troncata o non pertinente, oppure nessuna immagine, compromettendo il CTR di una condivisione che altrimenti rappresenterebbe una distribuzione gratuita e ad alta intenzione d'acquisto. Poiché le pagine prodotto vengono di solito generate in blocco a partire dallo stesso catalogo che alimenta il feed Shopping, i valori Open Graph possono essere ricavati tramite template direttamente dai metadati di prodotto esistenti, invece di essere scritti a mano per ogni SKU: è uno dei risultati più scalabili a disposizione di un catalogo di grandi dimensioni.
Come funzionano i tag Open Graph
I tag Open Graph si trovano nell'<head> di una pagina web come elementi <meta property="og:...">, dove og:title, og:description, og:image e og:url coprono i campi principali dell'anteprima letti dalla maggior parte delle piattaforme. Per un catalogo prodotti, questi valori corrispondono di solito direttamente ad attributi del feed già gestiti per Shopping e Meta Catalog: gli stessi titolo, descrizione e immagine principale usati nel feed possono popolare i tag Open Graph equivalenti, mantenendo coerenti le due superfici senza bisogno di testi scritti a parte. Piattaforme e motori di ricerca confrontano sempre più spesso questo markup strutturato con un knowledge graph più ampio di entità per capire cosa rappresenta una pagina, quindi dati Open Graph coerenti rafforzano la comprensione automatica di un prodotto ben oltre la semplice anteprima social. Poiché questi tag determinano il comportamento di un link ovunque venga condiviso, sono anche una parte discreta ma importante di una content syndication efficace, in cui lo stesso prodotto può comparire su più siti partner o aggregatori.
Esempio
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:description>Soft, breathable organic cotton crewneck in charcoal.</g:description>
<g:image_link>https://example-shop.com/img/org-sweater-charcoal.jpg</g:image_link>
</item><!-- Open Graph tags on the corresponding product page, templated from the feed -->
<meta property="og:title" content="Organic Cotton Crewneck Sweater - Charcoal, M">
<meta property="og:description" content="Soft, breathable organic cotton crewneck in charcoal.">
<meta property="og:image" content="https://example-shop.com/img/org-sweater-charcoal.jpg">
<meta property="og:type" content="product">Concetti correlati
Poiché i valori Open Graph rispecchiano così da vicino i metadati di prodotto esistenti, è meglio gestirli tramite un template anziché come un'attività manuale, e contribuiscono a far sì che l'identità di un prodotto venga compresa in modo coerente all'interno di un knowledge graph più ampio di entità. Sono inoltre un fattore abilitante, discreto ma concreto, della content syndication, perché garantiscono che un prodotto abbia lo stesso aspetto e lo stesso testo ovunque venga condiviso un link che lo riguarda.
