Öppna Graph
Open Graph är metataggar i en sidas huvud som styr titel, beskrivning och bild när länken delas på sociala medier och meddelandetjänster.
Vad är Open Graph?
Open Graph är ett protokoll som introducerades av Facebook 2010 som via metataggar i sidans <head> styr hur en länk ser ut när den delas. Taggar som og:title, og:description, og:image, og:url och og:type berättar för plattformar som Facebook, LinkedIn, Messenger, WhatsApp och Slack vilken titel, text och bild som ska visas i förhandsvisningen. Utan dem gissar plattformen sig själv – ofta med en slumpmässig bild eller felaktig text.
Varför är Open Graph viktigt?
För en webbshop är delade länkar gratis exponering och förhandsvisningen avgör om folk klickar. Ett skarpt og:image och ett tydligt og:title på produkt- och kategorisidor ger ett professionellt, klickbart kort i flöden och chattar. Open Graph är inte en direkt Google-rankningssignal, men den påverkar avsevärt genomklickningen från sociala kanaler. Observera att X (Twitter) använder sina egna Twitter Card-taggar, men faller tillbaka på Open Graph om de saknas.
Typiska användningssituationer
- Produktsidor där
og:imageska visa produktbilden, inte butikslogotypen. - Kampanj och målsidor som delas i nyhetsbrev, annonser och inlägg.
- Blogginlägg och guider, där en redaktionell delningsbild höjer CTR.
- Felsökning av fel förhandsvisning med Facebooks delningsfelsökning eller LinkedIn Post Inspector.
- Säkerställa korrekt storlek: en
og:imagepå 1200×630 px undviker beskärning.
Shopify-perspektiv
De flesta Shopify-teman fyller automatiskt i Open Graph-taggar i theme.liquid och subtraherar og:image från produktens utvalda bild. Problem uppstår när appar infogar dubbletter av taggar eller när sidor saknar en dedikerad delningsbild. Kontrollera den renderade källkoden på specifika webbadresser och validera med en delningsfelsökning istället för att anta att temat gör det rätt. Open Graph kompletterar din metabeskrivning och dina strukturerade data, men ersätter dem inte.