Ako dosiahnuť, aby sa miniatúra ukážky vašej webovej stránky zobrazovala na Facebooku Share

Keď niekto na svojej časovej osi zdieľa odkaz na jednu z vašich webových stránok, Facebook automaticky načíta obrázok z prepojenej stránky a zobrazí ho vedľa názvu a adresy URL stránky. Žiaľ, načítaný obrázok niekedy nemusí súvisieť s obsahom stránky alebo môže dokonca úplne chýbať v zdieľanom odkaze. Aby sa zabezpečilo, že Facebook zobrazí najlepší možný obrázok, keď niekto zdieľa vašu stránku - a preto to zvýšte miera prekliknutia odkazu – pridajte niekoľko riadkov kódu do kódu HTML stránky, aby ste prinútili Facebook načítať konkrétny obrázok.

Pridať značku Open Graph

Otvorte graf je protokol vyvinutý spoločnosťou Facebook, ktorý okrem iných funkcií umožňuje webovým vývojárom pridať na svoje stránky značkovacie značky, aby si prispôsobili spôsob, akým Facebook zobrazuje odkazy na ich webové stránky.

Video dňa

Pridajte značky Open Graph na stránku úpravou zdrojového kódu HTML:

Krok 1

Otvorte súbor HTML v textovom editore, ako je napríklad Poznámkový blok, alebo vo vyhradenom editore HTML. Umiestnite kurzor pred uzatváraciu značku v hornej časti súboru a stlačte

Zadajte na vytvorenie nového riadku.

HTML súbor v programe Poznámkový blok s prázdnym riadkom v časti Hlava.

Kredit za obrázok: Obrázok s láskavým dovolením spoločnosti Microsoft

Krok 2

Zadajte nasledujúcu metaznačku:

Vymeňte http://www.example.com/thumb.jpg so skutočným odkazom na obrázok, ktorý má Facebook zobraziť, keď používateľ zdieľa odkaz na vašu stránku.

Tip

  • Zatiaľ čo Facebook akceptuje miniatúry obrázkov s veľkosťou len 200 x 200 pixelov, odporúčaná veľkosť má šírku 1200 pixelov a výšku 630 pixelov.
  • Ak chcete zvýšiť percento používateľov, ktorí kliknú na odkaz – niečo známe ako miera prekliknutia -- zvážte pridanie a výzva do akcie k obrazu, ako napr Kliknite tu alebo Dozvedieť sa viac.
Súbor HTML so zakrúžkovanou metaznačkou obrázka vlastnosti Open Graph.

Kredit za obrázok: Obrázok s láskavým dovolením spoločnosti Microsoft

Krok 3

Uložte súbor a nahrajte ho do svojho webového hostiteľa.

Okrem miniatúrneho obrázka zvážte použitie značiek Open Graph napr. prispôsobiť názov alebo popis zdieľaného odkazu.

HTML súbor s označeným názvom Open Graph a popisom.

Kredit za obrázok: Obrázok s láskavým dovolením spoločnosti Microsoft