Open-Graph-Daten
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.
Wir bei Shoporama kennen uns mit Online-Marketing aus
Wir beschäftigen uns selbst seit Jahrzehnten mit Online-Marketing. Als einziges Shopsystem im Land haben wir bereits mehrfach auf Konferenzen wie Marketingcamp, SEOday, Shopcamp, Digital Marketing, E-Commerce Manager, Ecommerce Day, Web Analytics Wednesday und vielen mehr gesprochen.