С этим инструментом что-то не так?
О «Генератор мета-тегов Онлайн»
Назначение
Генератор meta-тегов превращает короткую форму в тот самый HTML, который вы вставляете в свою страницу. Он сразу собирает SEO-теги, теги Open Graph (og:) и теги Twitter Card (twitter:) и показывает живой предпросмотр социальной карточки, чтобы вы увидели, как выглядит ссылка перед публикацией. Всё работает мгновенно в браузере, и ничего не сохраняется.
Какие теги он выдаёт
Вы получаете основные SEO-теги — <title>, <meta name="description"> и <link rel="canonical"> — плюс набор Open Graph: og:title, og:description, og:image, og:url, og:type и og:site_name. Для X добавляются twitter:card, twitter:title, twitter:description и twitter:image. Он также заполняет базовые теги, нужные каждой странице: <meta charset="utf-8">, адаптивный тег viewport и <meta name="theme-color">.
Почему это важно
Поисковые системы читают ваш заголовок и описание, чтобы построить сниппет на странице результатов, поэтому понятные теги приносят больше кликов. Когда кто-то вставляет вашу ссылку в X, Facebook, LinkedIn, Slack или WhatsApp, эти приложения читают теги og: и twitter: и рисуют богатую карточку предпросмотра с вашим заголовком, кратким описанием и изображением. Без них виден голый URL; с ними — карточка, привлекающая внимание.
Приватно и мгновенно
Генератор не загружает вашу страницу, никуда не входит и ничего не сохраняет. Вы вводите значения, инструмент собирает теги в браузере, а вы копируете результат. Поскольку это просто текст, можно изменить поле и пересобрать сколько угодно раз.
Как пользоваться этим инструментом
Шаги
Введите данные. Наберите заголовок страницы, описание, канонический URL и URL изображения, затем задайте название сайта, тип контента, тип карточки Twitter и цвет темы.
Проверьте предпросмотр. Смотрите, как живая социальная карточка обновляется, чтобы заголовок, описание и изображение выглядели правильно.
Скопируйте теги. Нажмите «Копировать», чтобы взять весь блок сгенерированных тегов
<meta>.Вставьте в страницу. Поместите теги внутрь
<head>вашего HTML и опубликуйте.
Советы
- Держите заголовок около 60 символов, а описание около 155 символов, чтобы поисковики показывали их без обрезки.
- Используйте абсолютный HTTPS-URL изображения размером примерно 1200×630 пикселей — социальные приложения игнорируют относительные пути и отклоняют мелкие изображения.
- Ставьте теги в
<head>страницы, а не в тело, иначе поисковые роботы могут их не увидеть. - Сделайте
og:urlсовпадающим с каноническим URL, чтобы репосты и поиск указывали на один адрес.