Веб-технологии
Что такое Open Graph
Open Graph - это протокол описания страницы с помощью метатегов. Социальные сети и мессенджеры, которые поддерживают его, используют эти данные для превью ссылки: заголовка, изображения и краткого описания. Так можно задать понятное представление статьи, услуги или товара при отправке адреса.
Как работает Open Graph
Представьте, что менеджер отправляет клиенту ссылку на кейс. Вместо одного адреса получатель может увидеть карточку с названием проекта, обложкой и пояснением. По ней проще понять, зачем открывать материал.
Данные для такой карточки размещают в разделе head страницы. Конкретный сервис определяет, какие поля показать, как обрезать изображение и сколько текста оставить. Поэтому результат стоит проверять в тех каналах, которыми пользуется ваша аудитория.
Пример содержания превью
SEO-продвижение интернет-магазина
Обложка проекта и краткое описание: как изменили каталог, доработали страницы и упростили путь покупателя к заказу. Получатель понимает тему еще до перехода.
Какие данные передает Open Graph
Og:title
Заголовок объекта. Помогает обозначить тему материала или название предложения.
Og:description
Дополнительное краткое описание. Объясняет содержание страницы в одном или двух предложениях.
Og:image
Адрес изображения, представляющего страницу. Для него можно указать размеры и текстовое описание og:image:alt.
Og:url
Основной адрес объекта, используемый как его постоянный идентификатор в рамках протокола.
Og:type
Тип объекта. Например, article для статьи или website для веб-страницы общего назначения.
Og:site_name и og:locale
Название сайта и языковые настройки. Для русского языка и России используют значение ru_RU.
Базовые свойства протокола - og:title, og:type, og:image и og:url. Описание и другие поля дополняют их. Не каждый сервис отображает все переданные сведения.
Что проверить при настройке
Соответствие странице
Превью должно описывать именно тот материал, на который ведет ссылка. Не оставляйте одинаковый рекламный заголовок у всех статей и кейсов.
Читаемость обложки
Посмотрите, как изображение выглядит в маленькой карточке. Важные детали не должны теряться при обрезке, а мелкий текст может оказаться нечитаемым.
Доступность ресурсов
Проверьте открытие страницы и обложки без авторизации. Если сервис не может получить данные, карточка может сформироваться без изображения.
Повторяющиеся теги
Убедитесь, что CMS и дополнительные скрипты не создают противоречащие наборы данных. Иначе можно получить неожиданное название или обложку.
Обновление превью
Сервисы могут сохранять карточку в кеше. После замены изображения или текста проверьте результат и при необходимости используйте доступный инструмент обновления.
Реальные каналы
Отправьте ссылку в используемые мессенджеры и социальные сети. Проверьте заголовок, картинку и переход на нужную страницу.
Open Graph предназначен для представления ссылок. Он не заменяет title, meta description и разметку Schema.org. Настройку превью не следует считать гарантией роста поисковых позиций.
Что Open Graph значит для бизнеса
Ссылки на сайт появляются в переписке с клиентами, публикациях и рекомендациях. Понятная карточка помогает представить предложение еще до перехода: человек видит тему и узнаваемую обложку. Это особенно полезно, когда менеджер отправляет кейс, коммерческую страницу или экспертную статью.
Для компании Open Graph - часть аккуратной подачи материалов во внешних каналах. Стоит подготовить подходящие обложки, конкретные заголовки и проверить самые востребованные ссылки. Эффективность оценивают по переходам и дальнейшим действиям на сайте, а не по одному наличию метатегов.