Sådan får du forhåndsvisning af dit websteds miniaturebillede på Facebook Del

Når nogen deler et link til en af ​​dit websteds sider på sin tidslinje, henter Facebook automatisk et billede fra den linkede side og viser det ved siden af ​​sidens navn og URL. Desværre kan det hentede billede nogle gange ikke være relateret til sidens indhold eller måske endda helt mangle fra det delte link. For at sikre, at Facebook viser det bedst mulige billede, når nogen deler din side – og derfor øge det linkets klikrate -- føj et par linjer kode til sidens HTML-kode for at tvinge Facebook til at hente en bestemt billede.

Tilføj Open Graph Markup

Åbn Graph er en protokol udviklet af Facebook, der blandt andre funktioner lader webudviklere tilføje markup-tags til deres sider for at tilpasse den måde, Facebook viser links til deres hjemmesider på.

Dagens video

Tilføj Open Graph-tags til en side ved at redigere dens HTML-kildekode:

Trin 1

Åbn HTML-filen i en teksteditor, såsom Notesblok eller i en dedikeret HTML-editor. Placer din markør før det afsluttende tag nær toppen af ​​filen, og tryk på Gå ind for at oprette en ny linje.

HTML-fil i Notesblok, med tom linje i hovedsektionen angivet.

Billedkredit: Billede udlånt af Microsoft

Trin 2

Indtast følgende metatag:

Erstatte http://www.example.com/thumb.jpg med det faktiske link til det billede, du ønsker, at Facebook skal vise, når en bruger deler et link til dit websted.

Tip

  • Mens Facebook accepterer miniaturebilleder, der er så små som 200 x 200 pixels, anbefalet størrelse er 1200 pixels bred og 630 pixels høj.
  • For at øge procentdelen af ​​brugere, der klikker på linket - noget kendt som klikrate -- Overvej at tilføje en opfordring til handling til billedet, som f.eks Klik her eller Find ud af mere.
HTML-fil med Open Graph-meta-egenskabsbilledtag cirklet.

Billedkredit: Billede udlånt af Microsoft

Trin 3

Gem din fil og upload den til din webhost.

Ud over miniaturebilledet kan du overveje at bruge Open Graph markup-tags til f.eks. tilpasse et delt links titel eller beskrivelse.

HTML-fil med Open Graph-titel og beskrivelsestags angivet.

Billedkredit: Billede udlånt af Microsoft