Open Graph data
Open Graph (OG) er en protokol, der styrer, hvordan din webshop præsenteres, når nogen deler et link på Facebook, LinkedIn, Twitter eller andre sociale medier. Med de rigtige OG-tags får dine links et professionelt og indbydende udseende.
Hvad er Open Graph?
Open Graph er en protokol udviklet af Facebook (Meta) i 2010, der lader dig bestemme, hvordan dit indhold vises, når det deles på sociale medier. Uden Open Graph-tags vælger platformene selv, hvilken titel, beskrivelse og billede de viser — og resultatet er ofte upræcist eller uattraktivt.
Med de rigtige OG-tags kontrollerer du den titel, beskrivelse og det billede, der vises i preview-kortet, når nogen deler et link til din webshop.
De vigtigste OG-tags
Her er de tags, der har størst betydning for din webshop:
- og:title — Titlen der vises i delingen. Bør være kort, præcis og fængende (typisk 40-60 tegn).
- og:description — Beskrivelsen under titlen. Bør opsummere indholdet overbevisende (typisk 100-160 tegn).
- og:image — Det billede der vises i preview-kortet. Det vigtigste tag, da billeder er det første øjet fanger.
- og:url — Den kanoniske URL for siden. Sikrer at alle delinger peger på den korrekte side.
- og:type — Typen af indhold. For produktsider bruges "product", ellers "website".
- og:site_name — Dit webshop-navn.
- og:locale — Sproget (fx "da_DK" for dansk).
Produkt-specifikke OG-tags
For produktsider kan du tilføje ekstra tags, der giver sociale medier mere information:
- product:price:amount — Produktets pris
- product:price:currency — Valuta (fx "DKK")
- product:original_price — Oprindelig pris (hvis på tilbud)
- product:sale_price — Tilbudspris
- product:shipping_cost — Forsendelsesomkostning
Open Graph i Shoporama
Shoporama genererer automatisk Open Graph-tags for alle sider:
- Produktsider: og:title, og:description, og:image (primært produktbillede i 1200×630px), og:type="product", pris-, tilbuds- og forsendelsesdata.
- Kategorier og landingssider: Titel, beskrivelse og evt. kategori-billede.
- Statiske sider: Titel og beskrivelse fra sidens metadata.
Du kan overstyre de automatiske værdier ved at sætte meta title og description individuelt på produkter, kategorier og sider.
Billeder til OG-tags
Billedet er det vigtigste element i en social deling. Her er retningslinjerne:
- Størrelse: Anbefalet 1200×630 pixels (1.91:1 ratio). Under 600×315 vises som lille thumbnail i stedet for stort kort.
- Format: JPG eller PNG. Hold filstørrelsen under 8 MB.
- Indhold: Brug produktbilleder af god kvalitet. Undgå for meget tekst i billedet — Facebook kan skjule delinger med for meget tekst.
Test dine OG-tags
Brug disse værktøjer til at teste og debugge dine Open Graph-tags:
- Facebook Sharing Debugger: Viser præcis, hvordan dit link ser ud på Facebook, og hjælper med at rydde cache ved opdateringer.
- LinkedIn Post Inspector: Tilsvarende for LinkedIn-delinger.
- Twitter Card Validator: For Twitter/X-preview.
Det er vigtigt at teste efter ændringer, da sociale medier cacher OG-data. Brug debugger-værktøjerne til at tvinge en opdatering.
Vi kender online markedsføring i Shoporama
Vi har selv arbejdet med online markedsføring i flere årtier. Vi har som det eneste shopsystem i landet talt flere gange på konferencer som Marketingcamp, SEOday, Shopcamp, Digital Markedsføring, E-commerce manageren, Ehandelsdagen, Web Analytics Wednesday og mange flere steder.