01
Не меняйте социальный текст без необходимости
Пустые поля социального заголовка и описания наследуют текст страницы для OG. Карточка X берёт эти значения из OG, поэтому одинаковые Twitter-теги не дублируются.
Разработка сайтов и SEO
Генератор мета-тегов
Заполните данные страницы, сравните карточки и скопируйте разметку для head.
Генератор мета-тегов
Данные страницы и публикации
Превью и код
Превью появится после генерации
Превью появится после генерации
Превью появится после генерации
HTML для head
Поля и HTML обрабатываются в браузере. Запрос к серверу картинки выполняется только по вашему нажатию.
Параметры тегов
Введите заголовок или загрузите пример.
Заголовок, понятный в поиске, может потерять смысл в маленькой карточке мессенджера. Генератор мета-тегов сохраняет текст страницы и позволяет задать отдельную формулировку для публикации только там, где это нужно.
Генератор Open Graph показывает код рядом с предпросмотром сниппета и превью карточки соцсетей. Это эскиз, а не ответ платформы: сервис может обрезать картинку, показать старые данные из кэша или выбрать другой текст.
Зачем нужен генератор мета-тегов
Одна страница в нескольких видах
Генератор мета-тегов показывает поисковый фрагмент и карточки в стиле Facebook, X и WeChat. Длинный заголовок заметен до публикации, после чего можно уточнить текст для соцсетей.
Загрузка картинки под вашим контролем
Адрес og:image записывается в HTML без обращения к серверу. Сначала карточка показывает локальную заглушку; только явное нажатие кнопки отправляет запрос хосту картинки.
Наследование и обновление результата
02
Для картинки нужен полный адрес
og:image принимает абсолютный HTTP(S) URL. Пока вы вводите адрес, загрузки нет; она начнётся только после явного выбора. Без картинки код создаётся, но четыре основные свойства OG остаются неполными.
03
После правки дождитесь новой версии
Автоматический режим ждёт около 350 мс. Если его отключить, используйте кнопку или Ctrl/Cmd+Enter. Пока старый код не соответствует полям, копирование и скачивание недоступны.
Что входит в разметку и просмотр
Поисковые заголовок и описание
Предпросмотр сниппета показывает заголовок, адрес и описание со счётчиками символов. Это ориентир: Google может изменить заголовок или выбрать другой фрагмент по запросу.
Основные свойства Open Graph
Генератор Open Graph записывает og:type и og:title, а также заполненные описание, URL, картинку и имя сайта. Пока внешняя картинка не загружена, превью показывает заглушку.
Карточка X без повторов
Выбирайте крупное изображение или краткую карточку. Необязательные теги Twitter Card задают тип, а заголовок, описание и картинка наследуются из OG.
Импорт существующего head
Вставьте HTML, чтобы перенести поддерживаемые теги в форму. При повторах сохраняется первое значение с предупреждением. Импорт и очистка показывают число заменяемых полей и допускают одно действие отмены.
Границы предварительного просмотра
- Опубликованная страница не сканируется
- URL страницы используется для og:url, необязательного canonical и домена в макете. Генератор мета-тегов не запрашивает страницу и не проверяет фактический HTML или HTTP-ответ.
- Внешняя картинка — только по запросу
- Ввод URL, вставка head и генерация HTML не обращаются к хосту изображения. Кнопка загрузки отправляет запрос из браузера; сервер может увидеть ваш IP-адрес.
- Платформы могут показывать другое
- Google меняет сниппет, а Facebook, X и WeChat могут обрезать изображения и хранить старые карточки. Это приближение, а не тест робота или гарантия одинаковых пикселей.
- Обязательный заголовок и формат URL
- Название страницы обязательно. Описание, URL страницы и URL картинки можно оставить пустыми. Адреса должны быть абсолютными HTTP(S); относительные пути и URL с учётными данными отклоняются.
- Ограниченный набор тегов
- Инструмент не создаёт изображения и не формирует robots, hreflang, JSON-LD, свойства статьи или meta keywords. Существующий head вставляется текстом, а не считывается по URL.
Вопросы про генератор мета-тегов
Что такое Open Graph?
Это свойства страницы для ссылок в социальных сервисах: тип, заголовок, адрес и изображение, а также необязательное описание. Генератор мета-тегов создаёт эти строки из ваших полей.
Какой размер картинки нужен для og:image?
У платформ разные пропорции и правила обрезки. Используйте доступное извне изображение с запасом по краям; инструмент не измеряет удалённый файл и не обещает одинаковый результат.
Нужны ли отдельные теги Twitter?
При необходимости включите twitter:card и выберите крупную или краткую карточку. X может унаследовать заголовок, описание и изображение из OG без повторения этих полей.
Почему в соцсети показывается старая картинка?
Сервис может хранить предыдущую версию ссылки. Убедитесь, что новый head опубликован, затем воспользуйтесь повторным чтением конкретной платформы; этот сайт не очищает её кэш.
Обязательно ли писать og:title, если уже есть title?
Для полной разметки Open Graph лучше указать og:title. Генератор мета-тегов берёт заголовок страницы, если отдельный социальный вариант оставлен пустым.
Нашли ошибку в тегах?
Создайте черновик: генератор мета-тегов
Сравните поиск и карточки в инструменте «генератор мета-тегов», скопируйте экранированный HTML в head и проверьте опубликованную ссылку в нужных сервисах.