raatools/

Open Graph forhåndsvisning

Forhåndsvis hvordan siden ser ut på sosiale medier.

Facebook / LinkedIn Preview

1200 × 630 image
example.com
My Amazing Page Title
A detailed description of what this page is about. Make it compelling!

Twitter / X Preview

1200 × 628 image
My Amazing Page Title
A detailed description of what this page is about. Make it compelling!
🔗 example.com

Hva er et Open Graph-forhåndsvisningsverktøy?

Open Graph (OG)-tagger er HTML-metatagger som kontrollerer hvordan nettsiden din vises når den deles på sosiale medieplattformer som Facebook, Twitter, LinkedIn og meldingsapper. Taggene og:title, og:description, og:image og og:url bestemmer tittel, tekstutdrag, miniatyrbilde og lenke som vises i delingsforhåndsvisningskortet. Dette verktøyet lar deg forhåndsvise hvordan siden din vil se ut før du deler den.

Uten riktige OG-tagger forsøker sosiale plattformer å gjette tittel og bilde fra sideinnholdet, noe som ofte produserer stygge eller misvisende forhåndsvisninger. En velformet OG-forhåndsvisning øker klikkfrekvensen dramatisk — innlegg med optimaliserte bilder og beskrivelser får 2–3 ganger mer engasjement enn de uten.

Essensielle Open Graph-tagger

  • og:title — tittelen som vises i forhåndsvisningskortet. Hold den under 60 tegn.
  • og:description — en kort oppsummering av sideinnholdet. Hold den under 155 tegn.
  • og:image — forhåndsvisningsminiatyrbildet. Anbefalt størrelse: 1200x630 piksler for best visning på tvers av plattformer.
  • og:url — den kanoniske URL-en til siden.
  • og:type — innholdstypen (website, article, product, osv.).

Slik bruker du dette verktøyet

Skriv inn en URL, og verktøyet henter siden, trekker ut alle Open Graph- og Twitter Card-metatagger og gjengir forhåndsvisninger som viser hvordan siden vil se ut på Facebook, Twitter og LinkedIn. Manglende eller feilstørrelsede bilder flagges. Bruk dette for å teste OG-taggene dine før du publiserer innhold.

Twitter Cards vs. Open Graph

Twitter bruker sine egne metatagger (twitter:card, twitter:title, twitter:description, twitter:image) men faller tilbake til OG-tagger når Twitter-spesifikke tagger mangler. For maksimal kompatibilitet, inkluder både OG-tagger og Twitter Card-tagger. Twitter:card-taggen (satt til summary_large_image for en stor forhåndsvisning) er det viktigste Twitter-spesifikke tillegget.

Ofte stilte spørsmål

Hvorfor oppdateres ikke delingsforhåndsvisningen min etter at jeg endret OG-taggene?

Sosiale plattformer cacher OG-data aggressivt. Facebook cacher i ca. 30 dager. For å tvinge en oppdatering, bruk Facebooks Sharing Debugger (developers.facebook.com/tools/debug/), Twitters Card Validator eller LinkedIns Post Inspector. Disse verktøyene tømmer cachen og henter ferske OG-tagger fra siden din.

Hvilken bildestørrelse bør jeg bruke for OG?

Anbefalt størrelse er 1200x630 piksler (1,91:1 bildeformat) for best visning på tvers av alle plattformer. Minimum 600x315 piksler. Facebook, Twitter og LinkedIn viser alle dette formatet godt. Bruk JPEG- eller PNG-format, hold filstørrelsen under 5MB (helst under 300KB for rask lasting). Unngå teksttunge bilder — noen plattformer beskjærer forskjellig.