Du deler en lenke på Facebook – og bildet som vises er logoen fra 2012. Overskriften er avkuttet. Og beskrivelsen? Den henger ikke på greip.
Velkommen til livet uten Open Graph.
Men det trenger ikke være sånn. Med Open Graph og Twitter Cards (ja, det heter fortsatt det – vi forklarer snart) kan du kontrollere hvordan innholdet ditt ser ut når det deles i sosiale medier. Og tro oss: det kan gjøre stor forskjell på klikkraten, synligheten og helhetsinntrykket av merkevaren din.
Hva er Open Graph?
Open Graph (OG) er et sett med metatagger utviklet av Facebook, og brukt av blant annet LinkedIn, Slack og Discord. Disse taggene plasseres i <head>-delen av HTML-dokumentet og gir informasjon om:
- Hvilken tittel som skal vises
- Hvilket bilde som skal brukes
- Hvilken beskrivelse som vises
- Hvilken URL som skal pekes til
Et eksempel ser slik ut:
<meta property="og:title" content="Hvordan bruke Open Graph for bedre deling" />
<meta property="og:description" content="Lær hvordan du styrer tittel, bilde og beskrivelse når innhold deles på sosiale medier." />
<meta property="og:image" content="https://dittdomene.no/images/deling.jpg" />
<meta property="og:url" content="https://dittdomene.no/artikkel/open-graph" />
<meta property="og:type" content="article" />
Hvis du ikke bruker disse, prøver Facebook og andre plattformer å “gjette” hva de skal vise. Det går sjelden bra.
Hva med Twitter? Eller, vent… heter det ikke X nå?
Jo – plattformen heter X. Men teknologien heter fortsatt Twitter Cards, og metakodene bruker fortsatt twitter:-prefiks.
Så selv om du bygger metadata for deling på “X”, skal du fortsatt bruke twitter:title, twitter:description og twitter:image.
Vi kaller det altså “Twitter Cards” – fordi det er det det fortsatt heter i koden.
Eksempel på Twitter Card-tags
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Open Graph og Twitter Cards – slik gjør du det riktig" />
<meta name="twitter:description" content="Unngå dårlige forhåndsvisninger. Lær hvordan du kontrollerer hvordan innholdet ditt vises i sosiale medier." />
<meta name="twitter:image" content="https://dittdomene.no/images/twitter-card.jpg" />
summary_large_image er standard og gir en stor forhåndsvisning. Du kan også bruke summary for små kort, men det ser ikke like bra ut – spesielt ikke i 2025.
Hvordan legger jeg inn disse taggene?
- I WordPress? Bruk en SEO-plugin som Yoast, Rank Math eller All in One SEO. De støtter både Open Graph og Twitter Cards automatisk.
- På statiske eller egendefinerte sider? Legg dem inn manuelt i
<head>på hver side.
Tips: Husk at bildene dine bør være minst 1200×630 piksler og i riktig forhold (ca. 1.91:1) for best visning på Facebook og X.
Verktøy for å teste Open Graph og Twitter Cards
Disse verktøyene viser hva som hentes ut fra dine metatagger – og lar deg rydde opp i feil før du deler.
Hva skjer hvis du ikke bruker disse taggene?
- Plattformene velger tittel, bilde og beskrivelse automatisk – ofte feil
- Du risikerer å vise utdaterte eller irrelevante bilder
- Delingene dine får lavere klikkrate
- Du mister kontroll over hvordan merkevaren din ser ut på sosiale medier
Og i verste fall: ingen klikker på det du deler – fordi det ikke ser ut som det er verdt å klikke på.
Oppsummering
| Plattform | Teknologi | Tag-prefix |
|---|---|---|
| Facebook, LinkedIn, Slack | Open Graph | og: |
| X (tidligere Twitter) | Twitter Cards | twitter: |
Ved å bruke Open Graph og Twitter Cards gir du plattformene et klart signal om hva som skal vises. Du styrer inntrykket – ikke algoritmen. Og i dagens fragmenterte og visuelle medielandskap er det gull verdt. Og hvordan henger dette sammen med SEO? Jo, som alt annet: Du forteller i klartekst at du har stålkontroll på innholdet, og det liker Google og Bing!
Bruk noen ekstra minutter på å sette dette opp – så slipper du at folk deler siden din med et 404-bilde og en “Lorem ipsum”-beskrivelse i feeden sin.
Image by Tumisu from Pixabay