Jak docílit toho, aby se náhled vašeho webu zobrazil na Facebooku Share

click fraud protection

Když někdo na své časové ose sdílí odkaz na jednu z vašich webových stránek, Facebook automaticky načte obrázek z odkazované stránky a zobrazí jej vedle názvu a adresy URL stránky. Bohužel, načtený obrázek může někdy nesouviset s obsahem stránky nebo může dokonce zcela chybět ve sdíleném odkazu. Chcete-li zajistit, aby Facebook zobrazoval nejlepší možný obrázek, když někdo sdílí vaši stránku - a proto to zvýšit míra prokliku odkazu – přidejte několik řádků kódu do kódu HTML stránky, abyste přinutili Facebook načíst konkrétní obraz.

Přidat značku Open Graph

Otevřete graf je protokol vyvinutý společností Facebook, který kromě jiných funkcí umožňuje webovým vývojářům přidávat na své stránky značkovací značky, aby si přizpůsobili způsob, jakým Facebook zobrazuje odkazy na jejich webové stránky.

Video dne

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

Krok 1

Otevřete soubor HTML v textovém editoru, jako je Poznámkový blok, nebo ve vyhrazeném HTML editoru. Umístěte kurzor před uzavírací značku v horní části souboru a stiskněte Vstupte pro vytvoření nového řádku.

Soubor HTML v programu Poznámkový blok s prázdným řádkem v části Hlava.

Kredit obrázku: Obrázek se svolením společnosti Microsoft

Krok 2

Zadejte následující metaznačku:

Nahradit http://www.example.com/thumb.jpg se skutečným odkazem na obrázek, který má Facebook zobrazit, když uživatel sdílí odkaz na váš web.

Spropitné

  • Zatímco Facebook přijímá miniatury obrázků o velikosti 200 x 200 pixelů, doporučená velikost má šířku 1200 pixelů a výšku 630 pixelů.
  • Chcete-li zvýšit procento uživatelů, kteří kliknou na odkaz – něco známého jako míra prokliku -- zvažte přidání a výzva k akci k obrazu, jako např Klikněte zde nebo Zjistit více.
Soubor HTML se značkou obrázku meta vlastnosti Open Graph v kroužku.

Kredit obrázku: Obrázek se svolením společnosti Microsoft

Krok 3

Uložte soubor a nahrajte jej na web hostitele.

Kromě obrázku miniatury zvažte použití značek Open Graph např. přizpůsobit název nebo popis sdíleného odkazu.

Soubor HTML s označenými značkami názvu a popisu Open Graph.

Kredit obrázku: Obrázek se svolením společnosti Microsoft