Encoders & Utilities

Generator meta tagów

Generuj meta tagi Open Graph, Twitter Card i SEO z podglądem Google, Facebooka, Twittera i LinkedIn na żywo.

Page basics Page title Aim for 50–60 characters. Browser tab + Google SERP. / 60 Meta description Aim for 120–160 characters. Drives SERP click-through. / 160 Canonical URL

Open Graph / Facebook OG image URL Recommended 1200×630px. Used by FB / LinkedIn / Twitter (large card).

og:type og:locale

Site name Author

Twitter / X

twitter:card Twitter @site (optional)

Copy-paste into your <head>

Live preview

Google SERP

Facebook / LinkedIn

Twitter / X

O tym narzędziu

Meta Tag Generator buduje metadane na poziomie head, które wyszukiwarki i sieci społecznościowe czytają z Twojej strony. Wypełnij tytuł strony, opis, URL kanoniczny, język, dyrektywy robots, pola Open Graph (obraz, type, locale, nazwa witryny) i wariant Twitter Card — narzędzie emituje gotowy do wklejenia blok tagów HTML <meta> z poprawnie zescapowaną zawartością. Live preview pokazuje, jak wynik wygląda w podglądach Google, Facebook, Twitter/X i LinkedIn, byś mógł dostroić copy przed wdrożeniem.

Narzędzie podąża za obecnymi specyfikacjami: protokół Open Graph (de-facto standard dla podglądów Facebook/LinkedIn/iMessage), Twitter Cards (summary, summary_large_image, player, app), markery oEmbed dla osadzalnej treści i core tagi SEO (title, description, canonical, robots). Dla wielojęzycznych stron generuje też tagi alternate-URL hreflang z prostej tabeli język → URL.

Kiedy używać tego narzędzia

Sprawdzenie SEO przed launchem. Zweryfikuj, że każda strona ma unikalny tytuł i opis w swoich budżetach długości (≈ 60 / 155 znaków odpowiednio).
Tuning social preview. Ta sama strona może mieć różne copy OG vs Twitter, jeśli chcesz optymalizować na platformę.
Rozmiar obrazu Open Graph. Previewer flaguje obrazy, które wypadają poza zalecany aspekt 1200×630.
Wielojęzyczne strony. Wygeneruj zestaw hreflang dla każdej językowej wersji strony za jednym razem.

O budżetach długości

Google ucina tytuły wokół 60 znaków i opisy wokół 155 — to wytyczne oparte na obserwacji, nie kontrakty. Mobile ucina szybciej niż desktop. Tytuły Open Graph renderują się do ~88 znaków w większości aplikacji; opisy do ~200. Previewer ostrzega, gdy przekroczysz każdy limit, byś nie dostał nieszczęśliwego "..." na produkcji. Testuj na prawdziwych platformach (Facebook Sharing Debugger, Twitter Card Validator) przed wdrożeniem.

Najczęstsze pytania

Czy potrzebuję tagów zarówno Open Graph, jak i Twitter Card?

Zwykle tak. Twitter spada na Open Graph, jeśli tagów Twitter Card brakuje, ale wynik jest często suboptymalny — błędne kadrowanie obrazu, brak linku "Read more". Zdefiniowanie obu zajmuje 30 sekund i produkuje spójne podglądy na każdej głównej platformie społecznościowej. LinkedIn, iMessage, Discord, Slack, Telegram wszystkie używają Open Graph; tylko Twitter/X używa Twitter Cards.

Jakiego rozmiaru powinien być mój obraz Open Graph?

1200×630 pikseli to uniwersalnie zalecany rozmiar — działa dla Facebook, LinkedIn, Twitter (z summary_large_image) i Discord. Minimum to 600×315; poniżej obraz jest pokazany jako mała miniatura lub wcale. Trzymaj krytyczną treść w centralnej bezpiecznej strefie 1200×600 — Facebook ucina górne i dolne krawędzie w niektórych kontekstach.

Czy URL kanoniczny jest naprawdę ważny?

Tak, szczególnie dla każdej strony osiągalnej przez wiele URL-i (parametry UTM, ścieżki A/B, warianty językowe, http vs https, www vs apex). Bez kanonicznego wyszukiwarki same wybierają kanoniczny — czasem zły — i dzielą Twoje sygnały rankingowe między duplikaty. Poprawny tag <link rel="canonical"> kieruje wszystkie sygnały na jeden URL.

Jak działają tagi hreflang?

Każda przetłumaczona strona listuje każdą inną wersję językową tagiem <link rel="alternate" hreflang="...">, plus x-default dla fallbacku. Kody to język ISO 639-1 (en, de, uk), opcjonalnie z regionem ISO 3166-1 (en-US, en-GB). Wszystkie strony w rodzinie języka muszą odwoływać się do siebie wzajemnie — Google ignoruje jednostronny hreflang.