Open-Graph-Daten
Open Graph (OG) ist ein Protokoll, das steuert, wie Ihr Online-Shop dargestellt wird, wenn jemand einen Link auf Facebook, LinkedIn, Twitter oder anderen sozialen Medien teilt. Mit den richtigen OG-Tags werden Ihre Links professionell und einladend aussehen.
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).
Open Graph i Shoporama
Shoporama genererer automatisk de grundlæggende Open Graph-tags for alle sider:
- Produktsider: og:title, og:description og og:image (primært produktbillede). og:type sættes typisk til "product".
- 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.
Produkt-specifikke OG-tags afhænger af tema
De udvidede produkt-tags (product:price:amount, product:price:currency osv.) er ikke en del af Shoporama-platformens kerne. De findes i nogle af de medfølgende temaer (fx Delaware/DelawareDK), hvor de tilføjes via temaets templates. Andre temaer udsender dem ikke nødvendigvis automatisk.
Hvis du har brug for specifikke produkt-tags, så tjek dit temas template (typisk i partials/schema.product.html eller lignende) eller tilføj dem selv. Til struktureret data om produkter (pris, lager, brand m.m.) bruger Shoporama desuden JSON-LD automatisk, hvilket Google foretrækker frem for OG-produkt-tags.
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.