Podgląd i treść · darmowe narzędzie
Generator znaczników Open Graph
Uzupełnij pola, a narzędzie przygotuje komplet znaczników Open Graph i Twitter Card do sekcji head. Podgląd zmienia się na bieżąco, a wymiary grafiki narzędzie odczytuje samo.
- typy website, article i product
- Twitter Card summary i summary_large_image
- automatyczny odczyt wymiarów grafiki
- podgląd w Facebooku, LinkedInie i X
Kod do sekcji head
Narzędzie działa w Twojej przeglądarce. Wpisane dane nie są wysyłane na serwer.
Jak czytać wynik
Jak przygotować dobre znaczniki
Gdzie wkleić kod
Znaczniki należą do sekcji head strony. W WordPressie z Yoast SEO lub Rank Math ustawisz je w polach wtyczki, a kod z generatora przyda się przy stronach poza CMS-em i przy kontroli wdrożenia.
Tytuł i opis
og:title może być krótszy i bardziej bezpośredni niż title dla Google. Facebook i LinkedIn obcinają długie tytuły w podglądzie, dlatego najważniejsza informacja powinna być na początku.
Grafika
Najbezpieczniejszy format to JPG albo PNG o wymiarach 1200 × 630 pikseli. Ważne elementy, np. logo i napis, umieść bliżej środka, bo część serwisów przycina grafikę.
Co potrafi narzędzie
- typy website, article i product
- Twitter Card summary i summary_large_image
- automatyczny odczyt wymiarów grafiki
- podgląd w Facebooku, LinkedInie i X
- ostrzeżenia o długości i wymiarach
- kod do skopiowania jednym kliknięciem
Pytania
Najczęstsze pytania
Czy wystarczą znaczniki Open Graph bez Twitter Card?
Tak, w większości przypadków. X korzysta z og:title, og:description i og:image, gdy brakuje znaczników twitter:. Znacznik twitter:card warto dodać, bo wybiera układ karty z dużą grafiką.
Jaki og:type wybrać?
Dla strony głównej i podstron firmowych wybierz website, dla wpisów na blogu article, a dla kart produktów product. Typ article pozwala dodać datę publikacji i autora.
Czy każda podstrona powinna mieć własną grafikę og:image?
Nie jest to wymagane, ale własna grafika z tytułem artykułu lub zdjęciem produktu zwykle przyciąga więcej uwagi w udostępnieniach niż jedno logo dla całej witryny.
Powiązane narzędzia
Sprawdź też
Sprawdzanie Open Graph i kart X
Podgląd udostępnienia w Facebooku, LinkedInie i X, kontrola grafiki og:image i brakujących znaczników.
Otwórz narzędzie Podgląd i treść · w przeglądarceDługość title i description: podgląd w Google
Podgląd wyniku Google na komputerze i telefonie, szerokość w pikselach, wyróżnienie frazy, tryb hurtowy.
Otwórz narzędzie Technika SEO · w przeglądarceGenerator danych strukturalnych JSON-LD
JSON-LD dla firmy lokalnej, organizacji, artykułu, produktu, FAQ, okruszków i wydarzenia z walidacją pól.
Otwórz narzędzieBezpłatny audyt
Wynik pokazał błędy? Sprawdzimy całą witrynę
Narzędzie analizuje jedną stronę albo jeden plik. Audyt icomSEO obejmuje wszystkie podstrony, dane z Google Search Console i plan poprawek z kolejnością wdrożenia.
