📇 Social & deling af SEO

Åbn graf- og twitterkortgenerator

Udfyld dine sideoplysninger og se en rigtig Facebook, LinkedIn og X-kort gøre live som du skriver. Få et valideret, copy-paste sæt af Open Graph og Twitter Card meta tags • den nøjagtige markup platforme læse for at opbygge dit link forhåndsvisning.

✓ Forhåndsvisning af livekort Kører i din browser Ingen tilmelding
Sigt på omkring 60 tegn, så det ikke er afkortet.
Omkring 110 tegn viser i fuld udstrækning på de fleste sociale kort.
Absolute https URL, 1200×630 anbefales.
Facebook / LinkedIn forhåndsvisning
Intet billede! Tilføj en og: billede URL
example.com
X (Twitter) forhåndsvisning
Intet billede! Tilføj en og: billede URL
example.com
Genererede meta- tags

Sådan genereres Open Graph og Twitter Card tags

Fire trin fra side detaljer til en valideret, kopi-paste social preview.

1

Indtast din side URL, titel og beskrivelse

Indsæt den absolutte URL på den side, du deler, og skriv derefter titlen og beskrivelsen, du ønsker vist på sociale kort.

2

Tilføj et delingsbillede og sæt typerne

Give en absolut https og: billede (ideelt 1200x630), vælge din og: type og Twitter korttype, og tilføje din @håndtag.

3

Tjek de live Facebook og X forhåndsvisninger

Se Facebook/LinkedIn og X-kortet gøre som du skriver og løse enhver længde eller billede validering advarsler vist nedenfor.

4

Kopier tags i din side hoved

Kopier de genererede Open Graph og Twitter meta tags og indsætte dem inde i <head> af din side, derefter re-skrape med platformen debugger.

Åbn graf- og twitterkort- spørgsmål

Åbn graf (og:) er den delte protokol Facebook, LinkedIn, Slack, WhatsApp, Pinterest og de fleste platforme læse for at opbygge et link forhåndsvisning. Twitter Card (twitter:) er X's eget ordforråd, der styrer kortlayoutet ! for eksempel resumé vs summary_large_image. De overlapper kraftigt: titel, beskrivelse og billede kan komme fra og: tags. Twitter-specifikke tags kun tilføje hvad og: kan ikke udtrykke, såsom kortstil og @ site håndtag.
Brug 1200x630 pixels (a 1.91:1 ratio) til det store kort, som Facebook, LinkedIn og X summary_large_image alle brug • der fylder rammen uden beskæring. Hold filen under 5 MB og tjene den over en absolut https URL, fordi platforme ikke vil hente en relativ eller http billede pålideligt. Den mindste Facebook accepterer er 200x200, men små billeder gør som en lille miniature i stedet for et heltekort.
Hver platform caches den første version af dit kort det skrabede, nogle gange i uger, så gamle titler og billeder fortsætter, efter du har rettet tags. Tving en re-skrabe: indsætte URL'en i Facebook Deling Debugger og klik Scrape igen, brug LinkedIn Post Inspector, og del linket en gang på X for at opdatere sin cache. Bekræft tags er faktisk i den serverede HTML hoved og ikke injiceret senere af JavaScript, som de fleste skrabere ikke udføre.
Ikke fuldt. Når et Twitter-tag mangler, falder X tilbage til det matchende Open Graph-tag og:title, og:beskrivelse og: billede dækker det meste af kortet. Så det praktiske minimum er et komplet sæt af og: tags plus bare twitter:card for at vælge layout og twitter: site for tildeling. Tilføjelse og: tags betyder også det samme forhåndsvisning virker på Facebook, LinkedIn, Slack og overalt andet, så føre med og: og tilføje kun hånden fuld af twitter: tags, der og: kan ikke udtrykke.

Har du brug for sociale tags genereret på skala?

Dette værktøj kører helt i din browser! Der er intet at ringe og intet forlader siden. For CMS plugins, CI og bulk sider, er en programmatisk Open Graph API tilgængelig på de betalte planer.

✓ Gratis værktøj: 100% klientside Åbn graf API: betalte planer

Generer validerede Open Graph og Twitter Card blokke pr side fra et enkelt endpoint og wire dem direkte ind i din build. Se planer og kvoter på prissiden.

Se API- planer →