Fakta & Baggrund
Danmark · Facebook · 2026
DELING · Sharing Debugger ·BILLEDER

Sådan får du det rigtige billede, ID og preview

Når en artikel deles på Facebook, vælger Facebook som regel ikke bare det første billede på siden. Facebook læser især sidens Open Graph-tags i <head> — altså metadata som titel, beskrivelse, URL og billede. Derfor er det vigtigt, at hver artikel har korrekte og:-tags, et passende billede og gerne automatisk “rescrape”, når artiklen publiceres.

Af redaktionen · 17/7-2026

Billedstørrelse: Brug 1200 × 630 px


Den mest stabile billedstørrelse til Facebook link-preview er:

1200 × 630 px
Format: JPG eller PNG
Ratio: ca. 1.91:1
Filstørrelse: helst under 1 MB — maksimum 8 MB

Meta anbefaler billeder på mindst 1200 × 630 px for bedst visning på højopløselige skærme. Minimumsstørrelsen er 200 × 200 px, og billedfilen må ikke overstige 8 MB.

Det betyder, at et billede i fx 1000 × 750 px sagtens kan se flot ud i artiklen, men Facebook kan beskære det forkert. Til Facebook-preview bør man derfor lave en særskilt version i 1200 × 630 px.

Hurtig størrelses-guide

BrugAnbefalet-størrelseKommentar
  • Facebook link-preview
  • 1200 × 630 px
  • Bedste standard
  • Mindre fallback
  • 600 × 315 px
  • Samme ratio, men mindre skarpt
  • Artikelbillede på siden
  • 1000 × 750 px
  • Fint til selve artiklen
  • Kvadratisk billede
  • 1080 × 1080 px
  • Godt til opslag, ikke optimalt til link-preview      

Open Graph-tags: Det Facebook læser

Indsæt Open Graph-tags i <head> på artikelsiden. De vigtigste er:

HTML <HEADER> html snippet · vises som kode 
<meta property="og:type" content="article">
<meta property="og:title" content="ARTIKLENS TITEL">
<meta property="og:description" content="Kort beskrivelse af artiklen">
<meta property="og:url" content="https://www.dit-domæne.dk">

<meta property="og:image" content="https://www.dit-domæne.dkog/artikel-slug-1200x630.jpg">
<meta property="og:image:secure_url" content="https://www.dit-domæne.dk/uploads/og/artikel-slug-1200x630.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Illustration til artiklen">

<meta property="fb:app_id" content="0000000000000">

Meta anbefaler at angive og:

image:width og og:image:height, fordi det hjælper Facebooks crawler med at vise billedet korrekt første gang siden deles.

Meta anbefaler at angive og:image:width og og:image:height, fordi det hjælper Facebooks crawler med at vise billedet korrekt første gang siden deles.

Open Graph-protokollen understøtter også felter som og:image:secure_url, og:image:type, og:image:width, og:image:height og og:image:alt.

Der er forskel på:

Facebook Page ID
Det er ID’et for din Facebook-side.

Facebook App ID
Det er ID’et for din Meta/Facebook-app, og det er det ID, man bruger i:

HTML <HEADER> html snippet · vises som kode 
<meta property="fb:app_id" content="00000000000000">

Hvis din Facebook-side har en URL som:

https://www.facebook.com/profile.php?id=00000000000000

så er tallet efter id= sandsynligvis sidens profil-/side-ID:

000000000000

Men det er ikke det samme som dit fb:app_id.

Meta opretter et unikt App ID, når man opretter en app i Meta for Developers, og App ID’et kan ses i appens dashboard/basic settings.

Sådan finder du dit Facebook App ID

  1. Gå til Meta for Developers.
  2. Log ind.
  3. Klik på My Apps.
  4. Vælg din app.
  5. Gå til App Dashboard.
  6. Gå til Settings → Basic.
  7. Find feltet App ID.

Hvis du allerede har dette i din side:

HTML <HEADER> html snippet · vises som kode 
<meta property="fb:app_id" content="00000000000000000">

så er dit App ID:

0000000000000000

PHP-snippet til dynamiske Open Graph-tags

Et simpelt eksempel til en PHP-artikelside:

example.php PHP snippet · vises som kode 
<?php
$title       = $article['title'] ?? 'dit-domæne.dk';
$description = $article['excerpt'] ?? 'Ny artikel fra dit-domæne.dk';
$slug        = $article['slug'] ?? 'artikel';
$theme       = $_GET['theme'] ?? 'day';

$canonical_url = 'https://www.dit-domæne.dk/article.php?theme=' . urlencode($theme) . '&slug=' . urlencode($slug);

$og_image = 'https://www.dit-domæne.dk/uploads/og/' . rawurlencode($slug) . '-1200x630.jpg';

function e($value) {
    return htmlspecialchars($value, ENT_QUOTES, 'UTF-8');
}
?>

<meta property="og:type" content="article">
<meta property="og:title" content="<?= e($title) ?>">
<meta property="og:description" content="<?= e($description) ?>">
<meta property="og:url" content="<?= e($canonical_url) ?>">

<meta property="og:image" content="<?= e($og_image) ?>">
<meta property="og:image:secure_url" content="<?= e($og_image) ?>">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="<?= e($title) ?>">

<meta property="fb:app_id" content="000000000000000">


Facebook dele-knap

Man kan bruge Facebooks officielle share-button, hvor data-href peger på den artikel, der skal deles. Meta skriver selv, at data-href skal justeres til websidens URL, mens og:-tags styrer link-previewet.

