ST SEO Tools

Open Graph-generator

Skapa Open Graph- och Twitter Card-metataggar för snygga länkförhandsvisningar på Facebook, LinkedIn och X. Körs helt i din webbläsare.

🔒 Körs helt i din webbläsare — ingenting laddas upp

Advertisement

Vad Open Graph-generatorn gör

Open Graph-generatorn skapar de sociala metataggar som avgör hur din sida ser ut när någon delar den på Facebook, LinkedIn, Slack, Discord, X/Twitter och många andra plattformar. Utan dessa taggar visar en delad länk ofta bara en naken webbadress eller ett slumpmässigt utdrag; med dem visar plattformen ett snyggt kort med titel, beskrivning och förhandsbild. Verktyget skapar en komplett uppsättning og:-egenskaper samt motsvarande Twitter Card-taggar från ett enda kort formulär, så att du bara anger varje värde en gång.

Du anger titel, beskrivning, bildadress, sidans kanoniska URL, webbplatsnamn och en innehållstyp som website, article eller product. För X/Twitter kan du välja mellan ett kompakt sammanfattningskort och ett kort med stor bild, samt lägga till utgivarens konto. Resultatet är ett färdigt block med <meta>-taggar som ska ligga i sidans <head>. Eftersom sociala plattformar cachar dessa taggar sparar du mycket omskanning och felsökning genom att göra rätt från början.

Privat arbetsflöde i webbläsaren

Alla taggar skapas lokalt med JavaScript på klientsidan. Verktyget hämtar inte din bild, genomsöker inte din URL och laddar inte upp något av det du skriver – allt stannar i webbläsaren. Det är användbart när du förbereder delningskort för en ännu ej lanserad kampanj, en staging-adress eller innehåll under embargo, eftersom inget av detta lämnar din enhet.

Praktiska tips

Använd en absolut, offentligt nåbar bildadress i stället för en relativ sökväg, eftersom sociala sökrobotar inte kan tolka relativa länkar. En bild på 1200×630 pixlar är ett tryggt standardval och fyller det stora sammanfattningskortet fint. Håll og:title nära din verkliga sidtitel och skriv og:description som en slagkraftig enradskrok, eftersom dessa texter är optimerade för klick snarare än sökrankning. Ta alltid med og:url med den kanoniska adressen så att delningar samlas på en sida. Validera dina taggar efter publicering med respektive plattforms officiella delningsverktyg och skanna om om du byter bild, eftersom plattformar cachar den första versionen de ser.

Hur man använder

  1. Ange sidans uppgifterLägg till titel, beskrivning, bildadress, kanonisk URL och innehållstyp.
  2. Välj ett Twitter-kortVälj sammanfattningskort eller kort med stor bild för X/Twitter.
  3. Kopiera taggarnaKlistra in de skapade Open Graph- och Twitter-taggarna i sidans head.

Vanliga frågor

Vad är skillnaden mellan Open Graph och Twitter Cards?
Open Graph-taggar (og:) läses av Facebook, LinkedIn och många andra plattformar, medan Twitter Card-taggar styr hur länkar ser ut på X/Twitter. Verktyget skapar båda utifrån samma uppgifter.
Vilken bildstorlek bör jag använda?
En bild på 1200×630 pixlar fungerar bra på de flesta plattformar och ger ett stort sammanfattningskort på Twitter.
Laddas något upp?
Nej. Taggarna skapas lokalt av texten du skriver – inga bilder eller webbadresser hämtas eller laddas upp.
Advertisement