Open Graph-generator för delningskort

Så använder du Open Graph-generatorn

1. Ange den Titel och Beskrivning som du vill att folk ska se när din länk delas. De får skilja sig från din SEO-titel: skriv dem för ett socialt flöde.
2. Lägg till Sidans webbadress (den kanoniska adressen) och Bildens webbadress. Båda måste vara absoluta och börja med https://.
3. Beskriv bilden i Bildbeskrivning (alternativtext) så att personer som använder skärmläsare vet vad den visar.
4. Välj eller släpp samma bild under Förhandsvisningsbild. Den stannar på din enhet: verktyget använder den bara för att rita förhandsvisningarna och fylla i Bildbredd (px) och Bildhöjd (px).
5. Ange Webbplatsens namn, Innehållstyp och Språkinställning (locale), välj sedan stil på X-kort (Twitter) och, om du har dem, X-konton för webbplatsen och författaren.
6. Kontrollera förhandsvisningarna och listan Kontroller, och Kopiera eller Ladda ner sedan taggarna och klistra in dem i <head> på sidan.

Vad Open Graph-taggar gör

När en länk klistras in i Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage och många andra appar hämtar en robot sidan och läser dess Open Graph-metataggar (og:) för att bygga ett kort: en bild, en titel, en kort beskrivning och domänen. Utan de här taggarna gissar appen, och väljer ofta en logotyp, en kakbanner eller första meningen i menyn.

De fyra grundläggande egenskaperna är og:title, og:type, og:image och og:url. Verktyget lägger också till og:description, og:site_name, og:locale och bilduppgifterna (og:image:width, og:image:height, og:image:alt). Om du anger bildens storlek kan vissa plattformar visa kortet redan vid första delningen i stället för att vänta tills bilden har hämtats.

X läser sina egna twitter:-taggar men faller tillbaka på Open Graph-titeln, -beskrivningen och -bilden när X-versionerna saknas, så verktyget lägger bara till det som X verkligen behöver: twitter:card, de valfria kontona och bildbeskrivningen. Då slipper du upprepa varje värde.

Bildstorlekar som fungerar överallt

Använd JPEG eller PNG, håll filen rimligt liten (långt under 5 MB) och undvik att placera viktig text nära kanterna, eftersom varje plattform beskär något olika. Förhandsvisningarna i det här verktyget är approximationer av de layouterna och inga skärmbilder.

Efter publiceringen

Sociala plattformar cachar länkförhandsvisningar, ibland i flera dagar. När du har ändrat taggarna ber du dem hämta sidan på nytt med Facebooks delningsfelsökare (Sharing Debugger) eller LinkedIns Post Inspector. Sidan måste vara offentligt nåbar: robotar kan inte se sidor bakom en inloggning eller på localhost.