Weryfikator Meta Tagów Open Graph

Sprawdź meta tagi Open Graph i Twitter Card dla dowolnej strony HTML. Wyodrębnij og:title/og:description/og:image oraz tagi Twittera, zaznacz brakujące lub nieprawidłowe wartości i generuj raporty JSON/PDF do udostępniania. Zaprojektowane do debugowania SEO i podglądów społecznościowych z obsługą przekierowań i wyjściem surowego tekstu.

Loading…

O nas Narzędzie do sprawdzania meta Open Graph

Wklej adres URL, aby zweryfikować, co platformy społecznościowe mogą odczytać z Twojej strony: tagi Open Graph (og:*) i metadane Twitter Card. To narzędzie pomaga wykryć brakujące tytuły/opisy, uszkodzone lub niepubliczne adresy URL og:image, problemy z przekierowaniami i typowe pułapki podglądu — aby Twoje linki wyglądały poprawnie na X/Twitter, Facebooku, LinkedIn, Slacku, Discordzie i innych.

Funkcje

  • Wyodrębnij meta Open Graph: og:title, og:description, og:image i powiązane właściwości OG, jeśli są obecne.
  • Wyodrębnij tagi Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image), jeśli są obecne.
  • Obserwuj przekierowania, aby sprawdzić ostateczne, kanoniczne miejsce docelowe (typowe dla HTTP→HTTPS, www, tras lokalizacyjnych).
  • Tryb walidacji tylko HTML, aby skupić się na tagach meta (nie na zasobach niebędących HTML).
  • Wyniki + karta oceny i filtr „tylko problemy” do szybkiego czyszczenia.
  • Wyjście surowego tekstu, które łatwo skopiować, porównać i udostępnić.
  • Kopiuj wyniki do zgłoszeń i dokumentacji.
  • Eksportuj JSON do automatyzacji i audytów.
  • Eksportuj raporty PDF do dostarczania klientom i audytów SEO.

🧭 Jak używać for open-graph-meta-checker

1

Wklej adres URL strony

Wprowadź adres URL strony, którą chcesz podglądnąć (np. stronę docelową, wpis na blogu, stronę produktu). To narzędzie jest przeznaczone dla stron HTML, a nie obrazów ani API.

2

Obserwuj przekierowania, jeśli Twoja strona przekierowuje

Pozostaw włączoną opcję „Obserwuj przekierowania”, aby narzędzie sprawdziło ostateczne miejsce docelowe, do którego prawdopodobnie dotrą roboty społecznościowe.

3

Przejrzyj wartości OG i Twittera

Sprawdź pola tytułu, opisu i obrazu. Szukaj pustych wartości, zastępczych tekstów, duplikatów lub niezgodności między tagami OG i Twittera.

4

Napraw typowe problemy z podglądem

Upewnij się, że og:image to bezwzględny adres URL, publicznie dostępny i wskazuje na właściwy zasób. Potwierdź, że tytuły/opisy są zwięzłe i unikalne dla każdej strony.

5

Eksportuj i udostępnij raport

Pobierz JSON do automatyzacji lub PDF do raportowania SEO/klienta. Użyj widoku surowego tekstu, aby szybko wkleić wartości do zgłoszeń.

Specyfikacje techniczne

Model żądania i parsowania

To narzędzie pobiera docelową stronę (HTML) i wyodrębnia meta tagi Open Graph i Twitter Card z elementów meta dokumentu. Obsługuje śledzenie przekierowań w celu sprawdzenia efektywnego miejsca docelowego.

