Otwórz Studio podglądu wykresów

Otwórz narzędzie podglądu wykresu

Ładowanie obszaru roboczego...

Jak wyświetlić podgląd tagów OG z dowolnego adresu URL

Wklej bezwzględny adres URL https, uruchom opcję Fetch metadata, a następnie przejrzyj połączony tytuł, opis, obraz i docelowy adres URL. Rozwiń diagnostykę, aby potwierdzić kody stanu, końcowy adres URL po przekierowaniach i typ treści.

Jak wybierane są Open Graph, Twitter Card i zastępcze metatagi

W przypadku podglądów w stylu Facebooka i LinkedIn preferujemy tagi Open Graph, a następnie wracamy do tagu tytułu, metaopisu, kanonicznego adresu URL i pierwszego odpowiedniego obrazu treści, gdy brakuje og:image. W przypadku podglądu w stylu X/Twitter preferujemy twitter:title, twitter:description i twitter:image, jeśli są obecne, w przeciwnym razie wracamy do Open Graph, a następnie tych samych ogólnych rozwiązań zastępczych.

Typowe problemy z metadanymi i sposoby ich rozwiązywania

Brakujący og:image to najczęstszy problem z jakością udostępniania — dodaj adres URL obrazu w kształcie kwadratu lub poziomego. Często zdarzają się również zduplikowane lub sprzeczne tagi, względne adresy URL obrazów bez prawidłowej podstawy oraz długie tytuły, które są obcinane. Użyj edytora, aby przetestować poprawki przed publikacją.

Jak wyeksportować metatagi HTML lub JSON

Po pomyślnym pobraniu (lub ręcznym wypełnieniu wymaganych pól) użyj opcji Kopiuj HTML lub Kopiuj JSON albo pobierz pliki .html i .json. We fragmencie kodu HTML wartości są oznaczone zmianą znaczenia, a kod JSON zawiera stan źródła dla każdego obsługiwanego pola.

Pobieraj metadane Open Graph i Twitter Card z publicznego adresu URL, wyświetlaj podgląd kart w stylu Facebook, X/Twitter i LinkedIn, lokalnie zastępuj pola i eksportuj metatagi HTML lub JSON.

Często zadawane pytania

Dlaczego podglądy różnią się na Facebooku, X i LinkedIn?

Każda platforma odczytuje tagi w nieco innej kolejności, stosuje własne reguły przycinania i może buforować starsze wersje Twojej strony. To studio wyświetla spójne, lokalne szablony na podstawie połączonych metadanych, dzięki czemu można sprawdzić strukturę i skopiować rendery sieciowe, a nie doskonałe w pikselach.

Czy to narzędzie zmienia moją działającą witrynę internetową?

Nie. Pobrany kod HTML jest analizowany tylko pod kątem bieżącego żądania. Zmiany i eksporty pozostają w przeglądarce (z opcjonalnymi parametrami zapytania URL do udostępniania zastąpień). Nic nie jest zapisywane w Twojej witrynie.

Co się stanie, jeśli moja strona zablokuje automatyczne pobieranie?

Niektóre witryny zwracają 403/401 klientom innym niż przeglądarka. Ten MVP obsługuje tylko publicznie pobierany kod HTML bez uwierzytelniania. Wypróbuj tymczasowy adres URL lub tymczasowo rozluźnij zasady botów, jeśli kontrolujesz serwer.