Open Graph Checker dla Twojej strony
Tagi Open Graph zwalidowane z podglądem social media na żywo
Co obejmuje Open Graph Checker?
og:title, og:description i og:image
og:type, og:url i og:site_name
Twitter Cards wraz z typem karty
Wizualny podgląd dla Facebook, LinkedIn i X
Brakujące lub puste tagi obowiązkowe
Fallback z Twitter Cards na Open Graph
Tak działa sprawdzenie Open Graph
4 kroki do perfekcyjnego podglądu w social media
-
1 Krok 1
Wprowadź URL
Podaj adres swojej strony – wszystkie meta tagi odczytujemy automatycznie.
-
2 Krok 2
Odczytaj meta tagi
Ładujemy Twoją stronę w prawdziwej przeglądarce i rejestrujemy wszystkie wartości Open Graph i Twitter Card.
-
3 Krok 3
Sprawdź podgląd
Zobaczysz wyrenderowaną kartę podglądu dla Facebook i X oraz wszystkie wartości w szczegółach.
-
4 Krok 4
Uzupełnij brakujące tagi
Dodaj brakujące tagi w sekcji
swojej strony, a następnie odśwież pamięć podręczną danej platformy.
Tagi Open Graph w skrócie
Te meta tagi analizuje InspectWP
| Tag | Przeznaczenie | Obowiązkowy? |
|---|---|---|
| og:title | Nagłówek karty podglądu | tak |
| og:description | Tekst opisu pod tytułem | tak |
| og:image | Obraz podglądu, idealnie 1200×630 pikseli | tak |
| og:type | Typ treści, np. website lub article | zalecany |
| og:url | Kanoniczny adres strony | zalecany |
| og:site_name | Nazwa strony wyświetlana nad tytułem | opcjonalny |
| twitter:card | Typ karty na X: summary lub summary_large_image | zalecany |
| twitter:title | Własny tytuł dla X, w przeciwnym razie fallback na og:title | opcjonalny |
| twitter:image | Własny obraz dla X, w przeciwnym razie fallback na og:image | opcjonalny |
Zalecane rozmiary obrazów według platformy
Przy 1200×630 pikseli jesteś bezpieczny na wszystkich platformach
| Platforma | Rozmiar | Proporcja | Uwaga |
|---|---|---|---|
| 1200×630 px | 1,91:1 | Poniżej 600×315 px pojawia się tylko mały podgląd | |
| X (Twitter) | 1200×628 px | 1,91:1 | Duża karta z obrazem wymaga twitter:card=summary_large_image |
| 1200×627 px | 1,91:1 | Korzysta z tagów Open Graph; własnych tagów nie ma | |
| 1200×630 px | 1,91:1 | Pokazuje kwadratowy wycinek – ważne motywy umieszczaj centralnie |
Minimalna konfiguracja Open Graph
Te sześć linii w pełni pokrywa Facebook, LinkedIn, WhatsApp i X
Fragment kodu do sekcji <head> Twojej strony:
<meta property="og:title" content="Tytuł strony">
<meta property="og:description" content="Krótki opis treści">
<meta property="og:image" content="https://example.com/preview-image.jpg">
<meta property="og:url" content="https://example.com/page">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
Zobacz dokładnie, jak udostępniane są Twoje linki
Gdy ktoś udostępnia Twoją stronę na Facebook, LinkedIn, WhatsApp lub X, to tagi Open Graph decydują o tym, jaki obrazek, tytuł i opis się pojawią. Jeśli ich brakuje, platformy sięgają po mało atrakcyjne rozwiązanie awaryjne złożone z przypadkowej treści strony. Open Graph Checker od InspectWP odczytuje wszystkie istotne meta tagi i renderuje prawdziwy podgląd – dzięki temu jeszcze przed udostępnieniem zobaczysz, jak naprawdę wygląda Twój link.
Twitter Cards, typy kart i fallback Open Graph pod lupą
X analizuje własne tagi twitter: i sięga po wartości Open Graph, gdy tych pierwszych brakuje. Decydującym ustawieniem jest typ karty: summary renderuje małą kwadratową miniaturę obok tekstu, natomiast summary_large_image tworzy szeroką kartę z obrazem. Właśnie pomylenie tych dwóch jest jednym z najczęstszych błędów konfiguracji. Pokazujemy Ci obie warianty i wskazujemy, którą Twoja strona aktualnie serwuje.
Tysiące właścicieli stron ufa InspectWP
Liczby mówią same za siebie
Najczęściej zadawane pytania o Open Graph Checker
Wszystko, co musisz wiedzieć o Open Graph i Twitter Cards
<meta property="og:…"> określa, jak jest prezentowana przy udostępnianiu. Dziś korzystają z niego praktycznie wszystkie platformy – w tym LinkedIn, WhatsApp, Slack, Discord i Telegram.
Więcej narzędzi, które mogą być Ci potrzebne
Te testy obejmują pokrewne tematy