Hvad er Open Graph-tags? Gør din hjemmeside flot på sociale medier

Open Graph (OG) tags er HTML meta-tags, som styrer, hvordan en webside fremstår, når den deles på sociale medier. Det gælder titel, beskrivelse, billede, URL og indholdstype – altså de forhåndsvisnings-informationer, der vises på fx Facebook, LinkedIn, WhatsApp, X og lignende platforme. Korrekt brug af OG-tags betyder, at du kan styre, hvordan din hjemmeside præsenteres, øge klikraten, styrke dit brand og undgå fejl som forkerte billeder eller manglende beskrivelse ved deling.

Når du deler et blogindlæg, en produktside eller en virksomhedsservice på sociale medier, scanner platformen din side og genererer automatisk et preview-kort. Hvis der ikke er defineret Open Graph-data, kan sociale netværk vælge et tilfældigt billede, vise en gammel titel eller lade beskrivelsen stå tom. Det har særlig stor betydning på kampagnesider, e-handelsprodukter, nyhedsindhold og for brands, hvor det visuelle førstehåndsindtryk er afgørende for performance.

I denne guide på Hostragons-bloggen gennemgår vi, hvad Open Graph-tags er, hvilke OG-tags du altid bør bruge, hvordan du tilføjer dem på WordPress og custom sites, anbefalede billedeformater, testværktøjer og typiske fejl – trin for trin. Vi forklarer også, hvordan hosting, SSL og domæneopsætning indirekte påvirker kvaliteten af dine sociale previews med konkrete eksempler. Webhosting Domæneforespørgsel SSL certifikat

Hvad er Open Graph-protokollen?

Open Graph-protokollen blev oprindeligt udviklet af Facebook som en standard til metadata. Formålet er, at websider vises som rige kort på sociale medier. OG-tags i HTML-koden giver sociale platforme svar på: Hvad er sidens titel? Beskrivelse? Hvilket billede skal bruges? Hvilken URL? Er indholdet en artikel, et produkt eller en video?

I dag er Open Graph ikke kun for Facebook. LinkedIn, WhatsApp, Telegram, Slack og mange messaging-apps bruger OG-data til at skabe previews. X (tidl. Twitter) har sine egne Twitter Card-tags, men bruger ofte også OG-tags. Derfor fungerer Open Graph som bindeled mellem teknisk SEO, social media-optimering og brugeroplevelse på moderne hjemmesider.

OG-tags er ikke en direkte Google ranking-faktor – det vil sige, du får ikke automatisk bedre placeringer i søgeresultaterne bare ved at tilføje dem. Men hvis du fremstår tydeligere, mere professionel og mere klikbar på sociale medier, stiger trafikken, indholdet deles mere, og brand-signaler bliver stærkere. Derfor bidrager OG-tags indirekte til digital synlighed.

Hvorfor er Open Graph-tags vigtige?

Brugere på sociale medier beslutter sig på få sekunder, om de vil klikke på et link. De vigtigste faktorer er titel, billede, beskrivelse og et domæne, der giver tillid. OG-tags gør det muligt at styre alle fire elementer. Særligt på mobilen er preview-kortet ofte det eneste indtryk brugeren får af din side.

• Øger klikraten: Klar titel og et attraktivt billede fanger flere øjne i feedet.
• Sikrer brand-konsistens: Rigtigt logo, farver, beskrivelse og URL på alle delinger.
• Forhindrer forkerte billeder: Platformene vælger ikke tilfældige eller irrelevante billeder fra siden.
• Bedre delingsoplevelse: Professionelle kort på WhatsApp, LinkedIn og Facebook.
• Støtter kampagne-performance: Budskabet præsenteres klart på produkt-, tilbuds- og eventsider.

Forestil dig en hosting-kampagneside: Hvis OG-billedet viser kampagnens navn, rabatprocent og dine brandfarver, forstår brugeren straks indholdet. Uden OG-tags kan systemet vælge et lille ikon eller et irrelevant banner, hvilket mindsker tillid og kliklyst. Når du laver kampagnesider, er stabil infrastruktur, hurtig serverrespons og brug af HTTPS også vigtig. WordPress hosting Virksomheds Hosting

Essentielle OG-tags du altid bør bruge

