Open Graph-taggsgenerator

Om OG-taggsgeneratorn

Den här OG-taggsgeneratorn är ett gratis onlineverktyg som skapar optimerade Open Graph-metataggar och Twitter Card-taggar för dina webbsidor. Open Graph-taggar (OG-taggar) är HTML-metaelement som styr hur ditt innehåll visas när det delas på sociala medier som Facebook, LinkedIn, WhatsApp, Slack och Discord. Rätt konfigurerade OG-taggar kan öka klickfrekvensen och engagemanget i sociala medier avsevärt.

Verktyget genererar både Open Graph-taggar och Twitter Card-taggar samtidigt, så att ditt innehåll ser bra ut på alla sociala plattformar. Fyll bara i sidans titel, beskrivning, bildadress och övriga uppgifter, så skapar generatorn HTML-metataggar som är redo att klistra in, tillsammans med en live-förhandsvisning för sociala medier som ungefär visar hur din länk kommer att se ut innan du publicerar.

Generatorn stöder flera innehållstyper, bland annat webbplats, artikel, produkt, profil, video, musik och bok, och hanterar även artikelspecifika taggar (författare, avsnitt, publiceringsdatum) samt produkttaggar (pris, valuta, tillgänglighet). Oavsett om du är marknadsförare som optimerar delningar, utvecklare som implementerar metataggar eller innehållsskapare som vill öka engagemanget förenklar verktyget arbetet.

Viktiga funktioner

• Skapa Open Graph-metataggar och Twitter Card-taggar i ett enda steg
• Live-förhandsvisning för sociala medier som ungefär visar hur din länk ser ut när den delas
• Stöd för 7 innehållstyper: webbplats, artikel, produkt, profil, video, musik och bok
• Artikelspecifika fält för författare, avsnitt, taggar samt publicerings- och ändringsdatum
• Produktspecifika fält för pris, valuta och tillgänglighet
• Val av Twitter Card-typ: Summary och Summary Large Image
• Kopiera alla genererade taggar till urklipp med ett klick
• Inställning av språkversion och webbplatsnamn för fullständig OG-kompatibilitet
• Ren, formaterad HTML-kod som du kan klistra in direkt i sidans head
• Inget konto krävs, ingen data sparas och det är helt gratis att använda

Så använder du

1. Ange grundläggande uppgifter: Fyll i fälten för titel, beskrivning, URL, bildadress, innehållstyp och webbplatsnamn i avsnittet Grundläggande information.
2. Lägg till typspecifika uppgifter: Om du har valt "Artikel" eller "Produkt" som innehållstyp fyller du i de extra fält som visas (författare, pris och så vidare).
3. Konfigurera Twitter Card: Välj typ av Twitter Card (Summary Large Image rekommenderas) och ange vid behov ditt Twitter-@användarnamn.
4. Förhandsgranska delningen: Titta i panelen för live-förhandsvisning av sociala medier för att se hur din länk visas när den delas på plattformar som Facebook och LinkedIn.
5. Kopiera taggarna: Klicka på "Kopiera alla" för att kopiera hela uppsättningen Open Graph- och Twitter Card-metataggar till urklipp.
6. Klistra in i din HTML: Lägg de kopierade taggarna i avsnittet <head> på din HTML-sida och testa sedan med Facebooks Sharing Debugger eller LinkedIns Post Inspector.

Användningsområden

• Optimering av blogg och artiklar: Skapa OG-taggar för blogginlägg så att förhandsvisningarna blir attraktiva, med författare, kategori och publiceringsdatum när inlägget delas.
• Produktsidor i e-handel: Skapa OG-taggar av produkttyp med pris, valuta och tillgänglighet för att få fler klick från delningar i sociala medier till din butik.
• Marknadsföringskampanjer: Formulera övertygande titlar, beskrivningar och bilder för kampanjens landningssidor för att maximera klickfrekvensen i sociala medier.
• Webbplatslanseringar: Ställ in rätt OG-taggar för startsidan och viktiga sidor före lanseringen, så att det första intrycket på sociala plattformar blir professionellt.
• Innehållshantering: Använd verktyget för att standardisera formateringen av OG-taggar på alla sidor på en webbplats eller blogg med flera författare.
• Utvecklingsarbete: Skapa snabbt korrekt formaterad HTML för metataggar utan att skriva varje tagg för hand, vilket minskar utvecklingstiden och antalet stavfel.
• Granskning av sociala medier: Förhandsgranska hur befintligt eller planerat innehåll visas när det delas och optimera titlar, beskrivningar och bilder utifrån det.
• Enhetligt utseende på alla plattformar: Skapa både OG-taggar och Twitter Card-taggar samtidigt så att utseendet blir enhetligt på Facebook, Twitter, LinkedIn och i meddelandeappar.

Vanliga frågor

Tips och bästa praxis

• Håll titlarna under 60 tecken: Längre titlar klipps av på de flesta sociala plattformar. Skriv korta, tydliga titlar som förmedlar huvudbudskapet.
• Skriv beskrivningar på 150-200 tecken: Det intervallet ger tillräckligt med detaljer för att locka till klick utan att texten klipps av i förhandsvisningar i sociala medier.
• Använd absoluta webbadresser: Använd alltid fullständiga webbadresser (inklusive https://) för og:url och og:image. Relativa sökvägar fungerar inte korrekt när länken delas.
• Välj bilder som fångar blicken: og:image är det element som har störst effekt på engagemanget i sociala medier. Använd högkvalitativa, relevanta bilder som sticker ut i ett fullt flöde.
• Välj rätt innehållstyp: Använd "article" för blogginlägg, "product" för e-handelssidor och "website" för allmänna sidor så att plattformarna kan kategorisera ditt innehåll korrekt.
• Testa på flera plattformar: Förhandsgranska dina taggar på Facebook, Twitter, LinkedIn och i meddelandeappar så att utseendet blir enhetligt och attraktivt överallt.