Podgląd Open Graph
Sprawdź, jak wygląda twoja strona, gdy ktoś ją udostępnia, zanim ją opublikujesz.
Pobierane przez nasz serwer
Aby odczytać stronę internetową, nasz serwer pobiera za ciebie ją i jej obraz do udostępniania. Nie przechowujemy ich ani sprawdzanego adresu. Co robimy z twoimi danymi
Zapieczętowane
Podglądy linku
Wpisz adres strony, aby zobaczyć podgląd jej linku w pięciu popularnych aplikacjach.
Jak to działa
-
Wklej adres
Wpisz adres strony, którą zamierzasz udostępnić: artykułu, produktu albo strony głównej.
-
Porównaj podglądy
Zobacz obok siebie karty linku w przybliżeniu tak, jak wyglądałyby na Facebooku, X, LinkedInie, Discordzie i Slacku.
-
Popraw tagi
Lista testów pokazuje brakujące lub słabe tagi i problemy z obrazem. Zaktualizuj stronę i sprawdź ponownie.
Najczęściej zadawane pytania
Czym są tagi Open Graph?
To meta tagi w sekcji head strony, takie jak og:title, og:description i og:image. Media społecznościowe i komunikatory odczytują je, aby zbudować kartę pokazywaną, gdy ktoś udostępnia link.
Dlaczego to narzędzie potrzebuje waszego serwera?
Przeglądarki nie pozwalają jednej witrynie odczytywać stron innej witryny. Nasz serwer pobiera za ciebie stronę i jej obraz do udostępniania, a potem odsyła tylko to, co potrzebne do podglądów. Niczego nie przechowujemy.
Jaki rozmiar powinien mieć obraz do udostępniania?
Użyj 1200 × 630 pikseli, czyli proporcji 1,91:1. Mniejsze obrazy dostają mały podgląd, a obrazy mniejsze niż 200 × 200 są często ignorowane. Trzymaj ważny tekst z dala od krawędzi, bo niektóre aplikacje przycinają obraz.
Czy te podglądy wyglądają dokładnie tak jak w każdej aplikacji?
To bliskie przybliżenia typowego układu każdej aplikacji. Aplikacje co jakiś czas zmieniają wygląd i mogą przechowywać starszą wersję twojej strony, więc prawdziwa karta może się nieco różnić.
Zaktualizowałem tagi, a wciąż widać stary podgląd. Dlaczego?
Media społecznościowe przez jakiś czas przechowują kopię każdego linku. Większość z nich oferuje narzędzie do odświeżenia, na przykład Sharing Debugger Facebooka lub Post Inspector LinkedIna.
Czy potrzebuję osobnych tagów dla X (Twitter)?
Zwykle nie: X odczytuje tytuł, opis i obraz z Open Graph. Dodaj twitter:card z wartością summary_large_image, jeśli chcesz duży obraz zamiast małego kwadratu.