Omnikit
ProgramowaniePlikiFinanseWszystkie narzędzia
Ctrl K
Narzędzia dla programistówNarzędzia do plikówKalkulatory finansoweWszystkie narzędzia
Strona głównaNarzędzia dla programistówGenerator meta tagów
EnglishالعربيةবাংলাDeutschEspañolFrançaisPolskiPortuguêsРусский

Generator meta tagów

programowanie

Tagi title, description, canonical, Open Graph i Twitter z podglądem na żywo

Działa w przeglądarce. Wpisane dane nie są nigdzie wysyłane.

Meta tagi decydują o tym, jak strona wygląda w wynikach wyszukiwania i po udostępnieniu. Tytuł i opis można pisać z licznikiem limitów 60 i 155 znaków, a potem skopiować tagi canonical, Open Graph i Twitter do elementu head.

Ta strona została przetłumaczona maszynowo z angielskiego oryginału. Tłumaczenie nie zostało jeszcze sprawdzone przez człowieka, dlatego wiążąca jest wersja angielska. Przeczytaj angielski oryginał

Dalej:
  • Open Graph Checker Check the live Open Graph and Twitter card tags of any URL and see what is missing

Jak napisać meta tagi dla strony internetowej

1

Wpisz Tytuł strony i Meta opis, obserwując licznik znaków pod każdym polem.

2

Uzupełnij Adres kanoniczny i Obraz do udostępniania (og:image) jako pełne adresy https://.

3

Wybierz Typ karty X i Typ treści (og:type) oraz ustaw przełączniki Zezwól na indeksowanie i Podążaj za linkami.

4

Sprawdź Wynik Google i Kartę udostępnionego linku w panelu Podgląd.

5

Kliknij Kopiuj i wklej tagi w sekcji head strony.

O generatorze meta tagów

Ten generator meta tagów tworzy blok HTML umieszczany w head strony: tagi title, description, canonical, robots, Open Graph i Twitter card. Wystarczy wypełnić proste pola, a gotowy kod pojawia się obok podglądu wyniku Google i karty, jaką narysowałaby z niego każda sieć.

Narzędzie przydaje się zwykle w dwóch sytuacjach. Pierwsza to nowa strona na ręcznie budowanej witrynie lub w generatorze stron statycznych, gdzie head trzeba napisać raz i poprawnie. Druga to strona, która źle wygląda po udostępnieniu: link pojawia się w WhatsApp jako goły adres URL albo Google pokazuje zdanie, którego nikt nie napisał. Podgląd zwykle w kilka sekund ujawnia przyczynę, najczęściej względną ścieżkę og:image lub brak canonical.

Sprawdzane jest to, co ważne, a nie długa lista punktów. Narzędzie liczy znaki względem długości faktycznie wyświetlanych w wynikach wyszukiwania i na kartach, wymaga, aby canonical i og:image były adresami bezwzględnymi, i ostrzega, gdy summary_large_image nie ma obrazu do pokazania. Wszystko działa w przeglądarce, więc tytuł nieopublikowanej strony nigdy nie opuszcza komputera.

Blok można skopiować jednym kliknięciem lub pobrać jako fragment .html. Aby sprawdzić, co publikuje istniejąca strona, lepiej użyć narzędzia Open Graph Preview, a po uruchomieniu strony narzędzia Sitemap Generator.

Najczęściej zadawane pytania

Jak długie powinny być meta title i description?

Warto celować w około 60 znaków tytułu i od 140 do 155 znaków opisu. Google mierzy piksele, nie znaki, więc te liczby są orientacyjne. Najważniejsze słowa należy umieścić na początku; to, co wykracza poza ucięcie, robot nadal czyta, ale czytelnik nigdy tego nie zobaczy.

Czy meta keywords mają jeszcze znaczenie?

Nie. Google przestało używać meta tagu keywords w 2009 roku, a Bing traktuje go jako sygnał spamu. Ten generator go nie tworzy. Słowa kluczowe należy umieszczać w tytule, opisie i tekście strony, gdzie są faktycznie czytane.

