Almindelige fejl med Open Graph tags
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:cardtag — 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 / Twitter | 800 × 418 | 1200 × 628 |
| 1200 × 627 | 1200 × 627 | |
| Discord | 300 × 300 | 1200 × 630 |
| 300 × 157 | 1200 × 630 | |
| 120 × 120 | 1200 × 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:
- Facebook: Sharing Debugger → "Scrape Again"
- LinkedIn: Post Inspector → "Inspicer"
- X/Twitter: Card Validator → "Preview Card"
- Discord/Slack: Slet gammel besked, genindsend URL
- WhatsApp: Tilføj
?v=2forespørgselsparameter
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:
- og:title: 50-60 tegn (samme som SEO-titeltag)
- og:description: 150-160 tegn (samme som metabeskrivelse)
- Placer de vigtigste oplysninger først - platforme afkortes på forskellige punkter
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:
- JPG/JPEG →
image/jpeg - PNG →
billede/png - WebP →
billede/webp - GIF →
billede/gif
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
- Brug absolutte URL'er (https://...) for alle og:image stier
- Indstil både
og:ogtwitter:tags - Brug 1200×630 pixel billeder for universel kompatibilitet
- Ryd platforms caches efter opdatering af tags
- Indstil unikke OG-tags for hver side
- Inkluder og:description (150-160 tegn)
- Indstil og:url til den kanoniske URL
- Bekræft MIME-typen matcher det faktiske billedformat
- 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.
Relaterede artikler
Tjek dine OG-tags for fejl
Brug Proovd — indsæt en URL og se forhåndsvisningen på X, LinkedIn, Slack, Discord, WhatsApp og Reddit.