Oppsummering
Det gratis verktøyet for forhåndsvisning av Open Graph viser hvordan en lenke ser ut når den deles på Facebook, X, LinkedIn og WhatsApp, før du publiserer den. Skriv inn tittel, beskrivelse, bilde-URL, nettstedsnavn og side-URL, bytt mellom de fire nettverkene, og les sjekklisten: en tittel på 15 til 70 tegn, en beskrivelse på 55 til 200 tegn og et bilde på 1200 × 630 piksler. Kopier deretter verdiene inn i og:-taggene dine.
Vil du vite mer? Spør
En Open Graph-forhåndsvisning svarer på ett spørsmål: hva vil folk se når noen limer inn lenken din i et innlegg eller en chat? Svaret kommer fra noen få metatagger i head-delen på siden. Open Graph-protokollen, publisert på ogp.me, lister opp fire egenskaper som kreves på hver side: og:title, og:type, og:image og og:url. Når de mangler, gjetter hver plattform, og gjetningen er ofte feil bilde eller en menyetikett som tittel.
Hva viser verktøyet for forhåndsvisning av Open Graph?
Verktøyet tegner ett delingskort om gangen, med en fane for hvert nettverk, og oppdaterer det mens du skriver. Hver plattform legger de samme taggene ut forskjellig, og derfor kan et kort som ser bra ut på ett nettverk, bli kuttet på et annet.
| Nettverk | Hva kortet viser i verktøyet | Hva du bør se etter |
|---|---|---|
| Bilde, domene, tittel og beskrivelse | Hele kortet: hvert felt teller | |
| X | Bilde med tittelen over, domene under | Et svakt bilde skjuler en god tittel |
| Bilde, tittel og domene | Beskrivelsen vises ikke, så tittelen må bære budskapet | |
| En chatboble med bilde, tittel, beskrivelse og domene | Kortet er lite: de første ordene i tittelen betyr mest |
Under kortet blir en sjekkliste med tre linjer grønn eller rød: lengden på tittelen, lengden på beskrivelsen og om et bilde er satt. Hvis bilde-URL-en ikke laster, faller kortet tilbake til en tom plassholder, og det er nøyaktig slik en ødelagt og:image ser ut i en ekte feed.
Hvordan bruker du verktøyet, steg for steg?
- Skriv tittelen du planlegger å bruke i og:title. Den kan avvike fra title-taggen til siden: skriv den for en person som blar i en feed, ikke for et søkeresultat.
- Legg til nettstedsnavnet (og:site_name) og beskrivelsen (og:description).
- Lim inn bilde-URL-en, den absolutte adressen til filen du vil legge i og:image, som starter med https://.
- Skriv inn side-URL-en: verktøyet henter ut domenet som hvert nettverk viser.
- Bytt faner for å sjekke Facebook, X, LinkedIn og WhatsApp etter hverandre, og rett sjekklisten til alle tre linjene er grønne.
Ingenting sendes eller lagres: forhåndsvisningen tegnes i nettleseren din, så du kan teste upubliserte sider og utkastbilder fritt.
Hvilke Open Graph-tagger trenger en side?
Fire er påkrevd av protokollen, og to til gjør kortet komplett. Open Graph-protokollen ber også om at en side med og:image oppgir og:image:alt, en beskrivelse av hva bildet viser.
| Tagg | Rolle | Eksempelverdi |
|---|---|---|
| og:title | Tittelen på kortet | Gratis verktøy for forhåndsvisning av Open Graph |
| og:type | Objekttypen: website, article, product… | article |
| og:image | Den absolutte URL-en til forhåndsvisningsbildet | https://example.com/og/cover.jpg |
| og:url | Den kanoniske adressen til siden | https://example.com/guide |
| og:description | En eller to setninger under tittelen | Se hvordan lenkene dine ser ut før du deler dem. |
| og:site_name | Navnet på hele nettstedet | Example |
| og:image:alt | En beskrivelse av bildet for folk som ikke kan se det | En bærbar datamaskin som viser et salgsdiagram |
og:url bør samsvare med den kanoniske URL-en til siden, slik at delinger av ulike versjoner av samme adresse legges sammen på ett objekt. For å skrive alle disse taggene på én gang, bruk generatoren for metatagger, og les ordlisteoppføringen vår om metatagger for forskjellen mellom SEO-tagger og sosiale tagger.
Hvilken bildestørrelse fungerer på alle nettverk?
1200 × 630 piksler, med et forhold på 1,91:1, fungerer på de store nettverkene. Meta ber om bilder på minst 1200 × 630 piksler for best visning på skjermer med høy oppløsning, og et forhold så nær 1,91:1 som mulig for å unngå beskjæring; LinkedIn ber om minst 1200 × 627 piksler med samme forhold.
| Plattform | Anbefalt størrelse | Minimum | Maksimal filstørrelse |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, forhold 1,91:1 | 200 × 200 px; 600 × 315 px for store lenkeinnlegg | 8 MB |
| LinkedIn (LinkedIn Help) | Forhold 1,91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, minst 1200 px bred | Over 300 000 piksler totalt | Ikke oppgitt |
Hold motivet og eventuell tekst i midten av bildet, fordi noen oppsett beskjærer kantene. Komprimer filen før du publiserer den med bildekomprimereren: en lettere fil er raskere for hvert nettverk å hente.
Hvor lang bør og:title og og:description være?
Sikt mot en tittel på 15 til 70 tegn og en beskrivelse på 55 til 200 tegn. Dette er intervallene sjekklisten bruker: under dem ser kortet tomt ut, over dem kutter de fleste oppsett teksten med en ellipse, særlig på mobil og i den lille WhatsApp-boblen.
- Sett nøkkelordene først. På LinkedIn vises ikke beskrivelsen, og på X ligger tittelen over bildet: starten av tittelen må fungere alene.
- Ikke kopier metabeskrivelsen ord for ord. Et søkeutdrag svarer på et søk; et delingskort må stoppe noen som blar. Lag utkast til søkeutdrag med generatoren for metabeskrivelser og SERP-forhåndsvisningen, og tilpass dem deretter for sosiale medier.
- Unngå clickbait. Et kort som lover mer enn siden leverer, gir besøk som forsvinner med en gang.
Hjelper Open Graph-tagger SEO?
Ikke som rangeringsfaktor, men Google leser noen av dem. Google lister innholdet i og:title blant kildene den bruker for å bygge tittellenker i søkeresultatene (Google, tittellenker). Systemet for nettstedsnavn tar også hensyn til og:site_name, etter strukturerte data for WebSite (Google, nettstedsnavn). Og for Discover anbefaler Google å oppgi et stort, representativt bilde med schema.org-markering eller og:image-taggen, og å unngå generiske bilder som en logo.
De indirekte effektene teller også. Et tydelig kort gir flere klikk når siden din deles, og hver deling er en sjanse til å bli lest, sitert og lenket til. Ordlisteoppføringen vår om sosiale signaler forklarer hva Google tar og ikke tar fra sosial aktivitet.
Hvorfor viser et nettverk fortsatt den gamle forhåndsvisningen?
Fordi plattformene mellomlagrer det de leser første gang. Meta forklarer at robotten deres henter og mellomlagrer metadataene til en URL når den deles første gang, at bilder mellomlagres etter URL, og at en oppdatering av bildet ikke oppdaterer forhåndsvisningen av gamle delinger. For å oppdatere en side, kjør den gjennom Sharing Debugger, og gi et nytt bilde et nytt filnavn i stedet for å overskrive det gamle. LinkedIn tilbyr samme oppfriskning med Post Inspector.
Hvis bildet aldri dukker opp, kontroller at filen er offentlig: LinkedIn påpeker at et nettsted som blokkerer robotten deres, eller et bilde lagret i en beskyttet mappe, hindrer forhåndsvisningen.
Hvilke feil ødelegger et delingskort?
- En relativ bilde-URL som /img/cover.jpg. Nettverk henter bildet utenfra nettstedet ditt, og trenger hele https://-adressen.
- Ingen og:image i det hele tatt. Nettverket velger et hvilket som helst bilde på siden, ofte en logo eller et ikon.
- To og:title- eller og:image-tagger lagt til av et tema og en utvidelse samtidig. Behold én av hver.
- Samme bilde på hver side. En logo for hele nettstedet gjør at hver deling ser identisk ut; Google fraråder også generiske bilder for Discover.
- Tagger lagt til av JavaScript etter innlasting. Delingsrobotene leser HTML-en serveren returnerer; tagger som settes inn senere, kan aldri bli sett.
Hvordan passer delingskort inn i en innholdsplan?
Hver artikkel du publiserer vil bli delt et sted: i et nyhetsbrev, et LinkedIn-innlegg, en teamchat eller et svar i et forum. Å planlegge kortet sammen med artikkelen sparer en runde med retting etter lansering. Sorank-generatoren for bloggartikler skriver kildebelagte artikler med et forsidebilde og publiserer dem på nettstedet ditt, og GEO- og SEO-dashbordet følger deretter trafikken og omtalene disse sidene får i Google og i AI-svar.
Et godt delingskort er et bilde på 1200 × 630, en tydelig tittel og en ærlig beskrivelse, kontrollert på hvert nettverk før du legger ut. Forhåndsvis ditt nå, og se deretter Sorank-abonnementene for å publisere innhold som er klart til deling, på autopilot.
