Генератор мета-тегов
Title, description, Open Graph и Twitter — с превью соцкарточки.
- Мгновенно
- Бесплатно
- Приватно (обработка локально)
- Без регистрации
Ссылка, которую хочется кликнуть
Без мета-тегов общая ссылка показывает лишь голый URL. С ними она превращается в карточку с изображением, заголовком и описанием — куда привлекательнее. Инструмент создаёт их и показывает вид до публикации.
-
Заполните поля
Заголовок, описание, URL страницы и изображения, название сайта.
-
Проверьте превью
Карточка обновляется вживую, как в соцсетях.
-
Скопируйте теги
Вставьте их в <head> вашей HTML-страницы.
Сгенерированные теги
| Тег | Назначение |
|---|---|
| <title> / description | Заголовок и сводка для поисковиков |
| og:title / og:description | Текст, показываемый Facebook, LinkedIn и т. д. |
| og:image | Изображение карточки (рекомендуется 1200 × 630) |
| twitter:card | Формат карточки в X (большое изображение или сводка) |
Всё вычисляется в браузере. Не забудьте использовать абсолютные URL для изображения, иначе соцсети не смогут его загрузить.
Частые вопросы
Что такое Open Graph?
Open Graph — это протокол, созданный Facebook, который описывает веб-страницу через теги «og:». Когда ссылкой делятся, соцсети читают эти теги и показывают заголовок, описание и изображение вместо голого URL.
Какой размер изображения для шеринга?
Для карточки «большое изображение» ориентируйтесь на 1200 × 630 пикселей (соотношение 1,91:1). Это размер, рекомендованный Facebook, LinkedIn и X. Используйте абсолютный URL (https://…), так как соцсети не переходят по относительным путям.
Нужны ли теги Twitter в дополнение к Open Graph?
X (Twitter) сначала читает Open Graph, но «twitter:card» по-прежнему полезен для выбора формата (большое изображение или сводка). Остальные теги twitter:* при отсутствии откатываются к og:. Их включение избавляет от неприятных сюрпризов.
Какой длины должны быть заголовок и описание?
Ориентируйтесь примерно на 60 символов для заголовка и 110–160 для описания. Сверх этого соцсети и поисковики обрезают текст. Живое превью сразу показывает реальный вид.