Generator metatagów

Wygeneruj metatagi SEO, Open Graph i Twitter Card dla swojej strony na podstawie tytułu, opisu, kanonicznego adresu URL, obrazu, nazwy witryny i typu karty.

Ł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.

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.

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ą.

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>

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ą.

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

Przeanalizuj dowolny tekst, aby policzyć częstotliwość słów i gęstość słów kluczowych jako frazy 1-, 2- lub 3-wyrazowe, z ostrzeżeniem o nadmiernej optymalizacji.

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.