Open Graph
Open Graph — набор метаданных страницы для представления ссылки в социальных сервисах и мессенджерах. Теги задают заголовок, тип объекта, адрес и изображение; описание помогает кратко раскрыть содержание.
Также встречается: Open Graph.
Для чего используется
Протокол нужен там, где ссылка должна объяснять, что находится на странице. Для магазина особенно важно не подставлять название категории и фотографию соседней модели в карточку конкретного товара.
Как SEO-специалист использует это в проекте
SEO-специалист проверяет OG при запуске шаблонов, публикации материалов и смене изображений. Разработчик связывает поля с конкретной статьёй, товаром или категорией. Это позволяет распространять ссылки с корректным представлением, а не одинаковой картинкой главной страницы.
- Проверьте og:title, og:type, og:url и og:image в head исходного HTML.
- Убедитесь, что картинка доступна без авторизации и имеет правильный Content-Type.
- Проверьте отсутствие конфликтующих тегов и отправьте ссылку в тестовый диалог после обновления кеша.
Практический пример
Учебный пример: после замены фотографии товара Telegram продолжает показывать старую. Сначала проверяют HTML и содержимое og:image. Если сайт уже отдаёт новый файл, разбирают кеш платформы; если старый — кеш CMS или CDN.
Иллюстрация подхода, не данные конкретного проекта.Ошибки и риски
Open Graph не гарантирует определённый вид карточки и не является обещанием роста позиций. Сервис может кешировать данные, менять обрезку и оформление. Проверка исходного HTML и фактического сообщения решает разные задачи.
Путь к картинке вместо абсолютного URL; одинаковый og:url у всех товаров; два комплекта метатегов; обещание точного совпадения валидатора с Telegram.
Как проверить результат
В инструменте «Проверка Open Graph» посмотрите таблицу тегов, HTTP картинки и приблизительный макет. Затем проверьте реальные сообщения на нужных платформах. Старое сообщение не всегда отражает новые данные сайта.
Связанные термины
Продолжить по теме
- Инструкция: Превью ссылки
- Практика: Бесплатный инструмент
- Внедрение: Обсудить состав работ