Jak wygląda Twój link, gdy ktoś go udostępnia

Dlaczego obraz do udostępniania ma znaczenie#

Gdy ktoś wkleja Twój link na Facebooku, LinkedIn, w Messengerze lub na czacie, serwis pobiera podgląd: obraz, nagłówek i krótki tekst. Decydują o nim tagi Open Graph w kodzie strony. Jeśli ich brakuje, serwis zgaduje, a wynikiem jest często przycięte logo albo brak obrazu. Te tagi to rodzaj metatagów (zobacz Metatagi).

Potrzebne tagi#

Standard Open Graph wymaga czterech tagów: og:title, og:type, og:image i og:url, gdzie og:url to stały adres strony [1]. Opcjonalne, ale ważne są og:description, og:site_name i og:locale (dla polskiego pl_PL), a dla obrazu og:image:width, og:image:height i og:image:alt [1]. LinkedIn wymaga też og:description [2].

Obraz: rozmiar i format#

• Meta zaleca co najmniej 1200 × 630 pikseli, proporcje bliskie 1,91:1 i maksymalnie 8 MB. Jeśli podasz szerokość i wysokość w tagach, obraz może zostać pokazany od razu [3].
• LinkedIn wymaga co najmniej 1200 × 627 pikseli i maksymalnie 5 MB; obrazy węższe niż 401 pikseli są pokazywane jako mała miniatura [2].
• Adres obrazu musi być pełny (zaczynać się od https://), inaczej serwisy nie mogą go pobrać.
• X (Twitter) używa tagów Open Graph, gdy brakuje jego własnych tagów X.

Oto co robimy#

• Każda budowana przez nas strona dostaje wszystkie tagi Open Graph, obraz do udostępniania w rozmiarze 1200 × 630 z szerokością, wysokością i tekstem alternatywnym oraz ten sam tytuł i opis co w wyniku wyszukiwania.
• W analizie Twojej obecnej strony widzisz, których tagów brakuje i czy obraz jest za mały.
• Jeśli chcesz mierzyć, co dają udostępnienia i reklamy, przeczytaj o Piksele i pomiar.