Generator meta tagów online: jak napisać tytuł, opis i Open Graph oraz wstawić kod

Krótka odpowiedź: aby utworzyć meta tagi online, otwórz darmowy generator meta tagów PromoPilot i wypełnij pola tytułu, opisu, strony kanonicznej, robotów, Open Graph i Twitter Card. Podgląd treści Google i Facebook pojawi się po prawej stronie, wraz z gotowym kodem HTML poniżej. Wystarczy go skopiować jednym kliknięciem i wkleić w <head> strony. Możesz zacząć od zera lub pobrać aktualne tagi z istniejącej strony za pomocą linku i je edytować. Poniżej znajdziesz instrukcję, jak wypełnić każde pole i uniknąć typowych błędów.

Tworzę strony internetowe od 12 lat, a meta tagi to pierwsza rzecz, którą gubię podczas przerabiania szablonu. Generator to wybawienie, gdy muszę szybko stworzyć odpowiedni blok dla landing page'a lub strony głównej, bez konieczności pamiętania składni og: i twitter::.

Co tworzy generator meta tagów?

Generator to formularz ze wskazówkami, który zamienia tekst na poprawny kod. Oto pola, które wypełnia, i ich działanie.

Poniżej pól znajdują się liczniki znaków z zalecanymi zakresami, po prawej stronie znajduje się podgląd na żywo fragmentu kodu Google i wpisu Facebook, a na dole wygenerowany kod HTML.

Jak tworzyć meta tagi online?

1. Otwórz Generator meta tagów. Jeśli strona już istnieje, wklej jej adres w górnym polu i kliknij „Prześlij” – aktualne tagi zostaną wstawione do formularza.
2. Napisz tytuł i opis, obserwując liczniki. Czerwony pasek oznacza, że tekst jest krótszy lub dłuższy niż zwykle.
3. Określ kanoniczny - pełny adres strony z https://, bez parametrów.
4. Wybierz roboty. Aby wyświetlić stronę standardową, index, follow. noindex dotyczy tylko stron usługowych: koszyka, konta osobistego i wyników wyszukiwania w witrynie.
5. Wypełnij Open Graph i Twitter Card: obraz o wymiarach 1200×630, typ ( website dla strony głównej, article dla artykułu, product dla produktu) i ustawienia regionalne, na przykład ru_RU lub en_US.
6. Sprawdź podgląd i skopiuj kod HTML za pomocą przycisku kopiowania.

Wynik będzie wyglądał mniej więcej <head>:

<title>Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord</title> <meta name="description" content="120 кожаных рюкзаков в наличии, доставка по Европе за 2–4 дня, возврат 30 дней."> <link rel="canonical" href=" https://example.com/ryukzaki/"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Кожаные рюкзаки Nord — 120 моделей"> <meta property="og:image" content=" https://example.com/img/og-ryukzaki.jpg"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">

Uwaga: og:title nie musi być dosłowną kopią tytułu. W mediach społecznościowych słowa „marka” i „kup” brzmią nachalnie, dlatego odpowiedni jest bardziej trafny nagłówek, a tytuł powinien odzwierciedlać zapytanie wyszukiwania.

Tak wygląda przestrzeń robocza: wiersz do ładowania tagów za pośrednictwem linku, formularz po lewej stronie oraz podgląd Google i Facebook po prawej stronie.

Jak napisać klikalny tytuł i opis?

Generator śledzi długość, ale nie treść. Oto formuły, których używam dla różnych typów stron:

• Strona główna: Что продаёте + для кого / где | Бренд — na przykład, Мебель из массива дуба на заказ | Woodline.
• Kategoria: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
• Produkt: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
• Artykuł: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Opisz swój produkt w formie krótkiej obietnicy: co użytkownik otrzyma na stronie i dlaczego powinien kliknąć. Źle: „Witamy na naszej stronie! Oferujemy szeroki wybór…” Dobrze: „120 skórzanych plecaków w magazynie, dostawa w całej Europie w ciągu 2-4 dni, darmowe zwroty przez 30 dni. Wybierz model według rozmiaru i koloru”.

Typowe błędy kodu, których generator pomaga uniknąć:

1. Na stronie znajdują się dwa tagi title — jeden z szablonu, drugi z wtyczki. Po wklejeniu kodu sprawdź, czy stary tag został usunięty.
2. Adres względny w og:image ( /img/cover.jpg) — sieci społecznościowe oczekują pełnego adresu z https://.
3. Częstym błędem szablonu, który powoduje usunięcie stron z indeksu, jest umieszczenie tagu Canonical na stronie głównej wszystkich stron.
4. noindex, zapomniany po utworzeniu - strona zostaje uruchomiona, ale wyszukiwarka jej nie widzi.

Gdzie wkleić wygenerowany kod?

