Skąd platformy biorą podgląd linku

Gdy ktoś wkleja link na Facebooku, LinkedIn, w X, na Slacku albo w Messengerze, platforma pobiera stronę i czyta znaczniki Open Graph z sekcji <head>: og:title, og:description, og:image i og:url. Bez og:title bierze treść <title>, a bez og:image szuka dowolnego obrazka na stronie albo pokazuje link bez grafiki.

X ma własne znaczniki twitter:*, ale gdy ich brakuje, bierze wartości z Open Graph. Własny znacznik jest potrzebny tylko jeden: twitter:card, który wybiera małą kartę z miniaturą (summary) albo dużą z obrazkiem na całą szerokość (summary_large_image).

Narzędzie pobiera HTML strony tak jak robot platformy, odtwarza na tej podstawie trzy karty i sprawdza obrazek: czy się wczytuje, jaki ma rozmiar i proporcje.

Jaki obrazek do udostępnień

Wymagania Facebooka według dokumentacji Meta for Developers:

ParametrWartość
Najmniejszy obrazek, który Facebook pokaże200 × 200 px
Duża karta zamiast miniaturyod 600 × 315 px
Zalecany rozmiar1200 × 630 px
Proporcje bez przycinania1,91:1
Maksymalna waga pliku8 MB

Obrazek 1200 × 630 px zwykle dobrze wygląda też na LinkedIn i w dużej karcie X, więc jeden plik wystarcza na wszystkie platformy. Adres w og:image wpisz w pełnej postaci, z https://. Znaczniki og:image:width i og:image:height pozwalają Facebookowi pokazać obrazek już przy pierwszym udostępnieniu, zanim sam go pobierze.

Co sprawdzam w danych strukturalnych

Odczytuję wszystkie bloki JSON-LD i każdy błąd składni pokazuję z numerem bloku, bo wyszukiwarki pomijają blok, którego nie da się odczytać. Rozwijam @graph i odwołania @id, a potem dla każdej encji sprawdzam właściwości, które Google wymaga do wyników rozszerzonych:

  • Product i Offer: nazwa oraz oferta, opinia albo ocena; w ofercie cena, waluta i dostępność.
  • Article, BlogPosting, NewsArticle: nagłówek, obrazek, data publikacji i autor z nazwą.
  • BreadcrumbList: pozycja, nazwa i adres każdego elementu ścieżki.
  • FAQPage: pytania z treścią i odpowiedzią.
  • Event, JobPosting, LocalBusiness, Recipe, VideoObject, Review, AggregateRating, SoftwareApplication: właściwości wymagane w dokumentacji Google dla danego typu.

Sprawdzam też daty w formacie ISO 8601 i adresy względne w polach url, image i logo. Przy FAQPage, HowTo i polu wyszukiwania w wyniku (SearchAction) dopisuję, że Google ograniczył albo wycofał te wyniki rozszerzone w latach 2023–2024. Mikrodane i RDFa wykrywam, ale ich nie waliduję.

Czego narzędzie nie sprawdzi

Analizuję HTML wysłany przez serwer. Znaczniki dodawane skryptem po wczytaniu strony zwykle nie trafiają do robotów platform społecznościowych, więc jeśli ich tu nie widać, platformy też mogą ich nie widzieć.

Facebook i LinkedIn przechowują podgląd linku w pamięci podręcznej. Po poprawkach odśwież go w Sharing Debuggerze Facebooka i w Post Inspectorze LinkedIn. Ostateczną ocenę danych strukturalnych daje test wyników z elementami rozszerzonymi Google, a poprawny kod jest warunkiem wyniku rozszerzonego, a nie jego gwarancją.