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

Typ (og:type)

Karta X (twitter:card)

Tytuł (og:title)

Opis (og:description)

Adres strony (og:url)

Adres grafiki (og:image)Pełny adres z https://. Wymiary grafiki narzędzie odczyta automatycznie.

Opis grafiki (og:image:alt)

Nazwa witryny (og:site_name)

Język (og:locale)

Profil X witryny

Profil X autora

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ż

Analiza adresu URL

Wszystkie darmowe narzędzia (21)

Bezpł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.

Poproś o bezpłatny audyt Zobacz strony i sklepy internetowe