Как сделать красивый превью для соцсетей и мессенджеров (Open Graph)
Когда вы делитесь ссылкой на ваш сайт в Telegram, VK или даже в мессенджере, вы видите превью: картинку, заголовок, описание. Это формируется с помощью Open Graph-тегов (OG). Если их не настроить, то соцсеть покажет случайный текст, часто не релевантный, и никто не перейдёт. Настройка OG занимает 10 минут, а увеличивает CTR из соцсетей в 2–3 раза.
Какие теги нужно добавить на каждую страницу
og:title— заголовок (желательно совпадающий с h1 страницы).og:description— описание (не более 200 символов).og:image— ссылка на картинку (рекомендуемый размер 1200×630, не менее 600×315).og:url— каноническая ссылка на страницу.og:type— тип (обычно website, article, product).og:locale— ru_RU.
Также полезно добавить twitter:card (summary_large_image) для лучшего отображения в Twitter/X, но это опционально.
Где размещать OG-теги
В разделе <head> вашего HTML-кода. Если у вас Falcon Space, в настройках страницы есть отдельное поле «Мета-теги» или «Open Graph». Там вы можете задать значения для каждой страницы. Для типовых страниц (категория, товар) можно сделать шаблон: например, подставлять название товара в og:title.
Как сгенерировать og:image автоматически
Если у страницы нет отдельной картинки, можно взять изображение товара или логотип компании. Но лучше сделать специальное превью: с фоном, заголовком, логотипом. Некоторые используют нейросети Kandinsky или Canva API для генерации превью под каждую статью. В Falcon Space можно реализовать внешнее действие, которое при создании статьи генерирует картинку на основе названия и сохраняет её.
Тестирование превью
Перед публикацией проверьте отображение в Telegram: просто отправьте ссылку самому себе в «Избранное». Также есть сервисы, например, metas.su. Если картинка не подгружается — возможно, слишком тяжёлая или сервер блокирует запросы.
Кейс: блогер увеличил переходы из Telegram на 40%
Раньше при сборе ссылки не было картинки — только текст. Настроил OG-теги, добавил яркую привлекающую картинку с заголовком. CTR по переходам из канала вырос с 5% до 9% при том же количестве показов. Потратил на настройку — 30 минут.
Как Falcon Space экономит время на OG
В платформе есть шаблоны OG для разных типов страниц. Вы один раз задаёте правило: og:image = первое изображение товара; og:title = название товара + "купить в магазине". Далее автоматически генерируется для всех карточек. Для статей можно загружать свою картинку. Это избавляет от ручного копирования.
Совет: проверьте, как выглядит ваша ссылка в Telegram. Если там коряво — срочно настройте OG. Это улучшит и восприятие бренда.
Смотрите также:
SEO-план на ближайшие 12 месяцев для малого бизнеса в РФ
Попадание в генеративные ответы Яндекса — пошаговая инструкция
Обзор актуальных функций Вебмастера для SEO-специалиста и владельца бизнеса
Анализ вебвизора и показателей удержания — гайд 2026
SEO в Telegram — методы продвижения для бизнеса в 2026 году
Секреты алгоритмов VK — лайфхаки для бизнес-страниц и клипов
Алгоритмы Дзена и как адаптировать контент под «полезные статьи»
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта