Podgląd Open Graph
Wpisz adres strony lub wklej jej HTML, aby zobaczyć kartę linku, którą dostają ludzie po udostępnieniu, i poprawić to, czego brakuje.
Znaczniki Open Graph to metaznaczniki w sekcji head strony. Mówią sieciom społecznościowym i komunikatorom, jaki tytuł, opis i obraz pokazać, gdy ktoś udostępnia link.
Narzędzie odczytuje te znaczniki i rysuje kartę linku w stylu posta na Facebooku. Sprawdza też rozmiar i proporcje obrazu oraz wypisuje znaczniki, których brakuje lub które są za długie.
Pytania
Dlaczego Facebook nadal pokazuje mój stary podgląd?
Facebook buforuje kartę linku po pierwszym udostępnieniu. Po poprawieniu znaczników przepuść adres przez Sharing Debugger i pobierz go ponownie, aby odświeżyć bufor. Inne platformy mają własne bufory.
Dlaczego podgląd jest pusty dla strony opartej na JavaScript?
Skrobaki linków czytają HTML wysłany przez serwer i nie uruchamiają JavaScriptu. Jeśli znaczniki są dodawane dopiero w przeglądarce, nie są widoczne. Generuj je na serwerze lub w statycznym HTML.
Jaki jest idealny rozmiar obrazu Open Graph?
1200 x 630 pikseli, proporcje około 1,91:1, poniżej 8 MB. Obrazy mniejsze niż 600 x 315 pikseli są pokazywane jako mała miniatura obok tekstu.
Dlaczego podgląd różni się od tego, co widzę po udostępnieniu?
Każda platforma ma własne przycinanie, limity tekstu i bufor. Ten podgląd odpowiada typowemu układowi Facebooka i czyta Twoją stronę jednorazowo, teraz. Platforma mogła też zapisać starszą wersję.
Które znaczniki są najważniejsze?
og:title, og:description, og:image i og:url. Pozostałe, jak og:site_name i twitter:card, są opcjonalne, ale poprawiają kartę.