← Blog

Vanlige feil med Open Graph-tagger

Selv erfarne utviklere gjør disse OG-tag-feilene. Her er de vanligste - og hvordan du fikser hver.

Sjekk OG-taggene dine for feil

Bruk Proovd — lim inn en URL og se umiddelbart hvordan den ser ut på X, LinkedIn, Slack, Discord, WhatsApp og Reddit.

Rask svar

  • Bruk av relative nettadresser for og:image — plattformer kan ikke hente dem
  • Mangler twitter:card-tag — X vil ikke gjengi kortet ditt
  • Bildet er for lite for plattformen — LinkedIn trenger minimum 1200×627
  • Tømmer ikke hurtigbufferen etter oppdateringer – plattformer cacher OG-tagger i flere dager

Feil 1: Bruk av relative nettadresser for og:image

Dette er den vanligste feilen. Utviklere skriver:

✗ Feil

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

Plattformens robotsøkeprogrammer kan ikke løse relative nettadresser. De trenger en absolutt URL:

✓ Riktig

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

Bruk alltid https:// i og:image URL-adressen din. Dette påvirker alle plattformer – X, LinkedIn, Discord, Slack, WhatsApp og Reddit.

Feil 2: Mangler twitter:card Tag

Mange utviklere setter bare Open Graph-tagger og hopper over Twitter Card-tagger. X/Twitter foretrekker twitter:card og kan ikke gjengi kortet ditt riktig uten det.

✗ Ufullstendig

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

✓ Fullfør

<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" />

Still inn både og:image og twitter:image for full dekning. Se vår Open Graph vs Twitter Card guide for detaljer.

Feil 3: Bildet er for lite for plattformen

Hver plattform har forskjellige minimumsbildestørrelser. Et bilde som fungerer på Discord (300×300 minimum) fungerer kanskje 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

Bruk av 1200 × 630 som standardstørrelse dekker alle plattformer. Se vår Open Graph guide for bildestørrelse for fullstendig oversikt.

Feil 4: Ikke tømme bufferen etter oppdateringer

Du oppdaterer OG-taggene dine. Plattformer viser fortsatt den gamle forhåndsvisningen. Problemet: plattformer cacher OG-tagger og henter dem ikke automatisk.

Etter å ha oppdatert taggene dine, må du tømme hver plattforms cache:

Se vår Hvordan tømme Open Graph Cache-guide for den komplette plattform-for-plattform-gjennomgangen.

Feil 5: Mangler og:description eller avkortet tekst

Noen utviklere setter og:title og og:image, men hopper over og:description. Andre skriver beskrivelser som er for lange og blir avkortet.

Gode ​​fremgangsmåter:

Feil 6: Angir ikke og:url

Uten og:url, kan plattformer bruke feil URL i forhåndsvisningen (f.eks. en URL med sporingsparametere). Angi alltid den kanoniske nettadressen:

✓ Riktig

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

Feil 7: Bruk av feil bilde-MIME-type

Hvis serveren din returnerer feil Content-Type-overskrift for bildet ditt (f.eks. serverer en PNG med image/jpeg), vil noen plattformer avvise det. Sørg for at bildeserveren returnerer riktig MIME-type:

LinkedIn er spesielt streng når det gjelder validering av MIME-type.

Feil 8: Dynamiske sider uten unike OG-tagger

Hvis du har et SPA eller et dynamisk nettsted der hver side deler de samme OG-taggene (vanligvis hjemmesidetaggene), vil plattformer vise den samme forhåndsvisningen for hver side. Hver side trenger sin egen unike tittel, beskrivelse og bilde.

I Next.js, bruk generateMetadata(). I WordPress, bruk Yoast/RankMath per side-innstillinger. I vanlig HTML, sett tagger individuelt på hver side.

Quick Fix Sjekkliste

  1. Bruk absolutte URL-er (https://...) for alle og:image stier
  2. Sett både og: og twitter:-taggene
  3. Bruk bilder på 1200×630 piksler for universell kompatibilitet
  4. Tøm plattformbuffer etter oppdatering av tagger
  5. Angi unike OG-tagger for hver side
  6. Ta med og:description (150–160 tegn)
  7. Sett og:url til den kanoniske URL-adressen
  8. Kontroller at MIME-typen samsvarer med det faktiske bildeformatet
  9. Test med Proovd for å fange alle feilene samtidig

Ofte stilte spørsmål

Hva er den vanligste Open Graph-feilen?

Bruk av en relativ URL for og:image i stedet for en absolutt URL som begynner med https://. Plattformer kan ikke hente relative URL-er, så bildet vil aldri vises i forhåndsvisningen.

Hvorfor fungerer OG-bildet mitt på én plattform, men ikke på en annen?

Hver plattform har forskjellige krav til bildestørrelse. LinkedIn krever minimum 1200x627, X krever 800x418, og Discord godtar minimum 300x300. Et bilde som fungerer på én plattform kan være for lite for en annen.

Hvordan sjekker jeg om OG-taggene mine har feil?

Bruk Proovd for å lime inn en nettadresse og se nøyaktig hvordan den gjengis på tvers av alle seks plattformene samtidig.

Sjekk OG-taggene dine for feil

Bruk Proovd — lim inn en URL og se forhåndsvisningen på X, LinkedIn, Slack, Discord, WhatsApp og Reddit.