Кратко
бесплатный генератор метатегов пишет код для head, который нужен странице, чтобы хорошо выглядеть в Google и при репосте: тег title, метаописание, viewport, теги Open Graph, которые читают Facebook и LinkedIn, и теги Twitter Card, которые читает X. Введите заголовок и описание, следите за счётчиками символов и тремя превью в реальном времени, а затем вставьте HTML-блок в head вашей страницы.
Хотите узнать больше? Спросите
Генератор метатегов избавляет от необходимости вручную писать одни и те же дюжину строк для каждой страницы и от мелких опечаток, которые их ломают. Две из этих строк определяют ваш результат в Google. Google сообщает, что может использовать метаописание для сниппета, когда оно описывает страницу лучше, чем сам текст страницы (Google Search Central, метаописания). Остальные строки определяют, что люди увидят, когда вашу ссылку вставят в ленту, чат или письмо.
Что создаёт генератор метатегов?
Он возвращает один блок HTML, разделённый на три части: базовые теги, теги Open Graph и теги Twitter Card. Необязательные поля добавляют свой тег, только когда вы их заполняете, поэтому в коде никогда не бывает пустых значений.
| Тег | Что он делает | Основной читатель | Когда пишется |
|---|---|---|---|
| charset (UTF-8) | Объявляет кодировку символов | Браузеры | Всегда |
| viewport | Сообщает мобильным браузерам, как масштабировать страницу | Браузеры и Google | Всегда |
| title | Называет страницу в результатах и на вкладке браузера | Google, Bing, браузеры | Всегда |
| meta description | Кратко описывает страницу для сниппета в результатах | Google, Bing | Всегда |
| content-language | Объявляет язык страницы | Некоторые инструменты и браузеры | Когда вы выбираете язык |
| og:type, og:title, og:description | Формирует превью ссылки | Facebook, LinkedIn, мессенджеры | Всегда |
| og:url, og:image, og:site_name | Добавляет адрес, изображение и ваш бренд | Те же платформы | Когда заполнено |
| twitter:card, twitter:title, twitter:description, twitter:image | Формирует карточку с большим изображением | X | Всегда, изображение когда заполнено |
Тип карточки задан как summary_large_image: этот формат показывает широкое изображение над заголовком в X.
Как пользоваться генератором метатегов?
Заполните два поля, проверьте три превью и скопируйте код. Весь процесс занимает около минуты на страницу.
- Введите заголовок страницы. Счётчик становится зелёным между 50 и 60 символами; поле ограничено 70.
- Напишите метаописание. Счётчик становится зелёным между 150 и 160 символами, это максимум, который принимает поле.
- Откройте раздел «Изображение, название сайта и язык», чтобы добавить URL страницы, URL изображения для публикации, название вашего сайта и язык (английский, французский, испанский или немецкий).
- Нажмите «Создать метатеги» и посмотрите три превью: Google, Facebook и LinkedIn, а затем X.
- Скопируйте HTML и вставьте его в элемент head страницы или скопируйте каждое значение в SEO-поля вашей CMS.
Большинство CMS уже выводят строки charset и viewport. В этом случае оставьте только title, описание и социальные теги, чтобы на странице не было дублей.
Какой длины должны быть тег title и метаописание?
Ориентируйтесь на 50-60 символов для title и 150-160 символов для описания. Google не устанавливает жёсткого лимита: он заявляет, что длина элемента title не ограничена, но заголовок ссылки обрезается по необходимости, обычно под ширину устройства (Google Search Central, заголовки ссылок). То же он говорит и об описаниях. Приведённые ниже ориентиры сохраняют важные слова в видимой части на большинстве экранов.
| Элемент | Ориентир в инструменте | Предел поля | Превью Google в инструменте |
|---|---|---|---|
| Тег title | От 50 до 60 символов | 70 символов | Выше 60 символов показывает первые 57 и многоточие |
| Метаописание | От 150 до 160 символов | 160 символов | Показывается полностью до предела в 160 |
| og:title и twitter:title | Как у title | Копируется из title | Отображается в превью Facebook, LinkedIn и X |
Обрезка зависит от ширины в пикселях, а не от числа символов: заголовок, полный широких букв вроде M и W, обрезается раньше, чем заголовок, полный i и l. Относитесь к счётчикам как к ориентиру и помещайте ключевое слово и выгоду в первую половину каждой строки.
Какие метатеги Google действительно использует?
Меньше, чем содержит большинство шаблонов. Google документирует метатеги, которые поддерживает, и некоторые распространённые из них не влияют на Поиск (Google, метатеги, которые поддерживает Google).
- Title и описание: используются для заголовка ссылки и сниппета. Google использует элемент title более чем в 80% случаев и переписывает его, если он длинный, перегружен ключевыми словами или слишком общий (Блог Google Search Central, 2021).
- Viewport: поддерживается, и его наличие сообщает Google, что страница создана для мобильных устройств.
- Meta keywords: Google Поиск вообще не использует, поэтому генератор его не включает.
- Языковые теги: Google определяет язык по видимому содержимому и не использует информацию о языке на уровне кода, например атрибуты lang (Google, мультирегиональные и многоязычные сайты). Строка content-language помогает другим инструментам; для международных версий страницы используйте hreflang с помощью генератора hreflang.
Терминологию смотрите в наших статьях глоссария о метатегах, теге title и метаописании.
Зачем добавлять теги Open Graph и Twitter Card?
Потому что без них каждая платформа гадает. Ссылка, опубликованная в LinkedIn или мессенджере без тегов Open Graph, может показать не то изображение, подпись из меню вместо заголовка или вообще не показать превью. Протокол Open Graph называет четыре обязательных свойства для каждой страницы: og:title, og:type, og:image и og:url (Протокол Open Graph).
Генератор всегда пишет og:title и og:type. Он добавляет og:url и og:image, только когда вы заполняете необязательные поля, поэтому заполните оба, чтобы выполнить четыре обязательных свойства. Используйте абсолютный URL изображения, начинающийся с https, и горизонтальное изображение, которое хорошо читается и после обрезки. Затем проверьте результат с помощью инструмента превью Open Graph, который показывает, как выглядит карточка в каждой сети.
Каких ошибок с метатегами помогают избежать генераторы?
Большинство проблем с метатегами однотипны, и их легко поймать до публикации.
- Один и тот же title на каждой странице. Google просит уникальный текст на каждой странице и предостерегает от шаблонных заголовков, которые отличаются одним словом.
- Описание, скопированное из первого абзаца. Напишите вместо этого короткое предложение: на какой вопрос отвечает страница, для кого и зачем кликать.
- Кавычки, ломающие код. Генератор экранирует их, поэтому кавычка внутри вашего описания не закрывает атрибут.
- Изображение для публикации по относительному пути. Социальным платформам нужен полный адрес изображения.
- Теги в body. Метатеги работают только внутри элемента head; если вставить их ниже, они игнорируются.
Когда стоит писать метатеги вручную?
Используйте генератор для одной страницы или нескольких. Для большого сайта теги принадлежат шаблонам: title страницы продукта можно собирать из названия продукта, категории и бренда, а описание из реальных атрибутов, например цены или размера. Документация Google рекомендует генерировать описания программно на больших сайтах, если каждое остаётся специфичным для своей страницы. Чтобы сначала написать более острое описание, попробуйте ИИ-генератор метаописаний; для идей заголовков ИИ-генератор SEO-заголовков предлагает пять вариантов, помещающихся в Google.
Важны ли метатеги в ИИ-поиске?
Да, хотя иначе. ChatGPT, Perplexity и Gemini не показывают ваше метаописание так, как это делает Google, но title и описание по-прежнему описывают страницу для краулеров, которые их питают, и для результатов поиска, к которым эти ассистенты часто обращаются. Понятный title, совпадающий с H1, и описание, содержащее ответ, помогают в обоих случаях. Чтобы увидеть, как вся ваша страница выглядит для ИИ-ассистентов, запустите ИИ-аудит SEO.
От одной страницы к целому сайту
Уникальные и точные метатеги на каждой странице это небольшая работа с долгим эффектом для кликов. Создайте их здесь для ключевых страниц, а затем поручите генератору статей для блога Sorank писать каждую новую статью с уже оптимизированным тегом title и метаописанием и отслеживайте приносимые ими клики в дашборде GEO и SEO. Ознакомьтесь с тарифами Sorank, чтобы публиковать на autopilot.
