Öppna grafdata
Open Graph (OG) är ett protokoll som styr hur din webbutik presenteras när någon delar en länk på Facebook, LinkedIn, Twitter eller andra sociala medier. Med rätt OG-taggar kommer dina länkar att se professionella och inbjudande ut.
Vad är Open Graph?
Open Graph är ett protokoll som utvecklades av Facebook (Meta) 2010 och som låter dig bestämma hur ditt innehåll ska visas när det delas på sociala medier. Utan Open Graph-taggar väljer plattformarna vilken titel, beskrivning och bild de visar - och resultatet är ofta felaktigt eller oattraktivt.
Med rätt OG-taggar kan du styra vilken titel, beskrivning och bild som ska visas i förhandsgranskningskortet när någon delar en länk till din webbutik.
De viktigaste OG-taggarna
Här är de taggar som har störst betydelse för din webbutik:
- and: title - Den titel som visas i delningen. Den ska vara kort, exakt och fängslande (vanligtvis 40-60 tecken).
- and:description - Beskrivningen under titeln. Ska sammanfatta innehållet på ett övertygande sätt (typiskt 100-160 tecken).
- and:image - Bilden som visas i förhandsgranskningskortet. Den viktigaste taggen eftersom bilder är det första ögat fångar.
- and:url - Den kanoniska URL:en för sidan. Säkerställer att alla delningar pekar på rätt sida.
- and: type - Typ av innehåll. För produktsidor används "product", annars "website".
- and:site_name - Namnet på din webbshop.
- and:locale - Språket (t.ex. "da_DK" för danska).
Produktspecifika OG-taggar
För produktsidor kan du lägga till extra taggar som ger sociala medier mer information:
- product:price:amount - Produktens pris
- product:price:currency - Valuta (t.ex. "DKK")
- product:original_price - Ursprungligt pris (om det är ett erbjudande)
- product:sale_price - Erbjudandepris
- product:shipping_cost - Fraktkostnad
Open Graph i Shoporama
Shoporama genererar automatiskt Open Graph-taggar för alla sidor:
- Produktsidor: and:title, and:description, and:image (primär produktbild i 1200×630px), and:type="product", pris-, erbjudande- och fraktdata.
- Kategorier och landningssidor: Titel, beskrivning och eventuellt kategoribild.
- Statiska sidor: Titel och beskrivning från sidans metadata.
Du kan åsidosätta de automatiska värdena genom att ställa in metatitel och beskrivning individuellt för produkter, kategorier och sidor.
Bilder för OG-taggar
Bilden är den viktigaste beståndsdelen i en social delning. Här är riktlinjerna:
- Storlek: Rekommenderad 1200×630 pixlar (1,91:1-förhållande). Bilder under 600×315 visas som en liten miniatyrbild istället för en stor karta.
- Format: JPG eller PNG. Håll filstorleken under 8 MB.
- Innehåll: Använd produktbilder av god kvalitet. Undvik för mycket text i bilden - Facebook kan dölja delningar med för mycket text.
Testa dina OG-taggar
Använd dessa verktyg för att testa och felsöka dina Open Graph-taggar:
- Facebook Sharing Debugger: Visar exakt hur din länk ser ut på Facebook och hjälper till att rensa cacheminnet vid uppdateringar.
- LinkedIn Post Inspector: Liknande för LinkedIn-andelar.
- Twitter Card Validator: För förhandsgranskning av Twitter/X.
Det är viktigt att testa för ändringar eftersom sociala medier cachelagrar OCH data. Använd debugger-verktygen för att tvinga fram en uppdatering.
Vi kan marknadsföring online på Shoporama
Vi har själva arbetat med onlinemarknadsföring i årtionden. Som det enda butikssystemet i landet har vi talat flera gånger på konferenser som Marketingcamp, SEOday, Shopcamp, Digital Marketing, E-commerce Manager, Ecommerce Day, Web Analytics Wednesday och många fler.