Web-sivustosi esikatselun pikkukuvan saaminen näkyviin Facebook Share -palveluun

Kun joku jakaa aikajanallaan linkin yhdelle verkkosivustosi sivuista, Facebook hakee automaattisesti kuvan linkitetyltä sivulta ja näyttää sen sivun nimen ja URL-osoitteen vieressä. Valitettavasti haettu kuva ei joskus liity sivun sisältöön tai se voi jopa puuttua jaetusta linkistä kokonaan. Varmistaaksesi, että Facebook näyttää parhaan mahdollisen kuvan, kun joku jakaa sivusi – ja siten lisätä sitä linkin napsautussuhde – lisää muutama rivi koodia sivun HTML-koodiin pakottaaksesi Facebookin hakemaan tietyn kuva.

Lisää Open Graph Markup

Avaa kaavio on Facebookin kehittämä protokolla, jonka avulla verkkokehittäjät voivat muiden ominaisuuksien ohella lisätä sivuilleen merkintätageja muokatakseen tapaa, jolla Facebook näyttää linkkejä heidän verkkosivuilleen.

Päivän video

Lisää Open Graph -tageja sivulle muokkaamalla sen HTML-lähdekoodia:

Vaihe 1

Avaa HTML-tiedosto tekstieditorissa, kuten Muistiossa, tai erillisessä HTML-editorissa. Aseta kohdistin ennen sulkevaa tagia lähellä tiedoston yläosaa ja paina Tulla sisään luodaksesi uuden rivin.

HTML-tiedosto Muistiossa, tyhjä rivi Head-osiossa.

Kuvan luotto: Kuva Microsoftilta

Vaihe 2

Kirjoita seuraava sisällönkuvauskenttä:

Korvata http://www.example.com/thumb.jpg varsinaisen linkin kuvalle, jonka haluat Facebookin näyttävän, kun käyttäjä jakaa linkin sivustollesi.

Kärki

  • Vaikka Facebook hyväksyy pikkukuvat, jotka ovat niin pieniä kuin 200 x 200 pikseliä, suositeltu koko on 1200 pikseliä leveä ja 630 pikseliä korkea.
  • Voit lisätä linkkiä napsauttavien käyttäjien prosenttiosuutta – niin sanottua napsautussuhde -- harkitse a kehotus toimintaan kuvaan, esim Klikkaa tästä tai Lue lisää.
HTML-tiedosto, jossa Open Graphin meta-omaisuuden kuvatunniste on ympyröity.

Kuvan luotto: Kuva Microsoftilta

Vaihe 3

Tallenna tiedosto ja lähetä se verkkopalvelimellesi.

Harkitse pikkukuvan lisäksi Open Graph -merkintätunnisteiden käyttöä esimerkiksi muokata jaetun linkin otsikko tai kuvaus.

HTML-tiedosto, jossa on Open Graph -otsikko ja kuvaustunnisteet.

Kuvan luotto: Kuva Microsoftilta