Behovene varierer fra site til site, men en basal Open Graph-konfiguration kræver nogle tags, som nærmest er obligatoriske. De udgør minimumsdatasættet, så sociale platforme forstår dit indhold korrekt.

og:title

og:title styrer titlen, der vises på sociale medier. Den behøver ikke være identisk med sidens SEO-titel: Skriv gerne en kortere, mere catchy og klik-fremkaldende titel til sociale medier. Typisk er 40-60 tegn ideelt. For lange titler kan blive afkortet på mobil.

Eksempel: <meta property='og:title' content='Gør din hjemmeside flot på sociale medier med Open Graph-tags'>

og:description

og:description er den korte tekst på preview-kortet. Den skal tydeligt fortælle, hvad brugeren kan forvente af siden. 120-160 tegn fungerer på de fleste platforme. Beskrivelsen skal være informativ og pirre nysgerrigheden – ikke overdreven reklame.

Eksempel: <meta property='og:description' content='Kontrollér titel, billede og tekst med OG-tags – og få professionelt udseende delinger på sociale medier.'>

og:image

og:image er billedets URL, som vises i delingen. Det er den vigtigste faktor for performance på sociale medier. Billedet skal angives med den fulde URL, være tilgængeligt over HTTPS og ikke blokeret. Standardstørrelsen 1200 x 630 pixels passer til de fleste platforme. Hold filstørrelsen mellem 300 KB og 1 MB for hurtig load.

Eksempel: <meta property='og:image' content='https://eksempeldomæne.dk/billeder/open-graph-guide.jpg'>

og:url

og:url angiver den kanoniske delingsadresse. Brug ikke URL-parametre, session-ID eller tracking-koder. Hvis samme indhold findes på flere URL-varianter, hjælper det at angive den foretrukne adresse, så statistikken ikke deles op.

og:type

og:type angiver indholdstypen. Brug article til blogindlæg, website til forsider, product til produktsider. Det hjælper platformen med at kategorisere korrekt.

og:site_name og og:locale

og:site_name viser dit brandnavn. og:locale angiver sprog og region. For danske sites bruges da_DK. På flersprogede sites er korrekt locale vigtig for hvert sprog.

Oversigt over de vigtigste OG-tags

Forskel på Open Graph og Twitter Card

Open Graph-tags bruges af mange sociale netværk, mens Twitter Card-tags er designet til previews på X (Twitter). Strukturen er lignende, men navngivning og funktioner varierer. Bedste praksis er at bruge begge på din side, så previewet er ens på tværs af platforme.

Til blogindlæg er det typisk bedst at vælge summary_large_image til Twitter Card, så du får en stor, synlig preview på X og mobilen.

Sådan tilføjer du Open Graph-tags

OG-tags placeres i HTML-head-sektionen – ikke i det synlige indhold, men i metadata som browsere og sociale bots læser. Metoden afhænger af den platform, du bruger.

1. Tilføj OG-tags på WordPress

På WordPress kan du styre OG-tags uden at kode. Plugin som Yoast SEO, Rank Math eller All in One SEO gør det let at angive titel, beskrivelse og billede for hver side og post.

• Installer og aktivér dit SEO-plugin.
• Åbn redigering af post eller side.
• Find fanen for sociale medier/social.
• Indstil titel, beskrivelse og billede til Facebook/LinkedIn.
• Upload billede i 1200 x 630 px.
• Opdater siden og test preview med et værktøj.

Performance er vigtigt: Hvis sociale bots ikke kan tilgå din side, eller serveren svarer langsomt, kan previewet mangle data. Sørg for hurtig og stabil WordPress-hosting. WordPress hosting LiteSpeed Hosting

2. Tilføj OG-tags på custom eller statiske sites

Med custom CMS, Laravel, Next.js, Nuxt, ren HTML eller statiske site generators kan du definere OG-tags i templates. Titel, beskrivelse og billede bør trækkes dynamisk fra databasen til blogposts og produktsider.

Et simpelt eksempel: <meta property='og:title' content='Side titel'> <meta property='og:description' content='Side beskrivelse'> <meta property='og:image' content='https://site.dk/og-billede.jpg'> <meta property='og:url' content='https://site.dk/side'> <meta property='og:type' content='article'>

