<title>
Title
Заголовок HTML-документа. Должен точно отражать основной смысл страницы.
SEO / Browser
Competent Tools · On-page SEO
Генератор мета-тегов онлайн — Title, Description и Open Graph
Создайте основные SEO-мета-теги для страницы: Title, Meta Description, canonical, robots и Open Graph для социальных сетей. Заполните данные — инструмент автоматически сформирует готовый HTML-код для вставки на сайт.
Meta Tags Generator
Создать мета-теги страницы
код формируется в браузере
01
SEO Основные мета-данные страницы
02
Open Graph Данные для социальных платформ
03
Дополнительно Название сайта и Twitter/X Card
HTML-код
Заполните данные
Поисковый сниппет условное превью
example.com
Title страницы появится здесь
Meta Description появится здесь после заполнения данных.
Open Graph условное превью
i
Превью на странице является ориентировочным. Поисковые системы и социальные платформы могут отображать мета-данные иначе, сокращать текст или использовать другие данные страницы.
On-page SEO
Что такое мета-теги страницы
Мета-данные помогают браузерам, поисковым системам и внешним платформам получать дополнительную информацию о странице. Разные элементы решают разные задачи.
Title + Description
Как составлять Title и Description
Хорошие мета-данные не должны превращаться в перечень ключевых слов. Они должны точно описывать страницу и соответствовать поисковому интенту.
Передайте главный смысл страницы
- Основная тема или услуга
- Важная география — если она релевантна
- Бренд — когда это уместно
- Без искусственного повторения запросов
Кратко раскройте содержание и пользу
- Что находится на странице
- Какую задачу решает контент
- Важное преимущество или конкретика
- Без обещаний, которых нет на странице
Canonical
Для чего нужен rel="canonical"
Canonical используется для указания предпочтительной версии URL, когда одинаковый или очень похожий контент доступен по нескольким адресам.
Варианты URL
→
https://site.kz/product/?utm_source=google
https://site.kz/product/?ref=homepage
Canonical
https://site.kz/product/
Robots Meta
Index, noindex, follow и nofollow
Robots meta tag относится к конкретной HTML-странице. Он отличается от robots.txt, который регулирует обход URL.
index
Разрешает индексирование
Страница может рассматриваться поисковой системой для включения в индекс.
noindex
Просит не индексировать страницу
Используется для страниц, которые не должны присутствовать в поисковой выдаче.
follow
Разрешает обработку ссылок
Может использоваться вместе с index или noindex.
nofollow
Ограничивает обработку ссылок
Не следует автоматически использовать nofollow на обычных индексируемых страницах.
Social Preview
Что такое Open Graph
Open Graph — набор мета-свойств, который позволяет описать заголовок, описание, URL, изображение и тип страницы для внешних платформ.
<meta property="og:title"
content="Название страницы">
<meta property="og:description"
content="Описание страницы">
<meta property="og:url"
content="https://example.com/">
<meta property="og:image"
content="https://example.com/image.jpg">
OPEN GRAPH
Отдельные данные для социальных карточек
OG Title и OG Description могут совпадать с SEO Title и Meta Description, но это не обязательное требование. Для социальных платформ текст можно адаптировать отдельно.
HTML Example
Пример готовых мета-тегов страницы
Итоговый набор может отличаться в зависимости от страницы, CMS и требований проекта.
HEAD
example.com
<title>SEO-продвижение сайта в Алматы | Competent</title>
<meta name="description"
content="SEO-продвижение сайтов в Алматы и Казахстане.">
<link rel="canonical"
href="https://example.com/seo/">
<meta name="robots"
content="index, follow">
<meta property="og:title"
content="SEO-продвижение сайтов">
<meta property="og:description"
content="Продвижение бизнеса в органическом поиске.">
<meta property="og:url"
content="https://example.com/seo/">
<meta property="og:type"
content="website">
Common mistakes
Частые ошибки в мета-тегах
Метаданные должны поддерживать содержание страницы, а не противоречить ему.
Один Title на десятках страниц
Разные индексируемые страницы обычно должны отражать собственный поисковый интент.
Переспам запросами
Перечисление похожих ключевых фраз ухудшает читаемость заголовка.
Неверный canonical
Ошибочная ссылка может передавать поисковой системе противоречивый сигнал.
Случайный noindex
Перед публикацией важных страниц стоит проверять robots meta directives.
Нерабочее OG Image
URL изображения должен быть доступен внешней платформе, которая формирует карточку.
Метаданные не соответствуют странице
Title и Description должны описывать реальное содержание документа.
Важно
Вы задаёте мета-данные, но не полностью управляете их отображением
Поисковые системы могут изменить заголовок или описание поискового результата, а социальные платформы могут кешировать предыдущую версию Open Graph. Генератор создаёт код, но итоговое отображение зависит от внешней платформы.
FAQ
Вопросы про SEO-мета-теги
Основные вопросы о Title, Description, canonical, robots и Open Graph.
Что такое мета-теги?
Мета-теги и связанные элементы head передают браузерам, поисковым системам и внешним платформам дополнительную информацию о странице, например описание, правила индексирования или данные для социальных карточек.
Что такое SEO Title?
Title — HTML-заголовок документа, который должен точно отражать основной смысл и поисковый интент страницы.
Для чего нужен Meta Description?
Meta Description кратко описывает содержимое страницы и может использоваться поисковой системой при формировании поискового сниппета.
Что такое canonical?
Canonical указывает предпочтительный URL страницы, когда одинаковый или очень похожий контент доступен по нескольким адресам.
В чём разница между robots meta и robots.txt?
Robots meta tag передаёт директивы для конкретной HTML-страницы, а robots.txt в первую очередь регулирует обход URL поисковыми роботами.
Что такое Open Graph?
Open Graph — набор мета-свойств, которые описывают заголовок, описание, URL, изображение и тип страницы для внешних платформ.
Должны ли OG Title и SEO Title совпадать?
Нет. Они могут совпадать, но Open Graph Title можно адаптировать отдельно под карточку ссылки в социальных платформах.
Генератор мета-тегов бесплатный?
Да. Генератор мета-тегов Competent можно использовать бесплатно без регистрации.
Competent Agency
Мета-теги готовы — теперь усилим страницу целиком.
Работаем со структурой сайта, поисковой семантикой, Title и Description, техническими ошибками, индексацией, Schema.org, внутренней перелинковкой и контентной оптимизацией.
SEO-продвижение ↗
Бесплатная консультация
WhatsApp