Генератор Open Graph
Создавайте метатеги Open Graph для качественных превью в соцсетях.
Конфигурация
Сгенерированные теги
Рекомендуемые инструменты
Подборка полезных утилит
Создание тегов Open Graph для соцсетей
Обзор
Теги Open Graph (OG) задают вид ссылки при шеринге в Facebook, LinkedIn, Slack и других — заголовок, описание и превью-изображение карточки. Хорошо настроенные OG-теги заметно улучшают вид ссылок и кликабельность. Генератор выдаёт готовые к вставке теги.
Как пользоваться (по шагам)
- 1
Введите заголовок, описание и URL
Они станут заголовком, описанием и ссылкой карточки.
- 2
Добавьте URL изображения
Используйте картинку 1200×630 для лучшего превью.
- 3
Вставьте теги в head
Добавьте сгенерированные теги og: в секцию head.
Как это работает
Когда кто-то делится URL, краулер платформы читает мета-теги og: в head страницы и строит карточку превью. Инструмент создаёт og:title, og:description, og:image, og:url, og:type из ваших данных плюс опциональные теги Twitter Card. Важнее всего изображение — картинка 1200×630 отображается чётко на всех платформах.
Когда пригодится
Чтобы пост блога или страница товара выглядели аккуратно при шеринге. Исправление ссылки без изображения или с неверным текстом в соцсетях. Настройка единообразных превью по всему сайту.
Частые вопросы
1200×630 пикселей (соотношение 1,91:1) — стандарт, который хорошо отображается в Facebook, LinkedIn и большинстве платформ.