Gratis omvandlare

OG-tagg Generator

Generera Open Graph-metataggar för Facebook, Twitter och LinkedIn. Gratis OG-tagggenerator med live förhandsvisning av sociala kort.

0/95
0/200

Facebook förhandsvisning

YOURWEBSITE.COM
Din sidtitel (max 95 tecken)
En kort beskrivning av din sida (max 200 tecken)

Genererad HTML

<!-- Open Graph Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

Om detta verktyg

Open Graph (OG)-taggar styr hur en sida visas när den delas på sociala plattformar. Facebook, LinkedIn, Slack, Discord och många andra läser OG-taggar för att konstruera förhandsgranskningskort. Utan korrekta OG-taggar ser delade länkar trasiga ut - generiska favoriter, saknade bilder, trunkerade titlar. Med dem ser aktierna polerade ut och klickfrekvensen förbättras avsevärt.

Standard OG-taggarna: og:title (titeln som visas i förhandsgranskningen), og:description (textavsnittet), og:image (förhandsgranskningsbilden, helst 1200×630), og:url (kanonisk URL), og:type (vanligtvis 'webbplats' eller 'artikel'). Lagret med Twitter-korttaggar på toppen: twitter:kort, twitter:titel, twitter:beskrivning, twitter:bild. De flesta verktyg faller tillbaka till OG när Twitter-specifika taggar saknas.

Denna generator producerar en komplett uppsättning OG- och Twitter-korttaggar från din input. Klistra in den resulterande HTML-koden i sidans <head>. Resultatet är korrekt förhandsvisning på alla större sociala plattformar.

Varför använda en OG Tag Generator

Sidor utan OG-taggar ser dåliga ut när de delas. Tom bild, generisk titel, saknad beskrivning – förhandsgranskningen konkurrerar dåligt med korrekt taggade sidor i flöden. För innehållsmarknadsföring och länkdelning påverkar detta direkt klickfrekvensen.

Handskrivna OG-taggar är repetitiva. Varje sida behöver sin egen uppsättning. En generator som producerar korrekta taggar från ett fåtal ingångar undviker stavfel och missade egenskaper som bryter sociala förhandsvisningar.

Så här använder du det

Fyll i ingångarna, hämta taggarna.

  1. Ange titel och beskrivning: Dessa är vad som visas i delningsförhandsgranskningen. Behåll titeln under 60 tecken och beskrivningen under 200 tecken för ren visning på alla plattformar.
  2. Ange en bild-URL: 1200×630 pixlar är standardstorleken. Använd en absolut webbadress (https://example.com/og-image.png). Bilden måste vara allmänt tillgänglig – autentiserade bilder bryter förhandsvisningar.
  3. Ställ in den kanoniska URL:en: Webbadressen till själva sidan. Används som og:url och hjälper plattformar att identifiera den kanoniska resursen även när den delas via omdirigeringsadresser.
  4. Välj sidtyp: hemsida för allmänna sidor, artikel för blogginlägg och nyheter, produkt för e-handel. Påverkar hur vissa plattformar återger förhandsgranskningen.
  5. Kopiera de genererade taggarna: Verktyget producerar HTML-länktaggar redo att klistra in i sidans <head>. Ansök via ditt CMS, mallmotor eller direkt i HTML.

Vanliga användningsfall

Tekniska detaljer

OG-taggar använder meta-egenskapsattributet (inte namn): <meta property="og:title" content="..." />. Egenskapsattributet krävs för OG; vissa parsers accepterar namn som en reserv men egenskapen är korrekt.

Bildkrav: 1200×630 pixlar för retina-rendering, bildförhållande 1,91:1. og:image:width och og:image:height-taggarna hjälper plattformar att cache bilder korrekt. og:image:alt tillhandahåller tillgänglighetstext.

Twitter-korttaggar använder namnattribut: <meta name="twitter:title" content="..." />. Twitter faller tillbaka till OG-taggar när Twitter-specifika saknas, så det räcker ofta med välinställd OG. Att lägga till twitter:card väljer uttryckligen korttyp (summary_large_image är vanligast).

Bästa metoder

Vanliga frågor

Kan jag anpassa det genererade resultatet?
Ja. Verktyget tillhandahåller olika anpassningsalternativ för att skräddarsy resultatet efter dina specifika behov. Justera inställningarna innan du genererar, eller regenerera med olika alternativ.
Är det genererade innehållet gratis att använda?
Ja. Allt du genererar med det här verktyget är ditt att använda för personliga, utbildningsmässiga eller kommersiella ändamål utan några begränsningar eller tillskrivningskrav.
Kräver detta ett konto?
Nej. Verktyget är redo att användas omedelbart utan registrering, ingen e-post och ingen registrering. Öppna bara sidan och börja generera.
Hålls mina indata privata?
Ja. All bearbetning sker i din webbläsare. Dina indata och genererade utdata skickas aldrig till någon extern server.
Kan jag använda samma OG-bild för varje sida?
Möjligt men suboptimalt. Sidspecifika bilder överträffar generiska bilder för hela webbplatsen för genomklickning. Använd en standard för reserv men producera bilder per sida för viktigt innehåll.
Behövs bilddimensionsdeklaration?
Helpful but not strictly required. og:image:width och og:image:height låter plattformar cache bilder utan att återhämta för att bestämma dimensioner. Speeds up subsequent shares.
Är min data uppladdad?
Nej. Generering sker i din webbläsare.
Hur testar jag OG-taggar?
Facebook Sharing Debugger, Twitter Card Validator och LinkedIn Post Inspector hämtar och validerar var och en. Använd dem efter att ha implementerat nya OG-taggar.