Open Graph-generator og kort til sociale medier

Sådan bruger du Open Graph-generatoren

1. Skriv den Titel og Beskrivelse, du vil have, at folk ser, når dit link deles. De kan afvige fra din SEO-titel: skriv dem til et socialt feed.
2. Tilføj Sidens adresse (den kanoniske adresse) og Billedadresse. Begge skal være absolutte og begynde med https://.
3. Beskriv billedet i Billedbeskrivelse (alt-tekst), så personer, der bruger skærmlæser, ved, hvad det viser.
4. Vælg eller slip det samme billede under Eksempelbillede. Det bliver på din enhed: værktøjet bruger det kun til at tegne eksemplerne og til at udfylde Billedbredde (px) og Billedhøjde (px).
5. Angiv Websitets navn, Indholdstype og Landestandard (locale), og vælg derefter stilen for X-kort (Twitter) og, hvis du har dem, X-kontiene for websitet og forfatteren.
6. Se på eksemplerne og listen Kontrol, og Kopiér eller Download derefter tagsene, og indsæt dem i <head> på siden.

Landestandarden er som udgangspunkt da_DK på danske sider. Alt kører i din browser. Intet, du indtaster, sendes til en server.

Hvad Open Graph-tags gør

Når et link indsættes i Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage og mange andre apps, henter en crawler siden og læser dens Open Graph-metatags (og:) for at bygge et kort: et billede, en titel, en kort beskrivelse og domænet. Uden disse tags gætter appen, og den vælger ofte et logo, et cookiebanner eller den første sætning i menuen.

De fire grundlæggende egenskaber er og:title, og:type, og:image og og:url. Værktøjet tilføjer også og:description, og:site_name, og:locale og billedoplysningerne (og:image:width, og:image:height, og:image:alt). Når billedets størrelse er oplyst, kan nogle platforme vise kortet ved den første deling i stedet for at vente, til billedet er hentet.

X læser sine egne twitter:-tags, men falder tilbage på Open Graph-titlen, -beskrivelsen og -billedet, når X-versionerne mangler, så værktøjet tilføjer kun det, X virkelig har brug for: twitter:card, de valgfri konti og billedbeskrivelsen. Det undgår at duplikere hver værdi.

Billedstørrelser, der virker overalt

Brug JPEG eller PNG, hold filen rimelig lille (langt under 5 MB), og undgå at placere vigtig tekst nær kanterne, fordi hver platform beskærer lidt forskelligt. Eksemplerne i værktøjet er tilnærmelser af disse layout, ikke skærmbilleder.

Efter udgivelsen

Sociale platforme gemmer linkvisninger i cachen, nogle gange i dagevis. Når du har ændret tagsene, kan du bede dem om at hente siden igen med Facebooks Sharing Debugger eller LinkedIns Post Inspector. Siden skal være offentligt tilgængelig: crawlere kan ikke se sider bag et login eller på localhost.