Resumé
Det gratis Open Graph-forhåndsvisningsværktøj viser, hvordan et link ser ud, når det deles på Facebook, X, LinkedIn og WhatsApp, før du udgiver det. Skriv titlen, beskrivelsen, billed-URL'en, sidenavnet og side-URL'en, skift mellem de fire netværk, og læs tjeklisten: en titel på 15 til 70 tegn, en beskrivelse på 55 til 200 tegn og et billede på 1200 × 630 pixels. Kopiér derefter værdierne ind i dine og:-tags.
Vil du vide mere? Spørg
En Open Graph-forhåndsvisning besvarer ét spørgsmål: Hvad vil folk se, når nogen indsætter dit link i et opslag eller en chat? Svaret kommer fra nogle få metatags i sidens head. Open Graph-protokollen, offentliggjort på ogp.me, angiver fire egenskaber, der er påkrævet på hver side: og:title, og:type, og:image og og:url. Når de mangler, gætter hver platform, og gætteriet ender ofte med det forkerte billede eller en menutekst som titel.
Hvad viser Open Graph-forhåndsvisningsværktøjet?
Værktøjet tegner ét delingskort ad gangen, med en fane for hvert netværk, og opdaterer det, mens du skriver. Hver platform stiller de samme tags forskelligt op, og derfor kan et kort, der ser fint ud på ét netværk, blive beskåret på et andet.
| Netværk | Hvad kortet viser i værktøjet | Det du skal holde øje med |
|---|---|---|
| Billede, domæne, titel og beskrivelse | Hele kortet: hvert felt tæller | |
| X | Billede med titlen henover, domæne nedenunder | Et svagt billede skjuler en god titel |
| Billede, titel og domæne | Beskrivelsen vises ikke, så titlen skal bære budskabet | |
| En chatboble med billede, titel, beskrivelse og domæne | Kortet er lille: de første ord i titlen betyder mest |
Under kortet skifter en tre-linjers tjekliste farve til grøn eller rød: titellængde, beskrivelseslængde og om et billede er angivet. Hvis billed-URL'en ikke kan indlæses, falder kortet tilbage til en tom pladsholder, og det er præcis, hvordan et ødelagt og:image ser ud i et rigtigt feed.
Hvordan bruger du værktøjet, trin for trin?
- Udfyld titlen, du planlægger at bruge i og:title. Den kan afvige fra sidens title-tag: Skriv den til et menneske, der scroller i et feed, ikke til et søgeresultat.
- Tilføj sidenavnet (og:site_name) og beskrivelsen (og:description).
- Indsæt billed-URL'en, den absolutte adresse på den fil, du vil lægge i og:image, startende med https://.
- Indtast side-URL'en: Værktøjet udtrækker det domæne, hvert netværk viser.
- Skift faner for at kontrollere Facebook, X, LinkedIn og WhatsApp én efter én, og ret tjeklisten, indtil alle tre linjer er grønne.
Intet bliver sendt eller gemt: Forhåndsvisningen tegnes i din browser, så du kan teste ikke-udgivne sider og udkast til billeder frit.
Hvilke Open Graph-tags har en side brug for?
Fire er påkrævet af protokollen, og to mere gør kortet komplet. Open Graph-protokollen beder også om, at en side med et og:image angiver og:image:alt, en beskrivelse af, hvad billedet viser.
| Tag | Funktion | Eksempelværdi |
|---|---|---|
| og:title | Kortets titel | Gratis Open Graph-forhåndsvisningsværktøj |
| og:type | Objekttypen: website, article, product… | article |
| og:image | Den absolutte URL til forhåndsvisningsbilledet | https://example.com/og/cover.jpg |
| og:url | Sidens kanoniske adresse | https://example.com/guide |
| og:description | En eller to sætninger under titlen | Se hvordan dine links ser ud, før du deler dem. |
| og:site_name | Navnet på hele websitet | Example |
| og:image:alt | En beskrivelse af billedet for folk, der ikke kan se det | En bærbar computer der viser et salgsdiagram |
og:url bør matche sidens kanoniske URL, så delinger af forskellige versioner af den samme adresse lægges sammen på ét objekt. For at skrive alle disse tags på én gang kan du bruge metatag-generatoren, og læse vores ordlisteside om metatags for forskellen mellem SEO-tags og sociale tags.
Hvilken billedstørrelse virker på alle netværk?
1200 × 630 pixels, et format på 1,91:1, virker på de store netværk. Meta beder om billeder på mindst 1200 × 630 pixels for den bedste visning på skærme med høj opløsning og et format så tæt på 1,91:1 som muligt for at undgå beskæring; LinkedIn beder om mindst 1200 × 627 pixels med samme format.
| Platform | Anbefalet størrelse | Minimum | Maks. filstørrelse |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, format 1,91:1 | 200 × 200 px; 600 × 315 px til store linkopslag | 8 MB |
| LinkedIn (LinkedIn Help) | Format 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, mindst 1200 px bred | Mere end 300.000 pixels i alt | Ikke angivet |
Hold motivet og eventuel tekst i billedets midte, for nogle layouts beskærer kanterne. Komprimér filen, før du udgiver den, med billedkompressoren: En lettere fil hentes hurtigere af hvert netværk.
Hvor lange skal og:title og og:description være?
Sigt efter en titel på 15 til 70 tegn og en beskrivelse på 55 til 200 tegn. Det er de intervaller, tjeklisten bruger: Under dem ser kortet tomt ud, og over dem skærer de fleste layouts teksten af med en ellipse, især på mobil og i den lille WhatsApp-boble.
- Sæt nøgleordene først. På LinkedIn er beskrivelsen skjult, og på X ligger titlen over billedet: Titlens start skal virke alene.
- Kopiér ikke metabeskrivelsen ord for ord. Et søgeuddrag besvarer en forespørgsel; et delingskort skal få nogen til at stoppe med at scrolle. Lav udkast til søgeuddrag med generatoren til metabeskrivelser og SERP-forhåndsvisningen, og tilpas dem derefter til sociale medier.
- Undgå clickbait. Et kort, der lover mere, end siden leverer, giver besøg, der forlader siden med det samme.
Hjælper Open Graph-tags SEO?
Ikke som rangeringsfaktor, men Google læser nogle af dem. Google opregner indholdet af og:title blandt de kilder, det bruger til at opbygge titellinks i søgeresultater (Google, titellinks). Dets system for sidenavne tager også og:site_name i betragtning, efter WebSite-strukturerede data (Google, sidenavne). Og til Discover anbefaler Google at angive et stort, repræsentativt billede med schema.org-markup eller og:image-tagget og at undgå generiske billeder såsom et logo.
De indirekte effekter betyder også noget. Et klart kort får flere klik, når din side deles, og hver deling er en chance for at blive læst, citeret og linket. Vores ordlisteside om sociale signaler forklarer, hvad Google tager og ikke tager fra social aktivitet.
Hvorfor viser et netværk stadig den gamle forhåndsvisning?
Fordi platforme cacher det, de læser første gang. Meta forklarer, at deres crawler henter og cacher metadataene for en URL, når den først deles, at billeder cachées efter deres URL, og at en opdateret billede ikke opdaterer forhåndsvisningen af gamle delinger. For at opfriske en side kører du den gennem Sharing Debugger, og giver et nyt billede et nyt filnavn i stedet for at overskrive det gamle. LinkedIn tilbyder den samme opfriskning med sin Post Inspector.
Hvis billedet aldrig dukker op, så kontrollér, at filen er offentlig: LinkedIn bemærker, at et website, der blokerer dens crawler, eller et billede der ligger i en beskyttet mappe, forhindrer forhåndsvisningen.
Hvilke fejl ødelægger et delingskort?
- En relativ billed-URL såsom /img/cover.jpg. Netværkene henter billedet udefra og har brug for den fulde https://-adresse.
- Intet og:image overhovedet. Netværket vælger et tilfældigt billede på siden, ofte et logo eller et ikon.
- To og:title- eller og:image-tags, tilføjet af et tema og et plugin samtidig. Behold kun én af hver.
- Samme billede på hver side. Et logo på hele websitet gør, at hver deling ser identisk ud; Google fraråder også generiske billeder til Discover.
- Tags tilføjet af JavaScript efter indlæsning. Delingscrawlere læser den HTML, serveren returnerer; tags indsat senere bliver måske aldrig set.
Hvordan passer delingskort ind i en indholdsplan?
Hver artikel, du udgiver, bliver delt et sted: i et nyhedsbrev, et LinkedIn-opslag, en teamchat eller et svar i et forum. At planlægge kortet sammen med artiklen sparer en runde rettelser efter lanceringen. Sorank-generatoren til blogartikler skriver kildebelagte artikler med et forsidebillede og udgiver dem på dit website, og GEO- og SEO-dashboardet følger derefter den trafik og de omtaler, siderne opnår i Google og i AI-svar.
Et godt delingskort er et 1200 × 630-billede, en klar titel og en ærlig beskrivelse, kontrolleret på hvert netværk, før du poster. Forhåndsvis dit nu, og se derefter Sorank-priserne for at udgive indhold, der er klar til deling, på autopilot.
