Generator metatagów

Generuj metatagi SEO, Open Graph, article i Twitter Card z licznikami długości tytułu i opisu na żywo oraz opcjami robots, theme-color i autora.

Ładowanie narzędzia…

Generator metatagów — Uzupełnij tytuł strony, opis, kanoniczny adres URL, obraz i nazwę witryny, aby otrzymać gotowy do wklejenia blok metatagów SEO, Open Graph i Twitter Card do sekcji head w HTML. Podglądy na żywo SERP Google i karty społecznościowej pokazują, jak strona będzie wyglądać w wyszukiwarce i po udostępnieniu. Wszystko jest generowane w Twojej przeglądarce — nic z Twojej strony nie jest przesyłane. Liczniki na żywo porównują tytuł i opis z zalecanymi długościami, opcjonalne pola dodają tagi robots, viewport, charset, theme-color i autora oraz tagi Open Graph typowe dla artykułów, a narzędzie odczytuje adres URL obrazu, aby ostrzec przed brakującym lub nietypowo dużym obrazem podglądu.

Czym jest Generator metatagów?

Generator metatagów to darmowe narzędzie online, które zamienia kilka danych strony w kompletny zestaw metatagów HTML: standardowe tagi SEO (title, meta description, link kanoniczny), tagi Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) oraz tagi Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Marketerzy, blogerzy i programiści używają go przy publikacji strony lub artykułu, aby kontrolować, jak pojawia się ona w wynikach wyszukiwania Google i jak jej link rozwija się na Facebooku, LinkedIn, X/Twitter, Slacku i Discordzie. Wybierz og:type (website, article, product, profile lub video.other) oraz styl twitter:card (summary, summary_large_image, app lub player), a narzędzie wypisze tylko wiersze dla pól, które uzupełnisz. Generuje wyłącznie zwykłe tagi HTML — nie indeksuje Twojej witryny ani nie czyta strony za Ciebie. Liczniki na żywo ostrzegają, gdy tytuł (około 60 znaków) lub opis (około 160) staje się zbyt długi, a narzędzie ładuje adres URL obrazu, aby odczytać jego rzeczywisty rozmiar w pikselach i ostrzec przed brakującym lub zbyt dużym/małym obrazem. Opcjonalne pola dodają dyrektywę robots, tagi viewport i charset UTF-8, theme-color i autora, a także article:published_time, article:author i article:section, gdy og:type to article.

Jak używać Generator metatagów

  1. Wpisz tytuł strony — staje się on tagami <title>, og:title i twitter:title.
  2. Napisz meta opis (około 150–160 znaków) dla tagów description, og:description i twitter:description.
  3. Wprowadź kanoniczny adres URL strony oraz bezwzględny adres URL obrazu do podglądu linku.
  4. Dodaj nazwę witryny i wybierz og:type oraz twitter:card z list rozwijanych.
  5. Skopiuj wygenerowany blok HTML z pola wyjściowego i wklej go do sekcji <head> swojej strony.
  6. Skorzystaj z podglądów SERP Google i karty społecznościowej, aby sprawdzić wynik przed publikacją.
  7. Obserwuj liczniki długości tytułu i opisu na żywo i otwórz opcje ⚙, aby dodać tagi robots, viewport, charset, theme-color, autora lub artykułu.

Przykłady

Tagi artykułu na blogu

Wejście

Tytuł: How to Bake Sourdough
Opis: A beginner's guide to baking sourdough bread at home.
URL: https://blog.example.com/sourdough
og:type: article

Wyjście

<title>How to Bake Sourdough</title>
<meta name="description" content="A beginner's guide to baking sourdough bread at home." />
<link rel="canonical" href="https://blog.example.com/sourdough" />
<meta property="og:title" content="How to Bake Sourdough" />
<meta property="og:type" content="article" />
<meta name="twitter:card" content="summary_large_image" />

Karta społecznościowa z dużym obrazem

Wejście

Obraz: https://example.com/og.png
twitter:card: summary_large_image

Wyjście

<meta property="og:image" content="https://example.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://example.com/og.png" />

Znaki specjalne są kodowane

Wejście

Tytuł: Tips & Tricks for "Pros"

Wyjście

