Тэлеграм, WhatsApp  +380637610482
Валерый Данюк
Валерый ДанюкраспрацоўшчыкРаспрацоўка ІІ-інструментаў для бізнесу. Якасна. Нядорага.Напісаць у Telegram

Генератар мета-тэгаў онлайн: як напісаць title, description і Open Graph і ўставіць код

Генератар мета-тэгаў онлайн: title, description і Open Graph з прэв'ю і гатовым HTML-кодам

Што вы атрымаеце

  • Гатовы HTML-блок з title, description, canonical, robots, Open Graph і Twitter Card - бясплатна
  • Формулы title і description для галоўнай, катэгорыі, тавара і артыкулы
  • Разуменне, куды ўставіць код у WordPress, канструктару ці самапісным сайце
Ужыць: за 15 хвілінЭканоміць: час на ручное напісанне і адладку кода ў head

Кароткі адказ: каб стварыць мета-тэгі онлайн, адкрыйце бясплатны Генератар мета-тэгаў PromoPilot, запоўніце title, description, canonical, robots і палі Open Graph і Twitter Card - справа адразу з'явіцца прэв'ю ў Google і Facebook, а ніжэй гатовы HTML-код. Яго застаецца скапіяваць у адзін клік і ўставіць у <head> старонкі. Можна пачаць з нуля ці загрузіць бягучыя тэгі існуючай старонкі па спасылцы і адрэдагаваць іх. Ніжэй - як запоўніць кожнае поле і не дапусціць тыповых памылак.

Я 12 гадоў раблю сайты, і мета-тэгі - першае, што «злятае» пры пераробцы шаблону. Генератар выбаўляе, калі трэба хутка сабраць правільны блок для лендынгу ці галоўнай, не ўспамінаючы сінтаксіс og: і twitter:.

Што стварае генератар мета-тэгаў?

Генератар - гэта форма з падказкамі, якая ператварае вашыя тэксты ў карэктны код. Вось якія палі ён запаўняе і навошта яны патрэбныя.

Поле Што ўводзіце Навошта гэта сайту
Title Загаловак старонкі, рэкамендуецца 30-60 сімвалаў Сіняя спасылка ў выдачы Google і ўкладка браўзэра
Meta description Апісанне, рэкамендуецца 120-160 сімвалаў Кандыдат у тэкст сніпета пад загалоўкам
Canonical URL Асноўны адрас старонкі Склейвае дублі з параметрамі і UTM-пазнакамі
Robots index/noindex, follow/nofollow Дазваляе ці забараняе індэксацыю старонкі
Open Graph og:title, og:description, og:image (1200×630), og:type, og:locale папярэдні прагляд спасылкі ў Facebook, LinkedIn, месэнджарах
Twitter Card twitter:card (summary_large_image або summary), загаловак, апісанне Картка спасылкі ў X (Twitter)

Пад палямі – лічыльнікі сімвалаў з рэкамендуемымі дыяпазонамі, справа – жывое прэв'ю сниппета Google і публікацыі ў Facebook, унізе – згенераваны HTML.

Як стварыць мета-тэгі анлайн?

Мета-тэгі за 4 крокі: загрузіць бягучыя тэгі, запоўніць title і description, дадаць canonical і Open Graph, скапіяваць HTML у head

  1. Адкрыйце Генератар мета-тэгаў. Калі старонка ўжо існуе, устаўце яе адрас у верхняе поле і націсніце "Загрузіць" - бягучыя тэгі падставяцца ў форму.
  2. Напішыце title і description, сочачы за лічыльнікамі. Чырвоная паласа - тэкст карацей або даўжэй нормы.
  3. Пазначце canonical - поўны адрас старонкі з https://, без параметраў.
  4. Абярыце robots. Для звычайнай старонкі - index, follow. noindex - толькі для службовых старонак: кошыка, асабістага кабінета, вынікаў пошуку па сайце.
  5. Запоўніце Open Graph і Twitter Card: карцінку 1200×630, тып ( website для галоўнай, article для артыкула, product для тавара) і лакаль, напрыклад ru_RU ці en_US.
  6. Зверце прэв'ю і скапіруйце HTML-код кнопкай капіявання.

На выхадзе атрымліваецца прыкладна такі блок - яго і ўстаўляюць у <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">

Звярніце ўвагу: og:title не абавязаны даслоўна паўтараць title. У сацсетках брэнд і «купіць» гучаць дакучліва, таму там дарэчны больш жывы загаловак, а ў title - фармулёўка пад пошукавы запыт.

