Open Graph-metataggar: vad du behöver veta
Lär dig hur Open Graph-metataggar styr förhandsgranskningar i sociala nätverk, hur du implementerar dem korrekt och hur du verifierar att de fungerar.
Vad du får ut av den här guiden
Du får konkreta instruktioner för vilka Open Graph-metataggar som påverkar hur dina länkar visas i sociala medier, rena kodexempel du kan klistra in i <head>, en praktisk verifierings- och felsökningschecklista samt vanliga misstag att undvika.
Vad är Open Graph-metataggar?
Open Graph-metataggar är HTML-metaelement som ger sociala nätverk strukturerad information om en sida — till exempel titel, beskrivning och utvald bild. När en användare delar en URL använder plattformen dessa värden för att skapa förhandsgranskningen som syns i flöden och meddelanden.
De placeras i dokumentets head-sektion och ser ut så här i HTML:
<meta property="og:title" content="Din sida — rubrik">
<meta property="og:description" content="Kort och tydlig beskrivning av innehållet">
<meta property="og:image" content="https://yourdomain.com/wp-content/uploads/your-image.png">
Vanliga Open Graph-taggar och vad de gör
Twitter / X och plattformsvariationer
Olika plattformar använder Open Graph men kan också ha egna taggar eller preferenser. Twitter/X till exempel stödjer Open Graph men har också egna "twitter:"-taggar, t.ex. <meta name="twitter:card" content="summary_large_image">. För maximal kontroll kan du inkludera både Open Graph- och Twitter-taggar; plattformen använder oftast sina egna taggar i första hand och faller tillbaka på Open Graph.
Implementering: bästa praxis
Exempel: minsta uppsättning i head
En enkel uppsättning för en artikel kan se ut så här:
<meta property="og:type" content="article">
<meta property="og:title" content="Titel på din artikel">
<meta property="og:description" content="Kort ingång till innehållet">
<meta property="og:image" content="https://yourdomain.com/wp-content/uploads/your-image.png">
Verifiering och felsökning
Följ dessa steg för att kontrollera att dina Open Graph-taggar syns och används korrekt av sociala plattformar.
Vanliga misstag att undvika
Publiceringschecklista
Vill du gräva djupare i teknisk SEO-relaterad implementation och kontroll? Läs Technical SEO-guiden.
Behöver jag både Open Graph- och Twitter-taggar?
Det räcker ofta med Open Graph, eftersom många nätverk använder dem. Men om du vill ha maximal kontroll över hur innehållet visas på Twitter/X bör du lägga till twitter:-taggar (t.ex. twitter:card) i tillägg. Plattformars egna taggar prioriteras ofta före Open Graph.
Varför visas fel bild eller ingen bild alls?
Vanliga orsaker är att og:image inte pekar på en direktbild-URL, att bilden blockeras (t.ex. hotlink-skydd eller inloggningsbegränsning), att sidan returnerar felaktiga HTTP-statuskoder eller att plattformens cache ännu inte har uppdaterats. Använd plattformens debugverktyg och kontrollera svaret med curl för att lokalisera problemet.
Hur snabbt uppdateras en förhandsgranskning efter att jag ändrat OG-taggar?
Uppdateringstiden varierar mellan plattformar. Ofta kan en ändring synas snabbt om du använder plattformens debugger för att rensa cachen, men ibland kan det dröja längre. Använd debug-verktyget för att be om en ny hämtning när du vill forcera uppdatering.
Relaterade artiklar
On-page SEO-checklista för bättre rankningar och UX
Återställ och förbättra dina sidor med en praktisk on-page SEO-checklista för innehåll, metadata och prestanda.
SEO-rubriker: bästa praxis för H1 och hierarki
Konkreta riktlinjer för H1/H2/H3: hur du strukturerar sidor, kontrollerar vad Google ser och undviker vanliga misstag.
Hur du använder Google Bildsökning för att öka trafiken
Lär dig konkreta steg för att optimera bilder så de syns i Google Bildsökning och genererar mer relevant webbplatstrafik.
SEO-tips för att förbättra rankingen: praktiska strategier
Praktiska SEO-tips: teknisk kontroll, on‑page-optimering, innehållsstrategi och verifierad länkbyggnad för hållbar synlighet.
Effektiva sätt att förbättra din organiska CTR
Praktiska steg för att mäta och förbättra din organiska CTR, från dataanalys i Search Console till optimering av rubriker, strukturerade utdrag och mobilsynlighet.