Генератор Open Graph тегов
Заполните заголовок, описание и картинку — получите мета-теги og: и twitter: и увидите, как ссылка на страницу будет выглядеть в мессенджерах и соцсетях.
Код для <head>
Что такое Open Graph
Open Graph — мета-теги, из которых мессенджеры и соцсети собирают карточку ссылки: картинку, заголовок и описание. Без них Telegram, VK, WhatsApp и другие площадки берут случайную картинку со страницы и обрезанный Title, а ссылка выглядит небрежно. С правильными тегами карточка становится заметной и на неё чаще кликают.
Обязательные теги
og:title— заголовок карточки. Может отличаться от Title страницы: здесь важнее зацепить, чем вписать ключ.og:description— одна-две фразы о выгоде. Длинное описание мессенджеры обрежут.og:image— картинка 1200 × 630 px. Это главный элемент карточки: крупный товар, цена, логотип.og:url— канонический адрес страницы, без UTM-меток.og:type— тип: website, article или product.
Генератор добавляет и теги twitter:card — их читают X (Twitter) и некоторые другие площадки, если Open Graph недостаточно.
Как обновить карточку, если она уже закешировалась
Мессенджеры запоминают карточку ссылки. В Telegram обновить её можно через бота @WebpageBot: отправьте ему ссылку. В VK — через инструмент проверки ссылок в разделе для разработчиков или просто добавив к ссылке параметр вроде ?v=2 при публикации.
Частые вопросы
Не нашли ответ? Напишите в Telegram
Влияет ли Open Graph на SEO?
Напрямую на позиции — нет. Но красивая карточка увеличивает клики из соцсетей и мессенджеров, а значит, трафик и упоминания сайта.
Почему картинка не отображается?
Чаще всего адрес картинки относительный (без https://), картинка закрыта в robots.txt, весит больше 5 МБ или сервер отдаёт её слишком медленно. Проверьте, открывается ли картинка по прямой ссылке в режиме инкогнито.
Нужны ли отдельные теги для каждой страницы?
Да. Хотя бы заголовок, описание и адрес должны соответствовать странице. Картинку для товаров удобно брать из главного фото товара — это настраивается в шаблоне CMS.
Данные куда-то отправляются?
Нет. Код собирается в браузере. Для превью браузер загружает только картинку по адресу, который вы указали.
Нужна не таблица, а рост продаж?
Инструменты сделаны из реальных задач в проектах cetto.ru. Если хотите, чтобы семантику, структуру и техническое SEO интернет-магазина сделали под ключ — закажите аудит.