Open Graph är en uppsättning meta-taggar i sidans HTML-head som bestämmer hur länken ska se ut när den delas på Facebook, LinkedIn och andra plattformar. Du har säkert sett det själv: någon klistrar in en URL i ett inlägg och vips dyker ett kort upp med rubrik, kort text och bild. Det kortet kommer inte från tur. Det byggs av dina og-taggar, och saknas de gissar plattformen i blindo. Vill du att de delningarna faktiskt leder någonvart är det smart att låta dem ingå i en genomtänkt innehållsstrategi.
Protokollet skapades av Facebook för att webbsidor skulle kunna bete sig som objekt i ett socialt flöde. I dag läses samma taggar av en lång rad tjänster, från Messenger till TikTok, vilket gör Open Graph till en av de enklaste sakerna du kan fixa för att se proffsig ut när ditt innehåll sprids. Kör du WordPress kan du ofta sköta hela biten via samma plugin som du redan använder för SEO på WordPress.
★ SNABBVERSIONEN
- Open Graph är meta-taggar i head som styr förhandsvisningen vid delning.
- De fyra du nästan alltid behöver är og:title, og:description, og:image och og:url.
- og:image bör vara cirka 1200 x 630 pixlar för ett snyggt liggande kort.
- Open Graph styr sociala medier, meta description styr Google - det är inte samma sak.
- Cache gör att ändringar dröjer; använd Sharing Debugger för att tvinga fram en ny hämtning.
Vad Open Graph faktiskt är
Open Graph är ett protokoll, alltså en överenskommen uppsättning regler. Varje tagg ligger i <head> och följer mönstret property="og:något" med ett tillhörande content. Plattformen som hämtar din sida läser av taggarna och sätter ihop ett kort av dem, ungefär som Google läser av strukturerad data för att förstå vad olika delar av sidan betyder.
Tänk på det som en etikett på en burk. Innehållet är detsamma, men etiketten avgör vad folk ser på hyllan. En sida utan og-taggar är som en burk utan etikett: plattformen tvingas gissa vad som finns inuti, och gissningen blir sällan smickrande. Det är värt att veta att detta är ett helt annat steg än indexering i Google, som handlar om huruvida sidan alls finns i sökregistret.
Några av de vanligaste taggarna:
- og:title - rubriken på kortet, ofta kortare än din SEO-titel.
- og:description - den korta texten under rubriken.
- og:image - bilden som visas i kortet.
- og:url - den kanoniska URL som delningen ska peka på.
- og:type - typ av objekt, till exempel website, article eller video.
- og:site_name - namnet på din sajt.
Det finns fler. Vill du styra en film använder du property="og:video", och för bildmått finns og:image:width och og:image:height. Du behöver sällan alla, men de fyra första är en bra grund att utgå från.
Varför Open Graph spelar roll
Ett delat inlägg konkurrerar om uppmärksamhet i ett snabbt flöde. Ett kort med skarp rubrik och tydlig bild får fler klick än en naken textlänk. Det märks i statistiken när dina kunder börjar dela rätt version, och det syns tydligare om du dessutom jämför dig med branschen genom en konkurrentanalys.
Det handlar också om kontroll. Utan og-taggar plockar plattformen den första bästa bilden från sidan, ofta en logga eller en pixel. Med taggar bestämmer du exakt vad som visas, vilket bidrar till den känsla av trovärdighet som E-E-A-T beskriver: ett proffsigt intryck skapar förtroende redan innan någon klickar.
- Högre klickfrekvens på delade länkar.
- Konsekvent varumärke oavsett vem som delar.
- Färre fula kort med avhuggen titel eller fel bild.
- Bättre intryck när någon klistrar in din URL i en chatt.
En sak att hålla isär: Open Graph hjälper inte din ranking i Google direkt. Det är inte en rankingfaktor. Men ett bra socialt kort ger mer trafik och engagemang, och det binder ihop synlighet på flera kanaler.
NINJA-FAKTA
Många CMS, som WordPress och Joomla, sätter inte og-taggar av sig själva. Ett SEO-plugin eller lite Custom Code i mallen löser det på minuter, och då slipper du sätta taggar manuellt på varje sida.
Open Graph kontra meta description och Twitter Cards
Här blandar många ihop sakerna. Tre system styr tre olika sammanhang, och de bor i samma <head> men gör helt olika jobb. Reder du ut dem en gång slipper du felsöka samma sak om och om igen, ungefär som när du städar upp den tekniska grunden i en WordPress-sajt.
Open Graph (og:) Styr förhandsvisningen på Facebook, LinkedIn, Messenger och de flesta andra plattformar. Bygger kortet av og:title, og:description och og:image.
Meta description Styr texten under din rubrik i Googles sökresultat. Påverkar inte alls hur en delning ser ut på sociala medier.
X (tidigare Twitter) använder sina egna Twitter Cards via twitter-taggar, men faller i regel tillbaka på dina og-taggar om de saknas. Du kan alltså komma långt med bara Open Graph och lägga till twitter-taggar när du vill finjustera. Den som tävlar lokalt, exempelvis med SEO i Göteborg, tjänar ofta mest på att hålla det enkelt och låta og-taggarna göra grovjobbet.
Hur skiljer sig og:title från title-taggen?
Din <title> är skriven för Google och får gärna vara längre och nyckelordsrik. og:title är skriven för det sociala kortet och mår bra av att vara kortare och mer lockande. Det är helt okej att de skiljer sig: ofta vill du ha en saklig title för sök och en lite vassare og:title för delning. Funderar du på hur olika rubriker landar hos olika målgrupper är det värt att testa sig fram och se vad som fungerar i din nisch.
Vad händer om og-taggar saknas helt?
Då gör plattformen sitt bästa. Den plockar ofta sidans title-tagg som rubrik, meta description eller första stycket som text, och någon bild den hittar i koden. Resultatet är oförutsägbart. Att lägga till og-taggar är att byta gissning mot kontroll, på samma sätt som strukturerad data byter Googles gissningar mot tydliga signaler.
Så implementerar du Open Graph i praktiken
Att lägga till Open Graph är inte svårt. Här är ordningen jag brukar följa, och den passar lika bra för en enmansfirma med lokal SEO i Kalmar som för en större sajt.
- Bestäm de fyra grundtaggarna: og:title, og:description, og:image och og:url.
- Lägg till og:type och og:site_name så att kortet får rätt sammanhang.
- Skapa en og:image på cirka 1200 x 630 pixlar i JPG eller PNG.
- Lägg in taggarna i
<head>, via ditt SEO-plugin eller direkt i mallen. - Testa länken i Facebooks Sharing Debugger och tryck Scrape Again.
För en artikel kan en minimal uppsättning vara og:type satt till article, og:title med en lockande rubrik, og:description på ett par meningar och og:image med din hero-bild. Sätter du taggarna på sidnivå i stället för globalt får varje sida sitt eget kort. Det finns gott om Web Code Tools och generatorer som spottar ut färdiga og-taggar åt dig, och de flesta SEO-plugin har egna fält per sida. Tunga bilder bromsar dessutom kortet, så håll ett öga på sidhastighet när du laddar upp din og:image.
Innan du delar länken
Vanliga missförstånd och fallgropar
Det mesta som går fel med Open Graph är små saker som ger stora visuella konsekvenser. De påminner om de osynliga detaljer som ändå styr vad besökaren upplever.
- Du ändrar taggarna men ser den gamla versionen - det är cache, inte ett fel.
- og:image saknar width och height, så kortet hoppar eller beskärs fel.
- Samma og-taggar på hela sajten, så varje delning ser identisk ut.
- og:url pekar på en kampanjlänk med spårtaggar i stället för den rena adressen.
- Bilden är för tung och hinner inte laddas innan kortet ritas upp.
En trasig förhandsvisning kostar inga rankingpoäng, men den kostar klick. Folk litar mindre på en länk som ser sönder ut.
VANLIG MISS
Att tro att en delning på sociala medier förbättrar din SEO direkt. Open Graph ger snyggare kort och mer trafik, men länkar från sociala plattformar räknas i regel inte som vanliga backlinks. Sätt taggarna för läsarna, inte för Googles skull.
Allt fler delningar landar dessutom i AI-flöden snarare än klassiska sökresultat, vilket gör begreppet GEO allt mer relevant att hålla koll på. För dig som driver en lokal verksamhet, säg med SEO i Stockholm eller SEO i Västerås, är ett rent socialt kort extra värt något: när en nöjd kund delar din sida vill du att den ser inbjudande ut för deras vänner. Samma sak gäller dig som satsar på SEO i Umeå och vill att varje delning ska se proffsig ut.
Vanliga frågor
Vad är Open Graph?
Open Graph är ett protokoll med meta-taggar i sidans HTML som talar om för sociala plattformar hur en länk ska visas. Det ursprungliga protokollet kommer från Facebook, men taggarna läses i dag av många tjänster. När någon delar din URL läser plattformen av og:title, og:description och og:image och bygger ett förhandsvisat kort av dem. Utan Open Graph gissar plattformen själv, och resultatet blir ofta en avhuggen titel och fel bild.
Behöver jag Open Graph om jag redan har meta description?
Ja. Meta description styr hur din sida ser ut i Googles sökresultat, medan Open Graph styr hur den ser ut när den delas på sociala medier. Det är två olika sammanhang med olika taggar. En sida kan ha en utmärkt meta description för SEO och ändå se trasig ut på Facebook eller LinkedIn om og-taggarna saknas. Du vill i regel ha båda, och de behöver inte innehålla exakt samma text.
Vilken bildstorlek ska og:image ha?
En vanlig rekommendation är 1200 x 630 pixlar, vilket ger ett liggande kort i bredformat på de flesta plattformar. Använd en JPG eller PNG och håll filstorleken rimlig så att den hinner laddas innan kortet visas. Lägg gärna in og:image:width och og:image:height så att plattformen vet måtten direkt. Undvik viktig text längst ut i kanterna, eftersom olika tjänster beskär bilden lite olika.
Varför uppdateras inte min förhandsvisning när jag ändrat taggarna?
Plattformarna cachar förhandsvisningen för att slippa hämta sidan varje gång den delas. Har du nyss ändrat dina og-taggar visas ofta den gamla versionen ett tag. Klistra in URL:en i Facebooks Sharing Debugger och tryck på Scrape Again för att tvinga fram en ny hämtning. LinkedIn har ett liknande verktyg. Då uppdateras kortet, och nästa person som delar länken ser den korrekta versionen.
Fungerar Open Graph på alla plattformar?
De flesta stora plattformar läser og-taggar, men inte alla på samma sätt. Facebook, LinkedIn, Messenger, WhatsApp och många chattappar bygger sina kort på Open Graph. X använder i grunden Twitter Cards men faller ofta tillbaka på og-taggar om twitter-taggarna saknas. TikTok och vissa andra tjänster hämtar också grunddata via og. Det smarta är att alltid ha kompletta og-taggar och lägga till plattformsspecifika taggar bara där du behöver finjustera.
Relaterade termer
VILL DU FÖRSTÅ MER?
Undrar du hur det funkar i praktiken för just din sajt? Hör av dig.