Den hyppigste fejl er at bruge samme OG-titel og billede på alle sider. Det sænker performance, især på shops med mange produktsider. Hver vigtige side skal have unikke OG-data, der passer til indholdet.

3. Produktbaseret OG-tagging på e-commerce

På webshop-sider bør produktnavnet være og:title, kort produktfordel i og:description, og et kvalitetsfoto i og:image. Undgå misvisende kampagnetekster, hvis produktet ikke er på lager. Ved variationer bruges den kanoniske URL for hovedproduktet i og:url.

Når en produktside deles på sociale medier, skal brugeren straks kunne se produktbillede, prisfordel eller nøglefunktion. Beskrivelsen bør forklare produktets værdi enkelt – ikke kun hård salgstekst.

Optimale Open Graph-billedstørrelser og filkrav

OG-billedet er det mest iøjnefaldende element på preview-kortet. Lav opløsning, afklippede billeder eller utydelig tekst ser uprofessionelt ud. I 2026 er 1200 x 630 px stadig den sikreste generelle størrelse – svarende til ca. 1.91:1 format, som fungerer på Facebook, LinkedIn m.fl.

• Anbefalet størrelse: 1200 x 630 px.
• Minimum: 600 x 315 px (bedre med større for kvalitet).
• Format: JPG eller PNG – WebP kan give problemer på visse platforme.
• Filstørrelse: Hold den under 1 MB.
• URL: Brug altid fuld URL, ikke relative stier.
• HTTPS: Billedet skal være tilgængeligt over sikker forbindelse.

Læg ikke vigtig tekst helt ud til kanten – nogle platforme kan beskære billedet. Placér logo, titel og budskab centralt. Lav unikke OG-billeder for hvert indhold, så dit feed ikke fremstår ensformigt.

Test af Open Graph-tags og cache-problemer

Efter du har sat OG-tags op, skal du altid teste dem. Sociale platforme cacher sider – hvis de først har hentet et forkert billede eller beskrivelse, vises den gamle version ofte, selv efter ændringer.

Testværktøjer

• Facebook Sharing Debugger: Tjek OG-tags og forny cache for din URL.
• LinkedIn Post Inspector: Se, hvordan LinkedIn viser kortet.
• Twitter Card Validator: Tjek formatet på X/Twitter.
• WhatsApp-test: Send linket til dig selv og tjek preview på mobilen.

Får du 404, 403, SSL-advarsler eller robots.txt-blokering, kan sociale bots ikke tilgå din side. Tjek hosting-indstillinger, CDN-regler og firewall-konfiguration. Rigtigt opsat SSL er afgørende for, at sociale bots kan hente billeder og ressourcer. SSL certifikat Hvad er CDN 403 Forbidden Fejlhåndtering

Typiske Open Graph-fejl

Små fejl i Open Graph-opsætningen kan give store problemer for previewet. Her er de hyppigste issues ved tekniske SEO-tjek:

• Brug af relative billedstier: Brug altid https://site.dk/images/og.jpg – ikke /images/og.jpg.
• Billedet er ikke offentligt tilgængeligt: Hotlink-beskyttelse, firewall eller filrettigheder kan blokere bots.
• Samme OG-indhold på alle sider: Blog, produkter og services skal have unikke titler og beskrivelser.
• For lange titler: Bliver afkortet på mobil, og budskabet går tabt.
• Ikke brug af HTTPS: Kan give sikkerhedsproblemer og adgangsfejl.
• Cache ikke opdateret: Platformen viser stadig det gamle billede.
• Mismatch mellem kanonisk og OG-URL: Delingssignaler splittes over flere URL’er.

Eksempel: Du har ændret featured-billedet på et blogindlæg, men WhatsApp viser stadig det gamle. Det skyldes typisk cache. Tjek først, at og:image er opdateret i kildekoden. Brug Facebook Sharing Debugger eller lignende til at scanne URL’en igen. Hvis det stadig ikke virker, ryd CDN- og servercache.

Open Graph-tags og SEO – hvordan hænger det sammen?

Open Graph-tags er ikke klassiske on-page SEO-tags – de styrer ikke SERP direkte som title, meta description, canonical eller structured data. Men i 2026 skal SEO tænkes holistisk: Brugeradfærd, brand-tillid, indholdsdistribution og multikanal synlighed er vigtige. Godt preview på sociale medier giver flere klik, delinger og engagement.

