Pamiętaj: Wyniki kalkulatorów mają charakter poglądowy. Dokładamy wszelich starań, by były poprawne, ale zawsze weryfikuj je z fachowcem.

Przejdź do treści

Generator Open Graph i Twitter Cards – gotowe meta tagi

Wpisz tytuł, opis, adres strony i obrazka, a generator zbuduje komplet tagów og:title, og:description, og:image oraz Twitter Cards. Dostaniesz też liczniki znaków, podpowiedzi i gotowy blok do wklejenia w <head>.

Dane do Open Graph / Twitter

Najczęściej 35–70 znaków. Licznik poniżej.
Tytuł: 0 znaków
Np. nazwa domeny lub marki.
Najczęściej 90–200 znaków. 0 znaków
Z pełnym https://
Najlepiej jpg/png/webp, publicznie dostępny.
Np. pl_PL, en_US.
Dla og:image:alt i twitter:image:alt.
px
px

Opcje generowania

Np. @TwojProfil
Aby wygenerować tagi, wystarczy uzupełnić tytuł, opis i adres obrazka – wynik jest gotowy do skopiowania.
Jeśli przygotowujesz wiele wariantów, możesz je podsumować w kalkulatorze statystyk zbioru, a listy URL-i uporządkować przez usuwanie duplikatów.

Gotowe tagi do wklejenia

Obraz: — Linie: —
—

Po co w ogóle Open Graph i Twitter Cards

W generatorze Open Graph i Twitter Cards przygotowujesz metadane, które decydują o tym, jak link wygląda po wklejeniu na Facebooku, Discordzie czy w komunikatorach. Zamiast przypadkowego tytułu i obrazka z treści strony, możesz wymusić konkretny og:title, og:description i og:image. Jeśli tworzysz serię wariantów opisów, wygodnie porównasz je w kalkulatorze statystyk, a przy większej liczbie wpisów pomoże Ci też narzędzie do czyszczenia list.

Wzór i logika obliczeń

Generator buduje zestaw tagów na podstawie pól, które wpisujesz. Najważniejsze to: og:title, og:description, og:image i og:url. Dla Twittera najczęściej używa się twitter:card (zwykle summary_large_image) oraz odpowiedników tytułu, opisu i obrazka. W razie potrzeby możesz też dorzucić canonical i podstawowe <title> / meta name="description".

Aby wygenerować tagi, wystarczy wkleić dane – wynik od razu nadaje się do wklejenia do sekcji <head>. Jeśli równolegle ogarniasz plan pracy, zobacz kalkulator planu praktyki.

Przykład obliczeń

Wpisz tytuł strony, uzupełnij opis, wklej URL strony i URL obrazka 1200×630. Zostaw twitter:card jako summary_large_image. Skopiuj blok i wklej do <head>. Jeśli podgląd nie zmienia się od razu, to zwykle cache – sprawdź, czy obrazek ma nowy URL. Do szybkiej analizy kilku wariantów możesz wykorzystać kalkulator poduszki finansowej jako analogię porównywania scenariuszy.

Gdy masz listę wielu podstron, łatwiej utrzymać porządek przez czyszczenie list.

Zadanie przykładowe i rozwiązanie

Zadanie: Masz wpis i chcesz, żeby po wklejeniu linku w social media zawsze pokazywał się konkretny tytuł i miniaturka 1200×630.

Rozwiązanie: W generatorze wpisz tytuł, opis, URL strony i URL obrazka. Zaznacz Open Graph i (opcjonalnie) wymiary obrazka. Skopiuj tagi i wklej do <head>. Jeśli podgląd nie zmienia się od razu, zmień nazwę pliku obrazka lub odśwież cache w narzędziu platformy.

Tabela: najczęstsze tagi i ich rola

Tag Po co jest Wskazówka
og:titleTytuł podglądu linkuKrótko i konkretnie
og:descriptionOpis pod tytułemZwięźle, bez przesady
og:imageMiniaturka/obrazekNajczęściej 1200×630
og:urlAdres do podgląduPełny https://
twitter:cardTyp podglądu na Xsummary_large_image to standard

Ciekawostka

Jeśli po zmianie og:image nadal widzisz starą miniaturkę, to zwykle cache platformy. Często pomaga nowy URL (np. inna nazwa pliku) albo odświeżenie w debugerze.

Najczęstsze błędy i jak zwiększyć dokładność wyniku

  • Brak https:// w URL – część serwisów ignoruje względne adresy.
  • Obrazek niedostępny publicznie – jeśli serwer blokuje hotlink, podgląd nie zadziała.
  • Zbyt długi opis – platformy ucinają tekst, więc lepiej pisać zwięźle.
  • Cache – po zmianach odśwież podgląd lub zmień URL obrazka.
  • Znaki specjalne – cudzysłowy i & potrafią zepsuć HTML, dlatego generator je zamienia.

Szybki workflow do publikacji

Najpierw tytuł i obrazek

Ustal tytuł i obrazek, dopiero potem dopracuj opis. Łatwiej zachować spójność. Jeżeli robisz wiele wersji, porównuj je w statystykach zbioru.

Testuj na nowym URL

Podglądy często łapią cache. Testuj zmiany na nowym URL (np. nowa nazwa obrazka) i dopiero wtedy publikuj final. Do ogarnięcia list testowych URL-i przyda się czyszczenie list.

FAQ – Open Graph i Twitter Cards: meta tagi do podglądu linku

Najczęściej wystarczą og:title, og:description, og:image oraz og:url. Dobrą praktyką jest też og:type i og:site_name.

Nie zawsze, ale warto. Większość platform korzysta z Open Graph, a Twitter/X preferuje własne tagi. Generator pozwala włączyć lub wyłączyć Twitter Cards.

Najczęściej sprawdza się 1200×630 px (proporcje 1.91:1) jako JPG/PNG/WebP. Ważne, aby obrazek był publicznie dostępny i miał poprawny URL z https://.

To zwykle cache platformy. Pomaga odświeżenie w narzędziu debugującym, a w praktyce często najpewniejsza jest zmiana URL obrazka (np. nowa nazwa pliku).

Zwykle nie są konieczne, ale pomagają platformom szybciej zrozumieć obrazek i czasem stabilizują podgląd. Generator może je dodać, jeśli chcesz.

Canonical wskazuje główny adres strony, gdy treść może być dostępna pod kilkoma URL (np. parametry, wersje). Generator może dodać link rel="canonical" jako opcję.

Warto escapować znaki specjalne (np. cudzysłowy). Generator robi to automatycznie, żeby gotowe tagi były bezpieczne do wklejenia.

Nie. Meta description służy głównie jako opis strony, a og:description dla podglądów w social media. W praktyce często są podobne, ale mogą się różnić.

Najczęściej używane razem

Kalkulator kodu morse`aPopularne
Zamień tekst na kod Morse’a i odwrotnie.
Szybka konwersja tekstuPopularne
Szybkie operacje na tekście – bez kombinowania.
Generator meta title i meta description
Wygeneruj w kilka sekund.
Generator bio profilu FB/IG/LinkedIn
Wygeneruj w kilka sekund.

Ostatnia aktualizacja kalkulatora: 2026-04