Do czego służy tag canonical?

Tag canonical wskazuje wyszukiwarkom, który adres jest właściwy, gdy ta sama strona jest dostępna pod kilkoma adresami URL, np. z parametrami śledzenia albo z ukośnikiem na końcu i bez. Wartość musi być bezwzględnym adresem URL zaczynającym się od https://, inaczej jest ignorowana.

Dlaczego udostępniony link nie ma obrazu?

Prawie zawsze z powodu brakującego lub względnego og:image. Sieci pobierają obraz z własnych serwerów, więc adres musi być bezwzględny i publicznie dostępny. Facebook i LinkedIn przechowują też stare karty w pamięci podręcznej, dlatego po poprawieniu tagu trzeba je odświeżyć w ich debugerze.

Czy potrzebne są zarówno Open Graph, jak i Twitter card?

X korzysta z tagów og:, gdy brakuje tagów twitter:, więc sam blok og wystarczy. Tag twitter:card warto dodać dla szerokiego obrazu, a twitter:site lub twitter:creator, aby konto było podpisane na karcie.

Czy dane strony są gdzieś wysyłane?

Nie. Tagi są tworzone w przeglądarce za pomocą JavaScriptu. Nic nie trafia na serwer, więc można przygotować head nieopublikowanej strony lub wewnętrznej witryny bez opuszczania urządzenia.

Nadal coś nie działa? Zapytaj o narzędzie Generator meta tagów a odpowiedzieć może każdy, kto zna odpowiedź. Konto nie jest potrzebne.

Powiązane narzędzia

Wszystkie narzędzia dla programistów
Generator licencjiUtwórz plik LICENSE: MIT, Apache 2.0, GPL 3.0 i 20 innych, z imieniem i nazwiskiem oraz rokiemGenerator danych testowychWiersze realistycznych danych testowych w JSON, CSV, SQL lub XML, zawsze takie same dla jednego ziarnaGenerator UUIDLosowe UUID v4 i uporządkowane czasowo v7, do 1000 naraz, z walidatoremGenerator skrótów (hash)MD5, SHA-1, SHA-256, SHA-384 i SHA-512 z tekstu lub plików, z porównaniem sumy kontrolnejGenerator wyrażeń cronHarmonogram cron z menu, opis prostym językiem i najbliższe uruchomieniaGenerator slugówCzyste slugi URL z tytułów, także z akcentami i w hindi, pojedynczo lub setki narazGenerator robots.txtTworzenie pliku robots.txt z szablonów i sprawdzanie, co naprawdę robi każdy wierszGlassmorphism CSS GeneratorFrosted glass CSS with backdrop-filter, the Safari prefix, a fallback and a contrast check
Czy to narzędzie było pomocne?
Omnikit

Małe zadania wykonywane w przeglądarce. Bezpłatnie, szybko i prywatnie. Pliki nigdy nie są przesyłane.

Pliki

  • Compress Image
  • Image to PDF
  • Merge PDF
  • Compress PDF
  • PDF to Word
  • Word to PDF

Programowanie

  • JSON Formatter & Validator
  • Base64 Encode & Decode
  • JWT Decoder, Verifier & Encoder
  • Password Generator
  • UUID Generator
  • Unix Timestamp Converter

Finanse

  • SIP Calculator
  • EMI Calculator
  • GST Calculator
  • FD Calculator
  • PPF Calculator
  • Lumpsum Calculator
EnglishالعربيةবাংলাDeutschEspañolFrançaisPolskiPortuguêsРусский
PoradnikiPytaniaO serwisieJak sprawdzamyBiblioteka prawa (beta)PrywatnośćRegulaminUjawnieniaKontaktMore: Exam practice (UGC NET Paper 1)Działa w przeglądarce. Nic nie jest przesyłane. © 2026 Omnikit (theomnikit.com)