Kod jest wstawiany do <head>, ale metoda zależy od silnika. W przypadku niestandardowej witryny jest on wstawiany bezpośrednio do szablonu HTML strony. W WordPress łatwiej jest uniknąć ręcznego wklejania kodu i zamiast tego zaimportować tekst z generatora do pól wtyczki SEO (Yoast SEO lub Rank Math): wtyczka automatycznie wygeneruje tagi i zapobiegnie tworzeniu duplikatów. W kreatorach witryn poszukaj sekcji „SEO” w ustawieniach strony.

Po opublikowaniu sprawdź wyniki: w naszym artykule na temat analizy meta tagów dowiesz się, jak upewnić się, że tagi na stronie na żywo są zgodne z zamierzonymi, a w naszym artykule na temat podglądu SERP dowiesz się, jak zobaczyć fragment kodu w wynikach wyszukiwania na telefonie.

Porównanie: Generator meta tagów i alternatywy

Wniosek: jeśli Twoja witryna jest oparta na WordPress, wypełnij pola we wtyczce SEO i użyj generatora jako szkicu z podglądem. W przypadku niestandardowej witryny lub osobnego landing page'a, generator generuje gotowy kod najszybciej.

Oprócz generatora PromoPilot oferuje 87 dodatkowych bezpłatnych narzędzi SEO, od debugera Open Graph po generator znaczników schematu.

Jakie są ograniczenia generatora tagów meta?

Generator nie wie, jakich zapytań szukasz – to Ty wybierasz słowa kluczowe w tytule. Nie sprawdza unikalności: jeśli wstawisz ten sam opis na 50 stronach, narzędzie tego nie zauważy. Działa również na jednej stronie: w przypadku sklepu z setkami produktów tagi są kompilowane za pomocą szablonu w kodzie witryny, a nie ręcznie.

Kiedy darmowe narzędzie nie wystarcza?

Generator jest idealny dla pięciu stron. Dla pięciuset potrzebne jest inne podejście. Specjalista jest potrzebny, jeśli:

• Masz katalog, a tagi powinny być przypisywane automatycznie do każdego nowego produktu;
• witryna jest wielojęzyczna, a tagi są potrzebne w każdym języku z prawidłową lokalizacją;
• nie wiesz, jakie zapytania przyciągają kupujących, a tytuły piszesz „na oko”;
• Po zmianie CMS-a tagi zostały utracone lub zduplikowane.

Co mogę zrobić dla Twojej strony internetowej?

Nazywam się Walerij Danyuk, jestem programistą i specjalistą SEO z 12-letnim doświadczeniem i ponad 200 klientami. Od samego początku dodaję meta tagi do szablonów, dzięki czemu właściciele stron internetowych nie muszą się o nie martwić przy każdej publikacji.

SEO i promocja

• Kompleksowy audyt SEO witryny internetowej: zbieram słowa kluczowe, piszę szablony tagów dla wszystkich typów stron i wdrażam je do kodu.
• Autoblog z agentami AI to zespół redakcyjny, w którym tagi i podglądy dla każdego artykułu są generowane automatycznie.

Strony internetowe i sklepy internetowe

• Strona internetowa WordPress z asystentem AI za 299 €, obejmująca skonfigurowaną wtyczkę SEO i szablony tagów.
• W ciągu kilku minut utwórz witrynę internetową w stylu witryny innej osoby, która Ci się podoba — w 1001site podglądy i układ mediów społecznościowych są konfigurowane automatycznie.
• Katalog zawierający 300 pozycji w zaledwie kilka minut — opisy i tagi dla każdej pozycji za pośrednictwem MCP i Claude.
• Przenieś swój sklep z Instagram na swoją stronę internetową, aby Twoje produkty były widoczne w wynikach wyszukiwania, a nie tylko w Twoim kanale.

CRM i automatyzacja

• ERP + strona internetowa + bot Telegram oparty na sztucznej inteligencji do demontażu samochodów w 6 dni.

Wyślij mi adres swojej witryny za pośrednictwem Telegram, a ja zaproponuję formułę tytułów dla Twoich kluczowych stron.

Wynik

1. Generator meta tagów online tworzy gotowy blok nagłówka: tytuł, opis, tag kanoniczny, roboty, Open Graph i kartę Twittera z podglądem.
2. Tytuł powinien mieć od 30 do 60 znaków, opis od 120 do 160 znaków, a na początku umieść słowo kluczowe i korzyść.
3. Po wklejeniu kodu sprawdź, czy znaczniki nie są zduplikowane i czy og:image jest określony jako pełny adres.
4. W przypadku katalogu i witryny wielojęzycznej tagi zbiera się przy użyciu szablonu — lub platformy, na której zrobiono to już wcześniej, np. 1001site.

Zbierz tagi dla swojej strony głównej, korzystając z bezpłatnego generatora meta tagów. Zajmie Ci to mniej czasu niż przeczytanie tego artykułu.

Źródła

• Strona narzędzia do generowania meta tagów PromoPilot — pola, zalecane zakresy i FAQ.
• Open Graph Protocol (ogp.me) — opis tagów og:title, og:image, og:type, og:locale.
• Dokumentacja wtyczki Yoast SEO i Rank Math dla WordPress.