UstawienieZachowanieDomyślne
Tylko HTMLSkupia się na stronach HTML i ekstrakcji metadanychWłączone (zależnie od możliwości narzędzia)
Obsługa przekierowańPodąża za przekierowaniami, aby sprawdzić końcowy adres URLWłączone
Maks. przekierowańLimit przekierowań zapobiegający pętlom10
Limit czasuLimit czasu żądania15000 ms
User-AgentIdentyfikuje agenta użytkownika żądaniaEncode64Bot/1.0 (+https://encode64.com)
Sieci prywatneBlokuje dostęp do prywatnych zakresów sieci dla bezpieczeństwaWyłączone (sieci prywatne niedozwolone)

Zalecany zestaw metadanych (podstawowy)

Solidna podstawa obejmuje zarówno pola Open Graph, jak i Twitter Card, aby podglądy wyświetlały się spójnie na różnych platformach.

PlatformaMinimalne tagiUwagi
Open Graphog:title, og:description, og:imageDodaj og:url i og:type, gdy ma to zastosowanie
Twitter Cardtwitter:card, twitter:title, twitter:description, twitter:imagetwitter:card to zazwyczaj summary lub summary_large_image
Nawet jeśli Twoja strona wygląda dobrze w przeglądarce, roboty indeksujące widzą tylko to, co znajduje się w odpowiedzi HTML, którą pobierają. Wstrzykiwanie metadanych tylko po stronie klienta może nie być niezawodnie odbierane.

Pułapki związane z og:image, na które należy uważać

Najczęstsze błędy podglądu wynikają z adresu URL obrazu: musi być dostępny, bezwzględny i zgodny z regułami pobierania przez roboty indeksujące.

ProblemObjawRozwiązanie
Względny adres URL obrazuPodgląd nie wyświetla obrazuUżyj bezwzględnego adresu URL dla og:image i twitter:image
Zablokowane przez autoryzację / roboty / firewallPodgląd brakuje lub jest niespójnyZapewnij publiczny dostęp dla crawlerów; zezwól agentom użytkowników społecznościowych, jeśli filtrujesz
Przekierowujący URL obrazuNiektóre platformy nie mogą go pobraćPreferuj bezpośredni, stabilny URL obrazu (bez przekierowań)
Nieprawidłowy typ zawartościObraz nierozpoznanyPodawaj prawidłowy Content-Type (np. image/png, image/jpeg)

Wiersz poleceń

Możesz zweryfikować znaczniki OG/Twitter z terminala, pobierając HTML i przeszukując znaczniki meta. Przydatne do kontroli CI i debugowania problemów z SSR.

macOS / Linux

Pobierz HTML i wypisz znaczniki meta OG/Twitter

curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"

Pokazuje znaczniki meta wpływające na podglądy społecznościowe. Użyj -L, aby podążać za przekierowaniami.

Sprawdź końcowy URL po przekierowaniach

curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'

Wypisuje linie statusu łańcucha przekierowań i nagłówki Location.

Windows (PowerShell)

Pobierz HTML i wyszukaj znaczniki OG/Twitter

$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"

Szybki sposób na potwierdzenie obecności znaczników w dostarczonym HTML.

Jeśli twoja aplikacja jest mocno oparta na SPA, upewnij się, że znaczniki OG/Twitter są renderowane po stronie serwera (SSR/SSG) dla niezawodności. Crawlery mogą nie wykonywać twojego JavaScriptu po stronie klienta tak, jak robią to przeglądarki.

Zastosowania

Napraw zepsute podglądy społecznościowe

Gdy link udostępnia się z nieprawidłowym tytułem, bez obrazka lub z nieaktualnym tekstem, to narzędzie pomaga szybko zlokalizować brakujące lub nieprawidłowe pola meta.

  • Zweryfikuj og:title i twitter:title
  • Potwierdź, że og:image jest dostępny i bezwzględny
  • Wykryj puste opisy lub zastępcze teksty

QA dla stron dynamicznych i SSR

Upewnij się, że twoje frameworki wyprowadzają znaczniki OG/Twitter w odpowiedzi HTML dla każdej trasy (szczególnie w Next.js, Nuxt, SvelteKit itp.).

  • Potwierdź obecność meta dla danej strony w HTML
  • Wykryj generowanie meta tylko po stronie klienta
  • Zweryfikuj przekierowania do kanonicznych lokalizacji

SEO i przepływy pracy publikacji treści

Ustandaryzuj podglądy na całej stronie: spójne tytuły/opisy, prawidłowy typ OG i stabilne obrazy poprawiają CTR, gdy linki są udostępniane.

  • Przeprowadź audyt szablonów pod kątem brakujących pól OG
  • Eksportuj PDF/JSON dla redakcyjnych list kontrolnych
  • Wykryj zduplikowane metadane na wielu stronach

Raportowanie i audyty dla klienta

Wygeneruj przejrzysty, eksportowalny raport dokumentujący status podglądu społecznościowego i zalecane poprawki.

  • Raport PDF dla interesariuszy
  • Raport JSON do śledzenia zmian w czasie

❓ Frequently Asked Questions

❓Jaka jest różnica między Open Graph a Twitter Cards?

Open Graph (og:*) jest używany przez wiele platform (Facebook, LinkedIn, Slack/Discord itp.). Twitter Cards (twitter:*) są używane przez X/Twitter. Wiele stron publikuje oba dla najlepszego zasięgu.

❓Dlaczego mój podgląd pokazuje stary obraz lub tytuł?

Platformy buforują podglądy. Po poprawieniu tagów często trzeba ponownie przeskanować stronę za pomocą narzędzi debugowania platformy i może być konieczne odczekanie na odświeżenie pamięci podręcznej.

❓Dlaczego mój og:image się nie pokazuje?

Typowe przyczyny: URL jest względny, zablokowany (uwierzytelnianie/WAF/robots.txt), zbyt wiele przekierowań, nieprawidłowy typ zawartości lub brak publicznego dostępu. Użyj tego narzędzia, aby zweryfikować wyodrębnioną wartość, a następnie przetestuj URL obrazu bezpośrednio.

❓Czy potrzebuję zarówno og:title, jak i twitter:title?

Zaleca się to. Niektóre platformy polegają na OG, inne na tagach Twittera. Posiadanie obu zmniejsza niespójności.

❓Czy mogę przetestować stronę za logowaniem?

Crawlerzy społecznościowi zazwyczaj nie mają dostępu do treści wymagających uwierzytelnienia, więc podglądy nie będą działać niezawodnie. Preferuj publiczne strony podglądu lub publiczne punkty końcowe OG dla treści do udostępniania.

❓Czy bezpiecznie jest wklejać tutaj adresy URL?

Narzędzie wykonuje żądania po stronie serwera do podanego adresu URL i blokuje cele w sieciach prywatnych. Unikaj umieszczania tajnych danych (tokenów) w ciągach zapytań.

Pro Tips

Best Practice

Używaj bezwzględnych adresów URL dla og:image i twitter:image i utrzymuj je stabilne (unikaj przekierowań), aby zmniejszyć liczbę błędów crawlerów.

Best Practice

Generuj obrazy OG deterministycznie (szablon + parametry), aby móc aktualizować branding, zachowując stabilne adresy URL dla każdej strony.

Best Practice

Dla aplikacji Next.js/SSR weryfikuj tagi w początkowej odpowiedzi HTML (Pokaż źródło), a nie tylko w DOM po hydratacji.

Best Practice

Zachowuj tytuły zwięzłe i unikalne dla każdej strony; zbyt długie tytuły mogą zostać obcięte w podglądach i zmniejszyć CTR.

CI Tip

Eksportuj raporty JSON i dodawaj je do swojej listy kontrolnej wydania, aby wychwytywać regresje w szablonach meta.

Additional Resources

Protokół Open Graph
Documentation
Dokumentacja Twitter Cards (X)
Documentation
Znaczniki meta dla podglądów społecznościowych (MDN: <meta>)
Documentation
Google Search Central: kontrola fragmentów (znaczniki meta)
Documentation

Other Tools