Так выглядае працоўнае месца: радок загрузкі тэгаў па спасылцы, форма злева і прэв'ю Google і Facebook справа.

Старонка бясплатнай прылады «Генератар мета-тэгаў» PromoPilot: загрузка тэгаў па URL, палі title і description, папярэдні прагляд Google і Facebook

Як напісаць title і description, па якіх клікаюць?

Генератар сочыць за даўжынёй, але не за сэнсам. Вось формулы, якія я выкарыстоўваю для розных тыпаў старонак:

  • Галоўная: Что продаёте + для кого / где | Бренд - напрыклад, Мебель из массива дуба на заказ | Woodline.
  • Катэгорыя: Категория + выбор/цена/доставка | Бренд — Кожаные рюкзаки: 120 моделей, доставка за 2 дня | Nord.
  • Тавар: Название + ключевое свойство + действие - Рюкзак Nord 20 л из кожи — купить с гарантией 2 года.
  • Артыкул: Вопрос или польза + уточнение - Как выбрать матрас для спины: 7 критериев и ошибки.

Description пішыце як кароткае абяцанне: што чалавек атрымае на старонцы і чаму варта клікнуць. Дрэнна: «Сардэчна запрашаем на наш сайт! Мы прапануем шырокі асартымент...». Добра: «120 скураных рукзакоў у наяўнасці, дастаўка па Еўропе за 2-4 дні, бясплатнае вяртанне 30 дзён. Падбярыце мадэль па аб'ёме і колеры».

Тыповыя памылкі ў кодзе, якія генератар дапамагае пазбегнуць:

  1. Два title на старонцы - адзін з шаблону, другі з плагіна. Пасля ўстаўкі кода праверце, што стары тэг выдалены.
  2. Адносны адрас у og:image ( /img/cover.jpg) - сацсеткі чакаюць поўны адрас з https://.
  3. Canonical на галоўную ва ўсіх старонак - частая памылка шаблонаў, якая выкідае старонкі з азначніка.
  4. noindex, забыты пасля распрацоўкі - сайт запушчаны, але пошукавік яго не бачыць.

Куды ўставіць згенераваны код?

Код устаўляецца ў <head> - але спосаб залежыць ад рухавічка. На самапісным сайце - прама ў HTML-шаблон старонкі. У WordPress зручней не ўстаўляць код рукамі, а перанесці тэксты з генератара ў палі SEO-плагіна (Yoast SEO або Rank Math): убудова сама выведзе тэгі і не створыць дубляў. У канструктарах сайтаў шукайце раздзел "SEO" у наладах старонкі.

Пасля публікацыі праверце вынік: артыкул нашай серыі пра аналіз мета-тэгаў раскажа, як пераканацца, што тэгі на жывой старонцы супадаюць з задуманымі, а пра SERP-прэв'ю - як убачыць сниппет у выдачы на тэлефоне.

Параўнанне: генератар мета-тэгаў і альтэрнатывы

Інструмент Што бясплатна Абмежаванні Каму падыходзіць
PromoPilot - Генератар мета-тэгаў Title, description, canonical, robots, OG і Twitter Card, папярэдні прагляд Google і Facebook, гатовы HTML Адна старонка за раз, тэксты пішаце самі Лэндынг, галоўная, самапісны сайт, праверка ідэй
Yoast SEO / Rank Math Палі title, description і OG прама ў рэдактары WordPress Толькі WordPress, патрэбна ўстаноўка плагіна Уладальнікам сайтаў на WordPress
Настройкі SEO у канструктары Палі title і description для старонкі Набор палёў абмежаваны магчымасцямі платформы Сайтам на канструктарах
Ручное напісанне кода Поўны кантроль Лёгка памыліцца ў сінтаксісе і дублях Распрацоўнікам

Выснова: калі сайт на WordPress - запаўняйце палі ў SEO-плагіне, а генератар выкарыстоўвайце як чарнавік з прэв'ю. Для самапіснага сайта або асобнага лендынгу генератар дае гатовы код хутчэй за ўсё.

Акрамя генератара ў PromoPilot ёсць яшчэ 87 бясплатных SEO-інструментаў – ад адладчыка Open Graph да генератара разметкі Schema.

Якія абмежаванні ў генератара мета-тэгаў?

