Jak uzyskać miniaturę podglądu witryny, aby pojawiła się na Facebook Share

Gdy ktoś udostępni link do jednej ze stron Twojej witryny na swojej osi czasu, Facebook automatycznie pobierze obraz z połączonej strony i wyświetli go obok nazwy i adresu URL strony. Niestety, pobrany obraz może czasami nie mieć związku z treścią strony lub może nawet całkowicie nie występować w udostępnionym linku. Aby upewnić się, że Facebook wyświetla najlepszy możliwy obraz, gdy ktoś udostępnia Twoją stronę – i dlatego zwiększaj to współczynnik klikalności linku — dodaj kilka linijek kodu do kodu HTML strony, aby zmusić Facebooka do pobrania określonego obraz.

Dodaj znaczniki otwartego wykresu

Otwórz wykres to protokół opracowany przez Facebooka, który między innymi umożliwia programistom dodawanie znaczników do swoich stron w celu dostosowania sposobu, w jaki Facebook wyświetla łącza do ich witryn.

Wideo dnia

Dodaj tagi Open Graph do strony, edytując jej kod źródłowy HTML:

Krok 1

Otwórz plik HTML w edytorze tekstu, takim jak Notatnik, lub w dedykowanym edytorze HTML. Umieść kursor przed tagiem zamykającym w górnej części pliku i naciśnij Wejść aby utworzyć nową linię.

Plik HTML w Notatniku, ze wskazaną pustą linią w sekcji Head.

Źródło obrazu: Zdjęcie dzięki uprzejmości Microsoft

Krok 2

Wprowadź następujący metatag:

Zastępować http://www.example.com/thumb.jpg z rzeczywistym linkiem do obrazu, który Facebook ma wyświetlać, gdy użytkownik udostępnia link do Twojej witryny.

Wskazówka

  • Chociaż Facebook akceptuje miniatury, które są tak małe, jak 200 x 200 pikseli, zalecany rozmiar ma 1200 pikseli szerokości i 630 pikseli wysokości.
  • Zwiększenie odsetka użytkowników klikających link – coś znanego jako współczynnik klikalności -- rozważ dodanie wezwanie do działania do obrazu, na przykład Kliknij tutaj lub Dowiedz się więcej.
Plik HTML z zakreślonym tagiem obrazu meta właściwości Open Graph.

Źródło obrazu: Zdjęcie dzięki uprzejmości Microsoft

Krok 3

Zapisz plik i prześlij go do swojego usługodawcy hostingowego.

Oprócz obrazu miniatury rozważ użycie znaczników Open Graph, aby na przykład dostosuj tytuł lub opis udostępnionego łącza.

Plik HTML ze wskazanymi tagami tytułu i opisu Open Graph.

Źródło obrazu: Zdjęcie dzięki uprzejmości Microsoft