Slik får du forhåndsvisning av nettstedet ditt til å vises på Facebook-deling

Når noen deler en lenke til en av sidene til nettstedet ditt på tidslinjen hennes, henter Facebook automatisk et bilde fra den koblede siden og viser det ved siden av navnet og URL-en til siden. Dessverre kan det hentede bildet noen ganger ikke være relatert til sidens innhold, eller det kan til og med helt mangle fra den delte lenken. For å sikre at Facebook viser det best mulige bildet når noen deler siden din – og derfor øke det lenkens klikkfrekvens -- legg til noen få linjer med kode i sidens HTML-kode for å tvinge Facebook til å hente en bestemt bilde.

Legg til Open Graph Markup

Åpne Graph er en protokoll utviklet av Facebook som, blant andre funksjoner, lar webutviklere legge til merkelapper på sidene sine for å tilpasse måten Facebook viser lenker til nettsidene deres på.

Dagens video

Legg til Open Graph-tagger på en side ved å redigere HTML-kildekoden:

Trinn 1

Åpne HTML-filen i et tekstredigeringsprogram som Notisblokk eller i et dedikert HTML-redigeringsprogram. Plasser markøren før den avsluttende taggen nær toppen av filen og trykk Tast inn for å opprette en ny linje.

HTML-fil i Notisblokk, med blank linje i Head-delen angitt.

Bildekreditt: Bilde med tillatelse fra Microsoft

Steg 2

Skriv inn følgende metatag:

Erstatte http://www.example.com/thumb.jpg med selve lenken til bildet du vil at Facebook skal vise når en bruker deler en lenke til nettstedet ditt.

Tips

  • Mens Facebook godtar miniatyrbilder som er så små som 200 x 200 piksler, anbefalt størrelse er 1200 piksler bred og 630 piksler høy.
  • For å øke prosentandelen av brukere som klikker på lenken -- noe kjent som klikkfrekvens -- vurdere å legge til en oppfordring til handling til bildet, som f.eks Klikk her eller Finne ut mer.
HTML-fil med Open Graph-metaegenskapsbilde-taggen omringet.

Bildekreditt: Bilde med tillatelse fra Microsoft

Trinn 3

Lagre filen og last den opp til webverten.

I tillegg til miniatyrbildet, bør du vurdere å bruke Open Graph-markeringskoder for å f.eks. tilpasse en delt koblings tittel eller beskrivelse.

HTML-fil med Open Graph-tittel og beskrivelseskoder angitt.

Bildekreditt: Bilde med tillatelse fra Microsoft