Savebase · Bezpłatne narzędzie

Bezpłatny inspektor OG i
Kontroler Open Graph

Sprawdź tagi Open Graph, Twitter Cards, metaopisy i favicony. Zobacz dokładnie, jak wygląda podgląd linku na X, Slacku, LinkedIn i Facebooku.

Wprowadź adres URL do sprawdzenia
Wypróbuj:

Czym są tagi Open Graph i dlaczego są ważne?

Tagi Open Graph (OG) to fragmenty metakodu HTML umieszczane w następującej sekcji strony: <head> sekcji. Określają podgląd Twitter/X, LinkedIn, Slack, iMessage i Facebook. Bez nich platformy zgadują, zwykle z gorszym wynikiem.

Cztery tagi potrzebne każdej stronie

  • og:title — Nagłówek podglądu (poniżej 60 znaków)
  • og:description — Pomocnicze podsumowanie (najlepiej 150–160 znaków)
  • og:image — Miniatura (1200×630px, JPEG lub PNG)
  • twitter:card — Ustaw na summary_large_image dla najlepszego układu Twittera

Dlaczego zakładki tracą podglądy?

Tagi OG zmieniają się, gdy witryny zmieniają projekt, CMS lub kod. Link zapisany pół roku temu z pięknym podglądem może teraz pokazywać pusty obraz, ponieważ witryna usunęła lub zmieniła ścieżkę obrazu OG. Narzędzia takie jak Savebase pozwalają zarchiwizować oryginalną miniaturę przy zapisie, dzięki czemu kolekcja zawsze pozostaje spójna wizualnie.

Jak działa to narzędzie

Inspektor pobiera docelowy adres po stronie serwera, omijając ograniczenia CORS przeglądarki, i czyta do końca sekcji HTML<head> sekcji, wyodrębniając OG, Twitter Card i metatagi. Obecność i jakość sześciu głównych tagów daje ocenę do 100.

Użyj jako walidatora i debuggera OG

Podgląd społecznościowy może nie działać, nawet gdy strona wygląda poprawnie w przeglądarce. Diagnostyka wykrywa brakujące tagi, puste wartości, tytuły i opisy podatne na przycięcie, niedostępne obrazy i różnice między metadanymi Open Graph a Twitter Card. Popraw źródłowy HTML, ponownie sprawdź URL i poproś serwis o odświeżenie podglądu w pamięci podręcznej, jeśli nadal pokazuje starszą wersję.

Zastosowania kontrolera Open Graph

  • Podejrzyj wpis blogowy przed publikacją na LinkedIn, Facebooku, X lub Slacku.
  • Potwierdź, że og:image jest publiczny, poprawnie zwymiarowany i przypisany do strony.
  • Porównaj tagi Open Graph z polami Twitter Card, gdy platformy pokazują różne podglądy.
  • Sprawdzaj strony docelowe po migracji CMS, przeprojektowaniu lub zmianie domeny.

Co sprawdza inspektor OG?

Wprowadź dowolny publiczny adres URL, aby sprawdzić jego og:title, og:description,og:image, kanoniczny URL, Twitter Card, favicon i pozostałe metadane wpływające na podgląd linku w mediach społecznościowych. Diagnostyka wskazuje brakujące pola oraz długości tytułu lub opisu, które mogą zostać przycięte przy udostępnianiu.

Jak sprawdzić obraz Open Graph?

Wklej URL strony powyżej i wybierz Sprawdź. Jeśli strona udostępniaog:image, inspektor pokazuje go w podglądach X, Slack/iMessage i LinkedIn. Jeśli go brakuje, dodaj publiczny URL obrazu 1200×630px do metadanych Open Graph strony.

FAQ inspektora OG

Czym jest inspektor OG?

Odczytuje tagi Open Graph, Twitter Card i standardowe metatagi publicznej strony, a następnie przekształca je w podglądy w stylu poszczególnych platform oraz listę problemów do naprawienia.

Jakie tagi powinna mieć każda strona?

Zacznij od og:title, og:description, og:image,og:urli og:type. Dodaj tag Twitter Card dla podglądów w X.

Dlaczego podgląd pokazuje zły obraz lub opis?

Strona może mieć brakujące lub sprzeczne metadane, niedostępny obraz albo sieć społecznościowa korzysta z podglądu w pamięci podręcznej. Sprawdź aktualne tagi, popraw je i odśwież pamięć.

Czy mogę przetestować prywatny lub lokalny URL?

Strona i obraz podglądu muszą być dostępne z publicznego internetu. Strony wymagające logowania, adresy localhost i zasoby blokowane robotom mogą nie zwrócić kompletnych metadanych.