E-handelsekspert - Hvad er Open Graph data og hvordan bruges det

Deler du et link til din webshop på Facebook eller LinkedIn og vises det med forkert billede, manglende beskrivelse eller helt uden preview? Problemet skyldes sandsynligvis manglende eller forkert Open Graph data.

Hvad er Open Graph data

Open Graph er et metadata-protokol udviklet af Facebook i 2010 som styrer hvordan dine websider vises når de deles på sociale medier. Tænk på det som en social media preview controller der fortæller platforme som Facebook, LinkedIn, Twitter og WhatsApp præcist hvordan de skal præsentere dit indhold.

Open Graph data er skjulte HTML meta tags der indsættes i head sektionen af dine websider. Disse tags er usynlige for besøgende men læses af sociale medieplatforme når nogen deler dit link. Et basalt Open Graph setup indeholder meta tags med property og content attributter for og:title med din sidetitel, og:description med en kort beskrivelse, og:image med absolut URL til dit billede, og:url med den kanoniske URL til siden og og:type som angiver indholdstypen. Når disse tags er på plads ved sociale platforme præcist hvilken titel, beskrivelse og billede de skal vise i deres link-preview.

Du tænker måske at du allerede har title og meta description tags, men Open Graph tags giver dig specifik kontrol over social deling uafhængigt af din SEO-optimering. Din SEO titel kan være optimeret til at være 60 karakterer med keywords først mens din Open Graph titel kan være mere engaging og brand-fokuseret. De tjener forskellige formål og kan være forskellige.

Hvorfor er Open Graph vigtigt for e-handel

Indhold med visuelle previews får typisk 38-48% flere klik end links uden. Når dit link vises med et flot billede, en god overskrift og klar beskrivelse er folk mere tilbøjelige til at klikke. For e-handelsvirksomheder betyder dette direkte flere besøgende til din webshop fra sociale medier og flere besøgende betyder flere potentielle kunder.

Et link uden Open Graph vises kun som en blå URL uden billede eller beskrivelse og ser uprofessionelt og spammy ud. Med Open Graph vises samme link med dit produktbillede, en god overskrift og en klar call-to-action der ser professionelt og troværdigt ud. Open Graph sikrer at du altid præsenteres professionelt.

Uden Open Graph bestemmer Facebook og LinkedIn selv hvad de vil vise fra din side og de gør det ofte forkert. De vælger måske det forkerte billede som dit logo i dårlig kvalitet, bruger en irrelevant sætning som beskrivelse eller viser helt ingenting. Med Open Graph har du fuld kontrol over hvordan dit brand præsenteres på tværs af alle sociale platforme. Når dit indhold ser godt ud når det deles er folk mere tilbøjelige til at dele det videre hvilket betyder at dit brand får eksponering til netværk du ellers ikke ville nå.

Hvis du bruger Facebook Ads, Instagram Ads eller LinkedIn Ads bruger disse platforme ofte dit websites Open Graph data til automatisk at generere annonce-kreativ. Korrekt Open Graph sikrer at dine annoncer ser professionelle ud og performer bedre. Du kan kombinere det med Facebook Pixel for endnu bedre tracking.

Sådan implementerer du Open Graph data

Der er fire påkrævede Open Graph tags som du skal have på hver side. og:title er titlen på din side med max 60 tegn anbefalet. og:description er en kort beskrivelse med max 200 tegn anbefalet men 120-160 er optimalt. og:image er URL til det billede der skal vises og kræver absolut URL. og:url er den kanoniske URL til siden og skal matche den faktiske URL.

For bedre kontrol og performance tilføj også og:type til type indhold som website, article eller product, og:site_name til dit website eller brand navn, og:locale til sprog og region som da_DK samt og:image:width og og:image:height til præcise dimensioner for billedet.

Shopify har mange temaer med automatisk Open Graph tags så check din theme.liquid fil og tilpas om nødvendigt. WordPress og WooCommerce bruger plugins som Yoast SEO, RankMath eller All in One SEO der automatisk genererer Open Graph tags for alle dine sider og produkter. Custom sites og React/Next.js bruger pakker som next-seo eller indsætter tags manuelt i head komponenten. For e-handelswebshops genererer du dynamisk OG tags baseret på produktdata.

Dit Open Graph billede er det vigtigste element så lav det rigtigt. Brug dimensioner på 1200 x 630 pixels for optimal visning på tværs af alle enheder og platforme. Hold filstørrelsen under 5 MB og helst under 1 MB for hurtig indlæsning. Brug JPG format for fotografier og PNG for grafik med tekst eller transparens. Brug høj-opløsnings billeder på mindst 1080px bred for at se skarpt ud på retina-skærme. Undgå for meget tekst i billedet og fokusér på visuelt appellerende produkter eller lifestyle imagery. Inkludér subtilt dit logo men lad ikke det dominere da produktet skal være stjernen.

Best practices for Open Graph i 2026

Brug gratis debugging tools til at verificere dine tags med Facebook Sharing Debugger på developers.facebook.com/tools/debug der viser hvordan dit link ser ud på Facebook og tvinger cache refresh, LinkedIn Post Inspector på www.linkedin.com/post-inspector specifikt til LinkedIn, Twitter Card Validator på cards-dev.twitter.com/validator for Twitter som bruger sine egne tags og OpenGraph.xyz som universal preview tool. Test hver enkelt vigtig side på din webshop med forside, produktsider, kategorisider og indlæg. Med korrekte OG tags kan du også opnå rich snippets i søgeresultaterne.

Din Open Graph titel behøver ikke være identisk med din SEO title tag. Gør den kortfattet med 40-60 tegn for at undgå afkortning, engaging med aktive verber og call-to-action samt brand-inkluderende hvis plads tillader. I stedet for Rød T-shirt - Størrelse M - 299 kr. - Køb Nu skriv Rød Premium T-shirt - Bæredygtig Bomuld | BrandNavn.

Din og:description er din elevator pitch. Brug de 120-160 karakterer til at fremhæve den unikke værdi, inkludere en subtil CTA og skrive til målgruppen ikke algoritmen. For e-handelswebshops med produktvarianter som farver og størrelser brug det primære produktbillede i Open Graph og undgå at have forskellige OG tags for hver variant da det skaber forvirring og cache-problemer.

Når du kører specielle tilbud eller kampagner opdater dine OG tags til at reflektere det med rabatter nævnt i beskrivelsen, kampagne-specifikt imagery hvis relevant og tidsfølsomhed som Sidste chance - 50% rabat denne weekend. Selvom Twitter understøtter Open Graph fungerer det bedst med sine egne Twitter Card tags så tilføj disse i tillæg til OG tags med twitter:card sat til summary_large_image og twitter:title, twitter:description og twitter:image med tilsvarende værdier.

Opsummering

Social commerce vokser hurtigt og visuelt drevet indhold dominerer platforme som Instagram, TikTok og Pinterest. I denne kontekst er Open Graph ikke længere optional men nødvendigt for at konkurrere. Forvent at se AI-genereret Open Graph med værktøjer der automatisk genererer optimale titler, beskrivelser og endda billeder baseret på produktdata, Video Open Graph med flere platforme der understøtter og:video for at vise video-previews og bedre analytics med platforme der tilbyder bedre indsigt i hvordan dit Open Graph-optimerede indhold performer. For e-handelsvirksomheder er budskabet klart at investere tid i korrekt Open Graph implementation nu og høste fordelene i form af øget social engagement, trafik og konverteringer.