Генератар не ведае, па якіх запытах вас шукаюць, - ключавыя словы ў title падбіраеце вы. Ён не правярае ўнікальнасць: калі вы ўставіце адзін і той жа description на 50 старонак, прылада гэтага не заўважыць. І ён працуе з адной старонкай: для крамы на сотні картак тэгі збіраюць шаблонам у кодзе сайта, а не ўручную.

Калі бясплатнай прылады мала?

Генератар мета-тэгаў або шаблоны тэгаў пад ключ: адна старонка ўручную супраць правіл для ўсяго сайта

Генератар ідэальны для пяці старонак. Для пяцісот патрэбен іншы падыход. Спецыяліст патрэбен, калі:

  • у вас каталог, і кожнаму новаму тавару тэгі павінны прысвойвацца аўтаматычна;
  • сайт шматмоўны, і тэгі патрэбныя на кожнай мове з правільнай лакаллю;
  • вы не ведаеце, якія запыты прыводзяць пакупнікоў, і title пішуцца "на вока";
  • пасля змены CMS тэгі згубіліся ці задваіліся.

Што я магу зрабіць для вашага сайта?

Я Валерый Данюк, распрацоўшчык і SEO-спецыяліст: 12 гадоў і 200+ кліентаў. Мета-тэгі я закладваю ў шаблоны з першага дня, каб уладальніку не прыходзілася думаць пра іх пры кожнай публікацыі.

SEO і прасоўванне

Сайты і інтэрнэт-крамы

CRM і аўтаматызацыя

Дашліце адрас сайта ў Telegram - падкажу формулу title для вашых ключавых старонак.

Вынік

  1. Генератар мета-тэгаў онлайн збірае гатовы блок head: title, description, canonical, robots, Open Graph і Twitter Card з папярэдні прагляд.
  2. Трымайце title у 30-60 сімвалаў, description - у 120-160; галоўнае слова і выгаду стаўце ў пачатак.
  3. Пасля ўстаўкі кода праверце, што тэгі не задваіліся, а og:image указаны поўным адрасам.
  4. Для каталога і шматмоўнага сайта тэгі збіраюць шаблонам - ці бяруць платформу, дзе гэта ўжо зроблена, напрыклад 1001site.

Збярыце тэгі для сваёй галоўнай у бясплатным генератары мета-тэгаў - гэта зойме менш часу, чым чытанне гэтага артыкула.

Крыніцы

  • Старонка інструмента «Генератар мета-тэгаў» PromoPilot – палі, рэкамендуемыя дыяпазоны і FAQ.
  • Пратакол Open Graph (ogp.me) - апісанне тэгаў og:title, og:image, og:type, og:locale.
  • Дакументацыя плагінаў Yoast SEO і Rank Math для WordPress.

Спасылкі і крыніцы

Пытанні і адказы

Якая даўжыня Title і Description аптымальная?

Арыентыр генератара: title - 30-60 сімвалаў, description - 120-160 сімвалаў. Лічыльнікі пад палямі падсвятляюць, калі тэкст выходзіць за дыяпазон. Галоўнае слова і выгаду стаўце ў пачатак: канец доўгага тэксту Google абрэжа.

Навошта патрэбны тэгі Open Graph?

Open Graph кіруе прэв'ю спасылкі ў Facebook, LinkedIn, Telegram, WhatsApp і іншых прыкладаннях: загалоўкам, апісаннем і карцінкай. Без іх мэсанджар возьме выпадковы тэкст і карцінку са старонкі, а то і пакажа голую спасылку.

Куды ўстаўляць згенераваны код?

У блок head старонкі, да які зачыняе тэга. У WordPress зручней запоўніць тыя ж палі ў SEO-плагіне (Yoast або Rank Math), у канструктарах - у наладах SEO старонкі. Праверце, каб тэгі не дубляваліся: два title на старонцы - памылка.

Чым генератар адрозніваецца ад аналізу мета-тэгаў?

Генератар дапамагае напісаць тэгі і выдае гатовы код. Аналіз мета-тэгаў правярае тое, што ўжо стаіць на жывой старонцы, і знаходзіць памылкі. Зручны звязак: праверыць старонку, перапісаць праблемныя тэгі ў генератары, уставіць і праверыць зноў.

Праверылі сайт - а выправіць няма каму?

Бясплатны інструмент паказвае праблемы. Я разбяру справаздачу, расстаўлю прыярытэты і выпраўлю: SEO-аўдыт, паскарэнне, разметка, перанос на новы сайт без страты пазіцый.