Eksempel:

HTML HTML snippet · vises som kode 
<div class="fb-share-button"
     data-href="https://www.DIT-domæne.dk/article.php?theme=day&slug=artikel-slug"
     data-layout="button_count">
</div>


example.php PHP snippet · vises som kode 
<div class="fb-share-button"
     data-href="/article.php?theme=day&slug=artikel-slug"
     data-layout="button_count">
</div>

Alternativt kan man lave en simpel dele-knap uden Facebook SDK:

<?php
$share_url = 'https://www.dit-domæne.dk/article.php?theme=' . urlencode($theme) . '&slug=' . urlencode($slug);
$facebook_share = 'https://www.facebook.com/sharer/sharer.php?u=' . urlencode($share_url);
?>

<a href="<?= e($facebook_share) ?>"
   target="_blank"
   rel="noopener noreferrer">
   Del på Facebook
</a>

Sharing Debugger: Facebooks kontrolværktøj

Facebooks Sharing Debugger viser, hvordan en artikel ser ud, når den deles på Facebook. Værktøjet bruges også til at finde fejl i Open Graph-tags.

Åbn værktøjet her:

https://developers.facebook.com/tools/debug/

Sådan bruges det:

  1. Indsæt artikelens URL.
  2. Klik Debug.
  3. Se hvilket billede, titel og beskrivelse Facebook finder.
  4. Hvis noget er gammelt eller forkert, klik Scrape Again.
  5. Tjek især:
    • og:title
    • og:description
    • og:image
    • og:image:width
    • og:image:height
    • eventuelle advarsler om billedstørrelse eller adgang.

Auto-rescrape ved publicering

Når en artikel publiceres eller opdateres, kan systemet automatisk bede Facebook hente siden igen. Meta Graph API understøtter URL-scrape med parameteren scrape=true og et access token.

Vigtigt: App Secret eller access tokens må ikke ligge i JavaScript eller HTML. Det skal kun ligge server-side.

Eksempel i PHP:

example.php PHP snippet · vises som kode 
function facebook_rescrape($article_url) {
    $app_id     = 'DIN_APP_ID';
    $app_secret = 'DIN_APP_SECRET';

    // App access token. Må kun bruges server-side.
    $access_token = $app_id . '|' . $app_secret;

    $endpoint = 'https://graph.facebook.com/';

    $post_fields = [
        'id'           => $article_url,
        'scrape'       => 'true',
        'access_token' => $access_token
    ];

    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $endpoint);
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($post_fields));
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_TIMEOUT, 15);

    $response = curl_exec($ch);
    $error    = curl_error($ch);
    curl_close($ch);

    if ($error) {
        return [
            'success' => false,
            'error'   => $error
        ];
    }

    return [
        'success'  => true,
        'response' => json_decode($response, true)
    ];
}

Eksempel på brug efter publicering:


$article_url = 'https://www.dit-domæne.dk/article.php?theme=day&slug=' . urlencode($slug);

$result = facebook_rescrape($article_url);

if (!$result['success']) {
    error_log('Facebook rescrape fejl: ' . $result['error']);
}


Praktisk publicerings-rækkefølge

For at få Facebook-previewet til at virke stabilt, bør systemet gøre dette i rækkefølge:

  1. Gem artiklen.
  2. Generér eller vælg og:image i 1200 × 630 px.
  3. Sørg for, at billedet ligger offentligt på HTTPS.
  4. Indsæt korrekte Open Graph-tags i <head>.
  5. Ryd eventuel cache på artikelsiden.
  6. Kør Facebook auto-rescrape.
  7. Test URL’en i Sharing Debugger.

Typiske fejl

Facebook viser gammelt billede
Facebook har sandsynligvis cachet den gamle version. Brug Scrape Again i Sharing Debugger eller kør auto-rescrape via Graph API.

Facebook vælger forkert billede
Tjek at og:image peger direkte på det rigtige billede, og at billedet ikke kræver login, cookies eller hotlink-beskyttelse.

Billedet bliver beskåret grimt
Brug 1200 × 630 px og hold vigtig tekst/logo væk fra kanterne.

Preview mangler billede
Tjek at billedet findes, at URL’en er HTTPS, at filen ikke er over 8 MB, og at og:image:width og og:image:height er sat.

Dele-knappen deler forkert URL
Sørg for, at data-href eller share-linket peger på den præcise artikel-URL — ikke forsiden.

Mini-tjekliste til nørder

Før publicering:

    • A  artiklen har en fast canonical URL

    • oog:title er sat

    • oog:description er sat

    • oog:url matcher artikelens rigtige URL

    • oog:image peger på et 1200 × 630 px billede

    • oog:image:width er 1200

    • oog:image:height er 630

    • ffb:app_id er sat korrekt

    • BBilledet kan åbnes direkte i browseren

    • SSharing Debugger viser korrekt preview

    • AAuto-rescrape køres efter publish


Konklusion

Hvis Facebook-deling skal virke stabilt, skal hver artikel have sit eget Open Graph-billede i 1200 × 630 px, tydelige og:-tags og gerne automatisk rescrape ved publicering. Selve artikelbilledet må gerne være større, højere eller flottere til webvisning, men Facebook-previewet bør have sin egen faste version, så billedet ikke bliver beskåret forkert eller erstattet af et tilfældigt billede fra siden


C.P Graff