← Blog

Almindelige fejl med Open Graph tags

Selv erfarne udviklere laver disse OG-tag-fejl. Her er de mest almindelige - og hvordan du løser dem.

Tjek dine OG-tags for fejl

Brug Proovd — indsæt en URL og se øjeblikkeligt, hvordan den ser ud på X, LinkedIn, Slack, Discord, WhatsApp og Reddit.

Hurtigt svar

  • Brug af relative URL'er til og:image — platforme kan ikke hente dem
  • Mangler twitter:card tag — X gengiver ikke dit kort
  • Billedet er for lille til platformen — LinkedIn kræver minimum 1200×627
  • Rydder ikke cache efter opdateringer - platforme cacher OG-tags i dagevis

Fejl 1: Brug af relative webadresser til og:image

Dette er den mest almindelige fejl. Udviklere skriver:

✗ Forkert

<meta property="og:image" content="/images/preview.jpg" />

Platforms crawlere kan ikke løse relative webadresser. De har brug for en absolut URL:

✓ Korrekt

<meta property="og:image" content="https://yoursite.com/images/preview.jpg" />

Brug altid https:// i din og:image URL. Dette påvirker enhver platform - X, LinkedIn, Discord, Slack, WhatsApp og Reddit.

Fejl 2: Mangler twitter:card tag

Mange udviklere indstiller kun Open Graph-tags og springer Twitter Card-tags over. X/Twitter foretrækker twitter:card og gengiver muligvis ikke dit kort korrekt uden det.

✗ Ufuldstændig

<meta property="og:image" content="https://yoursite.com/image.jpg" />

✓ Komplet

<meta property="og:image" content="https://yoursite.com/image.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://yoursite.com/image.jpg" />

Indstil både og:image og twitter:image for fuld dækning. Se vores Open Graph vs Twitter Card guide for detaljer.

Fejl 3: Billedet er for lille til platformen

Hver platform har forskellige mindste billedstørrelser. Et billede, der fungerer på Discord (300×300 minimum), fungerer muligvis ikke på LinkedIn (1200×627 minimum).

Platform Minimum Recommended
X / Twitter800 × 4181200 × 628
LinkedIn1200 × 6271200 × 627
Discord300 × 3001200 × 630
WhatsApp300 × 1571200 × 630
Reddit120 × 1201200 × 628

Brug af 1200 × 630 som din standardstørrelse dækker alle platforme. Se vores Open Graph Billedstørrelsesguide for den komplette opdeling.

Fejl 4: Rydder ikke cache efter opdateringer

Du opdaterer dine OG-tags. Platforme viser stadig den gamle forhåndsvisning. Problemet: platforme cacher OG-tags og henter dem ikke automatisk.

Når du har opdateret dine tags, skal du rydde hver platforms cache:

Se vores Sådan rydder Open Graph Cache guide for den komplette platform-for-platform-gennemgang.

Fejl 5: Manglende og:description eller afkortet tekst

Nogle udviklere indstiller og:title og og:image, men springer og:description over. Andre skriver beskrivelser, der er for lange og bliver afkortet.

Bedste fremgangsmåder:

Fejl 6: Indstilling ikke og:url

Uden og:url kan platforme bruge den forkerte URL i forhåndsvisningen (f.eks. en URL med sporingsparametre). Indstil altid den kanoniske URL:

✓ Korrekt

<meta property="og:url" content="https://yoursite.com/your-page" />

Fejl 7: Brug af forkert billed-MIME-type

Hvis din server returnerer den forkerte Content-Type-header til dit billede (f.eks. serverer en PNG med image/jpeg), vil nogle platforme afvise det. Sørg for, at din billedserver returnerer den korrekte MIME-type:

LinkedIn er særligt streng med hensyn til MIME-typevalidering.

Fejl 8: Dynamiske sider uden unikke OG-tags

Hvis du har et SPA eller et dynamisk websted, hvor hver side deler de samme OG-tags (normalt startsidetags), vil platforme vise den samme forhåndsvisning for hver side. Hver side har brug for sin egen unikke titel, beskrivelse og billede.

I Next.js skal du bruge generateMetadata(). I WordPress skal du bruge Yoast/RankMath per side-indstillinger. Indstil tags individuelt på hver side i almindelig HTML.

Tjekliste til hurtig rettelse

  1. Brug absolutte URL'er (https://...) for alle og:image stier
  2. Indstil både og: og twitter: tags
  3. Brug 1200×630 pixel billeder for universel kompatibilitet
  4. Ryd platforms caches efter opdatering af tags
  5. Indstil unikke OG-tags for hver side
  6. Inkluder og:description (150-160 tegn)
  7. Indstil og:url til den kanoniske URL
  8. Bekræft MIME-typen matcher det faktiske billedformat
  9. Test med Proovd for at fange alle fejl på én gang

Ofte stillede spørgsmål

Hvad er den mest almindelige Open Graph fejl?

Brug af en relativ URL for og:image i stedet for en absolut URL, der starter med https://. Platforme kan ikke hente relative URL'er, så billedet vises aldrig i forhåndsvisningen.

Hvorfor fungerer mit OG-billede på én platform, men ikke på en anden?

Hver platform har forskellige krav til billedstørrelse. LinkedIn kræver minimum 1200x627, X kræver 800x418, og Discord accepterer minimum 300x300. Et billede, der fungerer på én platform, kan være for lille til en anden.

Hvordan kontrollerer jeg, om mine OG-tags har fejl?

Brug Proovd til at indsætte enhver URL og se præcis, hvordan den gengives på tværs af alle seks platforme på én gang.

Tjek dine OG-tags for fejl

Brug Proovd — indsæt en URL og se forhåndsvisningen på X, LinkedIn, Slack, Discord, WhatsApp og Reddit.