Open Graph-generator for sosiale kort

Slik bruker du Open Graph-generatoren

1. Skriv inn Tittel og Beskrivelse du vil at folk skal se når lenken din deles. De kan avvike fra SEO-tittelen din: skriv dem for en sosial strøm.
2. Legg til Side-URL (den kanoniske adressen) og Bilde-URL. Begge må være absolutte og starte med https://.
3. Beskriv bildet i Bildebeskrivelse (alt-tekst) slik at personer som bruker skjermleser vet hva det viser.
4. Velg eller slipp det samme bildet under Forhåndsvisningsbilde. Det forblir på enheten din: verktøyet bruker det bare til å vise forhåndsvisningene og fylle ut Bildebredde (px) og Bildehøyde (px).
5. Angi Nettstedsnavn, Innholdstype og Språk og region, og velg deretter stilen under X (Twitter)-kort og, hvis du har dem, X-kontoene til nettstedet og forfatteren.
6. Sjekk forhåndsvisningene og Sjekker-listen, Kopier eller Last ned taggene, og lim dem inn i <head> på siden.

Hva Open Graph-taggene gjør

Når en lenke limes inn i Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage og mange andre apper, henter en crawler siden og leser Open Graph-metataggene (og:) for å bygge et kort: et bilde, en tittel, en kort beskrivelse og domenet. Uten disse taggene gjetter appen, og velger ofte en logo, et informasjonskapsel-banner eller den første teksten i menyen.

De fire grunnleggende egenskapene er og:title, og:type, og:image og og:url. Dette verktøyet legger også til og:description, og:site_name, og:locale og bildedetaljene (og:image:width, og:image:height, og:image:alt). Når du oppgir bildestørrelsen, kan enkelte plattformer vise kortet allerede ved første deling i stedet for å vente til bildet er lastet ned.

X leser sine egne twitter:-tagger, men bruker Open Graph-tittelen, -beskrivelsen og -bildet når X-versjonene mangler. Verktøyet legger derfor bare til det X virkelig trenger: twitter:card, de valgfrie kontoene og bildebeskrivelsen. Slik unngår du å duplisere hver verdi.

Bildestørrelser som fungerer overalt

Bruk JPEG eller PNG, hold filen rimelig liten (godt under 5 MB) og unngå viktig tekst nær kantene, fordi hver plattform beskjærer litt forskjellig. Forhåndsvisningene i dette verktøyet er tilnærmede gjengivelser av disse oppsettene, ikke skjermbilder.

Etter publisering

Sosiale plattformer mellomlagrer lenkeforhåndsvisninger, noen ganger i flere dager. Etter at du har endret taggene, ber du dem hente siden på nytt med Facebook Sharing Debugger eller LinkedIn Post Inspector. Siden må være offentlig tilgjengelig: crawlere kan ikke se sider bak en pålogging eller på localhost.