📇 Socialt och dela SEO

Öppna graf och Twitter kortgenerator

Fyll i dina siduppgifter och se en riktig Facebook-, LinkedIn- och X-kortsåtergivning live när du skriver. Få en validerad, kopia-smak uppsättning av Open Graph och Twitter Card meta taggar — den exakta markeringsplattformarna läst för att bygga din länk förhandsvisning.

✓ Förhandsgranskning av Live-kort Körs i din webbläsare Ingen registrering
Sikta på ca 60 tecken så det inte är trunkerad.
Omkring 110 tecken visar i sin helhet på de flesta sociala kort.
Absolut https URL, 1200×630 rekommenderas.
Facebook / LinkedIn förhandsvisning
Ingen bild — lägg till en og: image URL
example.com
Förhandsgranskning av X (Twitter)
Ingen bild — lägg till en og: image URL
example.com
Genererade metataggar

Hur man skapar öppna grafer och Twitter korttaggar

Fyra steg från siddetaljer till en validerad, kopiera-pasta social förhandsvisning.

1

Ange din sida URL, titel och beskrivning

Klistra in den absoluta webbadressen till den sida du delar, skriv sedan den titel och beskrivning du vill visa på sociala kort.

2

Lägg till en share-bild och ange typerna

Ange en absolut https og:image (i regel 1200x630), välj din og:type och Twitter-korttypen och lägg till din @handle.

3

Kontrollera live- Facebook och X- förhandsvisningar

Titta på Facebook/LinkedIn och X-kortet när du skriver in och löser varningar för längd eller bildvalidering som visas nedan.

4

Kopiera taggarna i sidhuvudet

Kopiera de genererade öppna graf och Twitter meta taggar och klistra in dem inuti <head> på din sida, sedan återkrapa med plattformen felsökning.

Öppna graf och Twitter kortfrågor

Open Graph (og:) är det delade protokollet Facebook, LinkedIn, Slack, WhatsApp, Pinterest och de flesta plattformar läses för att bygga en länk förhandsvisning. Twitter Card (twitter:) är X: s eget ordförråd som styr kortlayouten — till exempel sammanfattning vs summering_large_image. De överlappar kraftigt: titel, beskrivning och bild kan komma från og: taggar. Twitter-specifika taggar lägger bara till vad og: kan inte uttrycka, såsom kortstil och @site handtag.
Använd 1200x630 pixlar (ett förhållande på 1, 91: 1) för det stora kortet som Facebook, LinkedIn och X summering_large_image använder – som fyller ramen utan beskärning. Behåll filen under 5 MB och servera den över en absolut webbadress på https, eftersom plattformar inte hämtar en släkting eller http- bild tillförlitligt. Minsta Facebook accepterar är 200x200, men små bilder återger som en liten miniatyrbild istället för ett hjältekort.
Varje plattform caches den första versionen av ditt kort den skrapas, ibland i veckor, så gamla titlar och bilder kvarstår efter du fixa taggarna. Tvinga en re-skrapa: klistra in webbadressen i Facebook Sharing Debugger och klicka Scrape igen, använd LinkedIn Post Inspector, och dela länken en gång på X för att uppdatera dess cache. Bekräfta taggarna är faktiskt i serverade HTML-huvudet och inte injiceras senare av JavaScript, som de flesta skrapor inte kör.
Inte helt. När en Twitter- tagg saknas, X faller tillbaka till matchande Open Graph tagg — og:title, og:description och og:image täcker de flesta av kortet. Så det praktiska minimum är en komplett uppsättning av og: taggar plus bara twitter:kort för att välja layout och twitter:site för tillskrivning. Lägga till og: taggar betyder också samma förhandsgranskning fungerar på Facebook, LinkedIn, Slack och överallt annars, så leda med og: och lägga till bara en handfull twitter: taggar som og: kan inte uttrycka.

Behöver du sociala taggar som genereras i skala?

Detta verktyg körs helt i din webbläsare - det finns inget att ringa och ingenting lämnar sidan. För CMS plugins, CI och bulk sidor, är ett programmatiskt Open Graph API tillgängligt på de betalda planerna.

✓ Gratis verktyg: 100% klient-sida Öppna diagram API: betald plan

Skapa validerade Open Graph och Twitter Card block per sida från en enda endpoint och koppla dem direkt till din byggnad. Se planer och kvoter på prissidan.

Se API-planer →