Wklej stronę i zobacz kartę udostępniania dla Facebooka, LinkedIn, X, WhatsApp i Slacka
Działa w przeglądarce. Wpisane dane nie są nigdzie wysyłane.Udostępniony link staje się kartą zbudowaną z tagów, które większość stron ustawia źle. Po wklejeniu adresu URL widać, jak będzie wyglądał na Facebooku, LinkedIn, X, WhatsApp i Slacku: 5 podglądów naraz, z proporcjami obrazu i wskazaniem każdego brakującego tagu.
Ta strona została przetłumaczona maszynowo z angielskiego oryginału. Tłumaczenie nie zostało jeszcze sprawdzone przez człowieka, dlatego wiążąca jest wersja angielska. Przeczytaj angielski oryginał
Otwórz stronę i naciśnij Ctrl+U, aby zobaczyć kod źródłowy; to narzędzie nie może samo otworzyć adresu internetowego.
Wklej kod źródłowy w panelu HTML strony.
Kliknij kolejno opcje w wierszu Sieć, od Facebooka do Slacka, aby zobaczyć kartę, którą narysowałaby dana sieć.
Sprawdź, który tag dostarczył Nagłówek, Opis i Obraz, a w wierszu Brakuje, co trzeba dodać.
Kliknij Kopiuj raport albo pobierz go jako open-graph-report.txt.
Ten podgląd Open Graph odczytuje meta tagi wklejonej strony i rysuje kartę udostępniania, którą zbudowałyby z nich Facebook, LinkedIn, X, WhatsApp i Slack. Każda sieć jest pokazana z własną kolejnością zastępczą, więc widać, który tag faktycznie dostarczył nagłówek, drugi wiersz i obraz.
Jednego narzędzie nie zrobi: nie pobierze strony za użytkownika. Za tą witryną nie stoi żaden serwer, a przeglądarka nie może pobierać cudzych stron, więc każde narzędzie tutaj, które twierdziłoby, że czyta adres URL na żywo, kłamałoby co do miejsca wykonywania pracy. Należy otworzyć stronę, nacisnąć Ctrl+U, aby zobaczyć źródło, i wkleić je tutaj. Wystarczy sam head, a nawet kilka meta tagów.
Kontrole obejmują błędy, które naprawdę psują karty: względną ścieżkę og:image, brak og:url, wartość twitter:card, która nie jest typem karty, powtórzone tagi, z których scraper po cichu bierze pierwszy, oraz tagi dodawane przez JavaScript po stronie klienta, którego scraper nigdy nie uruchamia. Każda kontrola mówi, co sieć robi w zamian.
Po podaniu adresu bazowego ścieżki względne są rozwiązywane, więc raport może pokazać bezwzględny adres URL, który powinien znaleźć się w tagu. Powiązane narzędzia: Meta Tag Generator tworzy poprawny blok od zera.
Nie, i żadne narzędzie działające wyłącznie w przeglądarce tego nie potrafi. Odczytanie strony innej witryny wymaga serwera, który ją pobierze, albo uprawnienia przeglądarki, którego ta strona nie ma. Należy otworzyć stronę, nacisnąć Ctrl+U i wkleić źródło tutaj. Sam head wystarczy.
W dziewięciu przypadkach na dziesięć wartość og:image to ścieżka względna, np. /card.png. Sieci pobierają obraz z własnych serwerów, więc musi to być pełny adres https://. Inne częste przyczyny to obraz dostępny tylko po zalogowaniu i plik większy niż około 5 MB.
X wycofał publiczny Card Validator w 2022 roku. Sprawdzenie karty oznacza teraz opublikowanie linku albo samodzielne odczytanie tagów. Ta strona czyta je tak jak X: najpierw tagi twitter:, potem og:, z małą kartą podsumowania jako domyślną.
Facebook zapisuje kartę w pamięci podręcznej przy pierwszym udostępnieniu linku i sam jej ponownie nie odczytuje. Po zmianie tagów należy przepuścić adres URL przez Sharing Debugger Facebooka i wybrać Scrape Again. Post Inspector w LinkedIn robi to samo.
Zwykle nie. Scrapery Facebooka, WhatsApp i Slacka czytają HTML wysłany przez serwer i nie uruchamiają JavaScriptu. Tagi wstrzyknięte przez framework po stronie klienta są dla nich niewidoczne, dlatego należy generować je na serwerze lub prerenderować stronę.
Nie. Analiza to zwykłe przetwarzanie tekstu w przeglądarce, a strona nie wysyła żadnych żądań sieciowych. Strony testowe i wewnętrzne witryny można tu sprawdzać bez opuszczania urządzenia.
Nadal coś nie działa? Zapytaj o narzędzie Podgląd Open Graph a odpowiedzieć może każdy, kto zna odpowiedź. Konto nie jest potrzebne.