<title>Tips &amp; Tricks for &quot;Pros&quot;</title>

Artykuł z tagami robots i artykułu

Wejście

Tytuł: How to Bake Sourdough
og:type: article
Robots: index, follow
article:published_time: 2024-05-01T09:00
article:section: Food

Wyjście

<meta name="robots" content="index, follow" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-05-01T09:00" />
<meta property="article:section" content="Food" />

Najczęściej zadawane pytania

Jakie metatagi to generuje?
Tworzy standardowe tagi SEO (<title>, meta description i link kanoniczny), tagi Open Graph (og:title, og:description, og:type, og:url, og:image, og:site_name) oraz tagi Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image). Uwzględniane są tylko wiersze dla pól, które uzupełnisz, więc nigdy nie otrzymasz pustych tagów zastępczych.
Jaka jest różnica między og:type a twitter:card?
og:type informuje platformy, jakim rodzajem obiektu jest strona — website, article, product, profile lub video.other — co wpływa na sposób rozwijania linku. twitter:card wybiera układ na X/Twitter: summary to mała miniatura, summary_large_image wyświetla duży obraz banerowy, natomiast app i player są przeznaczone dla aplikacji i mediów. Wybierz parę pasującą do Twojej treści.
Czy adres URL obrazu musi być bezwzględny?
Tak. og:image i twitter:image muszą być pełnymi bezwzględnymi adresami URL zaczynającymi się od https://, ponieważ roboty pobierają je spoza Twojej witryny — ścieżka względna jak /og.png się nie wczyta. Dla najlepszych efektów użyj obrazu 1200×630 w dużych kartach.
Czy to narzędzie indeksuje lub czyta moją działającą stronę?
Nie. Jedynie formatuje wartości, które wpisujesz, w metatagi HTML. Nie pobiera, nie indeksuje ani nie analizuje żadnego adresu URL — kanoniczny adres URL i adres URL obrazu są wpisywane do tagów dosłownie, bez odwiedzania.
Czy moje dane są wysyłane na serwer?
Nie. Tagi są tworzone w całości w Twojej przeglądarce za pomocą JavaScript. Nic, co wpiszesz — w tym nieopublikowane tytuły, adresy URL czy opisy — nie jest przesyłane, przechowywane ani wysyłane gdziekolwiek, więc można bezpiecznie używać narzędzia na stronach prywatnych lub przed publikacją.
Jak długi powinien być tytuł i opis?
Celuj w około 60 znaków lub mniej dla tytułu i mniej więcej 120–160 dla opisu; wyszukiwarki obcinają dłuższy tekst. Narzędzie pokazuje dla każdego licznik na żywo, który przełącza się ze stanu zaliczonego na ostrzeżenie, gdy tylko przekroczysz zalecaną długość.
Jakie dodatkowe metatagi mogę dodać i jak działają ostrzeżenia o obrazie?
Otwórz opcje ⚙, aby dodać dyrektywę robots (ustawienia index/follow), tag viewport, tag charset UTF-8, theme-color i autora; gdy og:type to article, możesz też dodać article:published_time, article:author i article:section. Narzędzie ładuje również adres URL obrazu w przeglądarce, aby pokazać jego rzeczywisty rozmiar w pikselach i ostrzec, jeśli obraz jest niedostępny lub znacznie odbiega od zalecanego 1200×630.

Powiązane narzędzia

Generator tagów hreflang

Generuje tagi link hreflang dla strony wielojęzycznej na podstawie listy par lokalizacja-URL, z opcjonalnym x-default i tagiem autoreferencyjnym.

Generator JSON-LD

Generuj prawidłowe dane strukturalne JSON-LD dla schematów Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList i Organization z prostego formularza.

Narzędzie do sprawdzania gęstości słów kluczowych

Analizuj częstotliwość słów i gęstość słów kluczowych dla fraz 1-, 2- lub 3-wyrazowych, z filtrem słów stop i wyszukiwaniem docelowego słowa.

Podgląd Open Graph i karty społecznościowej

Zobacz podgląd tego, jak link rozwija się w kartę społecznościową na X, LinkedIn, Slacku, Discordzie i Facebooku na podstawie tytułu, opisu, adresu URL obrazu i adresu URL strony.