ESC

Настройки мета-тегов

Базовые мета-теги
0/60
0/160
Теги Open Graph
Теги Twitter Card

Сгенерированные мета-теги

Настройте параметры для генерации мета-тегов...
Вся обработка происходит в вашем браузере. Данные не отправляются на сервер.

Примеры использования

Статья в блоге

Оптимизированные мета-теги для статьи блога с тегами для соцсетей и правильными SEO-настройками.

Лендинг

Мета-теги для лендинга продукта с привлекательными описаниями и карточками для соцсетей.

Страница товара

Мета-теги для страницы интернет-магазина с Open Graph и Twitter тегами для товаров.

Возможности

Оптимизация для SEO

Генерация всех необходимых мета-тегов для поисковой оптимизации

Готово для соцсетей

Включает теги Open Graph и Twitter Card для красивого отображения при репосте

Счётчики символов

Счётчики символов в реальном времени для заголовка и описания с индикаторами оптимальной длины

Конфиденциальность

Вся обработка происходит локально в вашем браузере, данные не отправляются на серверы

Как пользоваться?

1

Заполните поля

Введите заголовок страницы, описание, ключевые слова и другую мета-информацию в поля формы.

2

Добавьте теги для соцсетей

Настройте теги Open Graph и Twitter Card для красивого отображения при публикации в соцсетях.

3

Скопируйте и используйте

Скопируйте сгенерированные HTML мета-теги и вставьте их в секцию head вашей веб-страницы.

Часто задаваемые вопросы

Title: 50-60 символов. Google обычно отображает 50-60 символов в результатах поиска на десктопах и обрезает всё, что сверх этого, многоточием "...". Description: 150-160 символов. Всё, что превышает 160, будет отрезано в сниппетах поиска, из-за чего лишние слова пропадут. Счетчики символов в этом инструменте становятся оранжевыми при достижении 90% и красными, когда вы превышаете лимит — сохраняйте их зелеными для лучших результатов.

Теги Open Graph (og:title, og:description, og:image, og:url) управляют тем, как ваша страница отображается при публикации в Facebook, LinkedIn, WhatsApp, Slack, Discord и большинстве других платформ. Без них платформы сами вытягивают данные — часто случайное изображение и обрезанный текст. С правильно написанными OG-тегами ссылки в постах будут показывать привлекательное изображение, точный заголовок и выбранное вами описание, что значительно повышает показатель кликабельности (CTR) в социальных сетях.

Теги Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) специфичны для Twitter. Twitter может использовать OG-теги в качестве запасных, если теги Twitter Card отсутствуют, но Twitter Card дает вам дополнительный контроль: тип карточки (summary против summary_large_image), @site и @creator handle. Для постов в блоге и статей summary_large_image отображает полноэкранное изображение над ссылкой — это гораздо заметнее, чем маленькое квадратное изображение в обычной карте summary.

В порядке важности: (1) title — самый влиятельный сигнал SEO на странице, отображается в результатах поиска; (2) meta description — напрямую не влияет на ранжирование, но влияет на кликабельность; (3) canonical — предотвращает проблемы с дублирующимся контентом, когда одна и та же страница доступна по нескольким URL; (4) robots — управляет индексированием и переходом по ссылкам; (5) viewport — критически важен для мобильной адаптивности. Мета-тег Keywords сегодня игнорируется Google и большинством крупных поисковых систем.

Мета-тег robots сообщает поисковым роботам, как обрабатывать страницу. index/follow (по умолчанию) разрешает индексирование и обход ссылок. noindex предотвращает появление страницы в результатах поиска — полезно для страниц благодарности, административных панелей и дублирующегося контента. nofollow говорит роботам не переходить по ссылкам на странице. noarchive запрещает Google показывать кэшированную версию. Вы можете комбинировать директивы: <meta name="robots" content="noindex, nofollow">.

Canonical URL сообщает поисковым системам, какая версия страницы является «официальной», когда один и тот же контент доступен по нескольким URL. Типичные случаи: http против https, www против non-www, наличие слеша в конце или его отсутствие, параметры URL (?sort=price, ?ref=newsletter). Без canonical поисковые системы распределяют сигналы ранжирования между дублирующимися URL. Установите canonical на чистый, предпочтительный URL на каждой странице — даже если дубликатов нет, это безопасная защитная практика.

Не обязательно. Мета-заголовок оптимизирован для результатов поиска — он должен включать главное ключевое слово ближе к началу и соответствовать интенту пользователя. OG-заголовок предназначен для того, чтобы делиться ссылками в соцсетях — он может быть более разговорным, похожим на заголовок СМИ или вызывающим любопытство, так как он ориентирован на человека, листающего ленту, а не на того, кто что-то искал. Для большинства страниц они могут совпадать; для постов в блоге более вовлекающий социальный заголовок часто работает лучше, чем SEO-заголовок.

Нет. Все мета-теги генерируются в вашем браузере с помощью JavaScript. Заголовки страниц, описания, URL и пути к изображениям никогда не покидают ваш компьютер.

Что такое генератор мета-тегов?

Генератор мета-тегов помогает создавать HTML мета-теги, которые размещаются в секции head вашей страницы. Вместо ручного написания title, description, viewport, charset, OG-тегов и Twitter Card-тегов вы заполняете форму и получаете готовый HTML. Это экономит время и снижает количество ошибок.

Основные возможности

Поддержка базовых SEO-тегов (title, description, keywords, robots, canonical), тегов Open Graph для соцсетей и тегов Twitter Card. Включает счётчики символов, чтобы вы не выходили за пределы, установленные поисковыми системами. Шаблоны пресетов для разных типов страниц (статья блога, страница товара, главная) помогут быстро начать работу.

Почему мета-теги важны

Мета-теги — это способ, которым поисковые системы понимают вашу страницу. Хороший заголовок и описание повышают кликабельность в результатах поиска. OG-теги делают ваши ссылки привлекательными при публикации в соцсетях. Теги viewport и charset обеспечивают корректное отображение страницы на всех устройствах.

Советы

Включайте основное ключевое слово ближе к началу заголовка. Описания должны быть убедительными и побуждать к действию. Всегда указывайте канонический URL для предотвращения дублирования контента. Проверяйте OG-теги с помощью отладчика Facebook.

Конфиденциальность

Всё работает в вашем браузере. Никакие данные страницы и содержимое мета-тегов не отправляются на сервер.

Безопасность и конфиденциальность

Безопасность ваших данных — наш приоритет

Локальная обработка

Вся обработка происходит в вашем браузере

Без передачи данных

Ваши данные не отправляются на наши серверы

Без хранения данных

Данные не хранятся и не передаются

SSL-шифрование

SSL-шифрование для безопасного соединения

Next Step

Также на MoreOnlineTools