Open Graph forhåndsvisning
Forhåndsvis hvordan siden ser ut på sosiale medier.
Facebook / LinkedIn Preview
Twitter / X Preview
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.