Facebook links og Open Graph: Sådan ser dine links flotte ud på Facebook

Har du delt et link på Facebook og undret dig over hvorfor billedet er forkert, titlen er mærkelig, eller der slet ikke vises et preview? Det skyldes Open Graph-tags — og de fleste hjemmesider har dem ikke sat korrekt op.

Denne guide forklarer hvad Open Graph er, hvordan du opsætter det, og hvordan du fejlretter når dine Facebook-links ikke ser ud som de skal.

Hvad du lærer

Hvad Open Graph-tags er og hvorfor de er vigtige
De 4 vigtigste Open Graph-tags
Sådan opsætter du Open Graph i WordPress
Fejlfinding af Facebook link previews
Open Graph for andre platforme

Hvad er Open Graph?

Open Graph er en protokol skabt af Facebook der lader dig styre hvordan din hjemmeside vises når nogen deler et link på sociale medier.

Uden Open Graph-tags gætter Facebook selv — og gætter ofte forkert. Med korrekte tags bestemmer du præcis:

Hvilket billede der vises
Hvilken titel der bruges
Hvilken beskrivelse der vises
Hvilken URL der linkes til

Eksempel

Uden Open Graph:

Forkert eller manglende billede
Titlen er sidens HTML <title> (ofte for lang eller med sidenavnet)
Beskrivelsen er de første tilfældige ord på siden

Med Open Graph:

Det perfekte billede i det rigtige format
En fængende titel der lokker til klik
En kort beskrivelse der sælger indholdet

De 4 vigtigste Open Graph-tags

1. og:title

Titlen der vises i link-previewet. Bør være fængende og under 60 tegn.

html

<meta property="og:title" content="10 tips til hurtigere WordPress" />

2. og:description

Beskrivelsen under titlen. Hold den under 155 tegn og gør den handlingsorienteret.

html

<meta property="og:description" content="Lær de 10 vigtigste tricks til at gøre din WordPress-side lynhurtig. Gratis guide med konkrete trin." />

3. og:image

Det billede der vises som preview. Det vigtigste tag af alle — et godt billede øger klik markant.

html

<meta property="og:image" content="https://dinside.dk/billeder/facebook-preview.jpg" />

Krav til billedet:

Minimum 1200×630 pixels (anbefalet)
Billedformat: 1.91:1
Filstørrelse: Under 8 MB
Format: JPG eller PNG
Brug et billede med tekst/grafik der er læsbar i lille størrelse

4. og:url

Den kanoniske URL for siden.

html

<meta property="og:url" content="https://dinside.dk/blog/hurtig-wordpress" />

Ekstra nyttige tags

html

<meta property="og:type" content="article" />
<meta property="og:site_name" content="Dit Firmanavn" />
<meta property="og:locale" content="da_DK" />
<meta property="article:published_time" content="2026-02-16" />
<meta property="article:author" content="Dit Navn" />

Opsætning i WordPress

Metode 1: SEOPress (anbefalet)

SEOPress tilføjer automatisk Open Graph-tags baseret på dit indhold, uden reklamer eller upsells i admin-interfacet.

Installer SEOPress

Gå til Plugins → Tilføj ny og søg efter "SEOPress". Installer og aktivér.

Aktivér Open Graph

Gå til SEO → Social Networks → Facebook. Sørg for at Open Graph-tags er aktiveret.

Tilpas per side

Rediger en side, scroll ned til SEOPress-boksen, klik på "Social"-fanen. Her kan du tilpasse titel, beskrivelse og billede specifikt til Facebook.

Metode 2: Yoast SEO

Yoast SEO tilføjer også automatisk Open Graph-tags. Gå til Yoast SEO → Social → Facebook og aktivér "Add Open Graph meta data". Du kan tilpasse per side via Yoast-boksen.

Metode 3: Rank Math

Rank Math fungerer på samme måde. Under Rank Math → Titles & Meta → Social Meta aktiverer du Open Graph og tilpasser per side.

Metode 4: Manuel opsætning

Hvis du ikke bruger et SEO-plugin, kan du tilføje tags manuelt i dit themes header.php eller via et custom plugin:

php

function add_og_tags() {
    if (is_single() || is_page()) {
        global $post;
        $title = get_the_title();
        $description = get_the_excerpt();
        $image = get_the_post_thumbnail_url($post->ID, 'large');
        $url = get_permalink();
 
        echo '<meta property="og:title" content="' . esc_attr($title) . '" />';
        echo '<meta property="og:description" content="' . esc_attr($description) . '" />';
        echo '<meta property="og:image" content="' . esc_url($image) . '" />';
        echo '<meta property="og:url" content="' . esc_url($url) . '" />';
        echo '<meta property="og:type" content="article" />';
    }
}
add_action('wp_head', 'add_og_tags');

Fejlfinding af Facebook link previews

Facebooks officielle debugging-værktøj er dit bedste redskab. Brug det til at:

Se præcis hvordan Facebook fortolker din side
Opdatere Facebooks cache af dine tags
Identificere fejl i dine Open Graph-tags

Typiske problemer

Problem: Forkert billede vises

Facebook cacher billeder. Brug Sharing Debugger og klik "Scrape Again"
Tjek at billedet er mindst 1200×630px
Sørg for at og:image bruger en absolut URL (med https://)

Problem: Gammelt indhold vises

Facebook cacher link previews i op til 30 dage
Brug Sharing Debugger til at tvinge en opdatering
Tilføj en query-parameter til URL'en som workaround (f.eks. ?v=2)

Problem: Ingen preview overhovedet

Tjek at dine Open Graph-tags er i <head> sektionen
Verificér at siden ikke er blokeret af robots.txt eller noindex
Sørg for at billedets URL er tilgængelig (ikke bag login)

Problem: Titel eller beskrivelse er forkert

Tjek at og:title og og:description er sat korrekt
Husk at Facebook bruger Open Graph-tags, IKKE <title> eller meta description

Tip

Husk at scrape din URL i Facebook Sharing Debugger EFTER du har ændret dine Open Graph-tags. Ellers ser du stadig den cachede version.

Open Graph for andre platforme

Twitter Cards

Twitter bruger sit eget sæt af tags men falder tilbage til Open Graph hvis Twitter-tags mangler:

html

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Din titel" />
<meta name="twitter:description" content="Din beskrivelse" />
<meta name="twitter:image" content="https://dinside.dk/billede.jpg" />

LinkedIn bruger Open Graph-tags direkte. De samme tags der virker for Facebook, virker for LinkedIn.

Pinterest bruger også Open Graph men lægger særlig vægt på billedet. Brug vertikale billeder (2:3 ratio) for bedre performance på Pinterest.

Tjekliste for Open Graph

☐ og:title sat på alle sider (under 60 tegn)
☐ og:description sat på alle sider (under 155 tegn)
☐ og:image med billede i 1200×630px
☐ og:url med korrekt kanonisk URL
☐ og:type sat (website/article)
☐ Alle tags bruger absolutte URLs (med https://)
☐ Testet med Facebook Sharing Debugger
☐ Testet med Twitter Card Validator
☐ Default-billede sat for sider uden specifikt billede

Konklusion

Open Graph-tags er en lille ændring med stor effekt. Korrekte tags sikrer at dine links ser professionelle ud når de deles — og det øger klik, trafik og engagement markant.

Det tager 10 minutter at sætte op korrekt med et SEO-plugin, og det forbedrer enhver social media-deling fra din hjemmeside permanent.

Brug for hjælp?

Kontakt mig for hjælp med at optimere din hjemmesides sociale medier-integration, Open Graph-tags og delbarhed.

Relaterede artikler