Har du delat en länk på LinkedIn eller Facebook och fått en ful förhandsvisning — fel bild, avkapad text, eller bara en grå ruta? Det beror på att sajten saknar OG-taggar.
Vad är OG-taggar?
OG står för Open Graph — ett protokoll som Facebook skapade 2010 för att styra hur länkar visas på sociala medier. Idag stöds det av i princip alla plattformar: LinkedIn, Facebook, X (Twitter), Pinterest, Slack, Teams och iMessage.
OG-taggar är HTML-element i sidans <head> som definierar följande:
- og:title – Titeln som visas i förhandsvisningen.
- og:description – En kort beskrivning av innehållet.
- og:image – Bilden som visas.
- og:url – Den permanenta länken till sidan.
Varför spelar det roll?
När en kund delar ditt portfolio-inlägg på LinkedIn vill du att det ser professionellt ut. En länk med rätt bild, titel och beskrivning genererar klick. En länk med fel bild eller texten “Untitled — WordPress” ser opålitlig ut.
Det påverkar inte SEO direkt då Google inte prioriterar OG-taggar, men det säkerställer att ditt varumärke presenteras korrekt vid varje delning, vilket driver trafik.
Hur sätter man det?
I WordPress kan du konfigurera OG-taggar via:
- Temats inställningar: Exempelvis Bricks Builder har en inbyggd OG-panel per sida.
- SEO-plugin: Yoast och Rank Math lägger till specifika OG-fält.
- Manuell kod: Direkt i sidans head-sektion.
Viktigast att optimera:
- Bilden: Minst 1200×630px. Detta är den enskilt viktigaste faktorn för klickfrekvens.
- Titeln: Kort och tydlig. Den behöver inte vara identisk med sidans SEO-titel.
- Beskrivningen: En slagkraftig mening som väcker nyfikenhet.
Testa innan du delar
Använd följande verktyg för att kontrollera förhandsvisningen:
Notera: Sociala plattformar cachar förhandsvisningar. Om du uppdaterar dina OG-taggar måste du ofta rensa cachen via dessa verktyg för att ändringarna ska slå igenom.
Sammanfattning
OG-taggar tar fem minuter att konfigurera och garanterar att din sajt ser professionell ut. Utan dem väljer plattformarna själva vad som visas, vilket sällan ger ett bra resultat.
Vill du att jag tar fram den exakta HTML-koden för dessa taggar åt dig?