Med Google AI Overviews og rige resultater er det afgørende, at indholdet er forståeligt for både søgemaskiner og sociale platforme. Derfor bør OG-tags altid indgå i din tekniske SEO-tjekliste.

SEO-titel og OG-titel bør begge afspejle samme intention. SEO-titel skal konkurrere i søgeresultater, OG-titel skal fange opmærksomhed i sociale feeds. De må ikke modarbejde hinanden – og skal retvisende vise sidens indhold. Det samme gælder meta description og og:description: De skal være relevante, men kan optimeres til hver platform.

Step-by-step Open Graph-tjekliste

Brug denne tjekliste før du udgiver en ny side. Den er oplagt for bureauer, content teams og webmanagers som fast del af publiceringsprocessen.

• Har siden en unik og:title?
• Forklarer og:description indholdet præcist og kort?
• Er og:image i 1200 x 630 px og af god kvalitet?
• Er billedet tilgængeligt over HTTPS for alle?
• Matcher og:url den kanoniske URL?
• Er og:type korrekt valgt for indholdet?
• Er locale sat til da_DK på danske sider?
• Er preview testet på Facebook, LinkedIn og WhatsApp?
• Er cache/CDN ryddet?
• Er titel og billede tjekket for afklip på mobil?

Brug listen på alle blogindlæg, produktsider, kampagnesider og vigtige virksomhedssider – det sikrer konsistent og professionelt udseende på sociale medier og letter intern kvalitetskontrol.

Hvordan hosting, SSL og domæne påvirker OG-preview

OG-tags defineres i HTML, men fungerer kun optimalt, hvis din webinfrastruktur er sund. Sociale bots skal kunne tilgå siden hurtigt og uden fejl. Hvis serveren ofte timeout’er, SSL-certifikatet fejler eller billederne blokeres med 403, mangler preview-kortet data.

Domænet har også betydning for tillid. Kort, læsbart og brand-matchede domæner ser mere professionelt ud i delinger. SSL-certifikat er standard både for brugersikkerhed og platform-kompatibilitet. Planlæg hosting, domæne og SSL korrekt fra starten – det forebygger social sharing- og SEO-problemer senere. Domæneforespørgsel Webhosting SSL certifikat

Konklusion: Open Graph er lille optimering med stor effekt

Open Graph (OG) tags styrer, hvordan din hjemmeside fremstår på sociale medier. Brug af korrekt titel, beskrivelse, billede og URL gør dine links mere tillidsvækkende, forståelige og klikbare. Det er ikke en ranking-garanti – men giver stærkt løft til social trafik, brand og indholdsdistribution.

Når du udgiver nyt indhold, bør du altid tjekke OG-tags, forberede billeder i korrekt størrelse og teste preview. Suppler med hurtig hosting, sikker SSL og rigtigt domæne, så dine social media-kort virker optimalt. Du kan undersøge Hostragons-løsninger for et solidt fundament, og gøre OG-tjek til en fast del af din publiceringsrutine.

Ofte stillede spørgsmål

Hvad gør Open Graph (OG) tags?

Open Graph-tags styrer, hvilken titel, beskrivelse, billede og URL der vises, når en side deles på sociale medier. Det giver et professionelt og ensartet preview.

Påvirker OG-tags SEO direkte?

OG-tags påvirker ikke Google ranking direkte. Men de kan øge klik, deling og brand-tillid på sociale medier, og dermed indirekte løfte SEO-performance.

Hvor stort skal Open Graph-billedet være?

Standardstørrelsen er 1200 x 630 px. Billedet skal være tilgængeligt over HTTPS, af høj kvalitet og helst under 1 MB.

Hvordan tilføjer jeg OG-tags i WordPress?

Med plugins som Yoast SEO, Rank Math eller All in One SEO kan du let angive titel, beskrivelse og billede til sociale medier for hver side og post.

Hvad gør jeg, hvis WhatsApp viser forkert billede?

Tjek først, at og:image er korrekt i kildekoden. Ryd cache og CDN, scan URL’en med Facebook Sharing Debugger, og test igen.