Теги Open Graph — это HTML-метатеги, которые сообщают социальным платформам и мессенджерам, как отображать превью, когда кто-то делится URL страницы: они задают заголовок, описание, изображение и тип, которые должны появиться вместо того, что платформа могла бы угадать сама. Протокол Open Graph, изначально разработанный Facebook, сегодня читают почти все крупные социальные платформы и мессенджеры, поэтому он стал стандартным способом, которым ритейлер управляет тем, как выглядят его карточки товаров, когда ими делятся, их сохраняют или ссылаются на них за пределами собственного сайта. Для e-commerce правильно настроенные теги Open Graph определяют, покажет ли ссылка на товар привлекательное изображение и цену или сломанную, безликую миниатюру.
Почему теги Open Graph важны для страниц, построенных на фиде
Карточками товаров постоянно делятся — через сарафанное радио покупателей, партнёрские ссылки, посты инфлюенсеров или платные размещения в соцсетях, — и каждое такое упоминание отображается на основе тегов Open Graph, а не фактического содержимого страницы, которое посетитель увидит после перехода. Карточка товара без правильно настроенных тегов может показать растянутый логотип, обрезанное или нерелевантное описание либо вовсе обойтись без изображения, снижая CTR упоминания, которое в остальном представляет собой бесплатное распространение среди аудитории с высоким намерением. Поскольку карточки товаров обычно генерируются массово из того же каталога, который наполняет торговый фид, значения Open Graph можно формировать по шаблону напрямую из существующих метаданных товаров, а не писать вручную для каждого SKU, — это одна из наиболее масштабируемых возможностей для большого каталога.
Как работают теги Open Graph
Теги Open Graph размещаются в <head> веб-страницы как элементы <meta property="og:...">; og:title, og:description, og:image и og:url охватывают основные поля превью, которые читает большинство платформ. Для товарного каталога эти значения обычно напрямую соответствуют атрибутам фида, которые уже ведутся для Shopping и Meta Catalog: те же название, описание и основное изображение, что используются в фиде, могут заполнять соответствующие теги Open Graph, сохраняя согласованность обеих площадок без отдельного копирайтинга. Платформы и поисковые системы всё чаще сопоставляют эту структурированную разметку с более широким графом знаний сущностей, чтобы понять, что представляет собой страница, — то есть согласованные данные Open Graph укрепляют машинное понимание товара не только в рамках непосредственного превью в соцсетях. Поскольку эти теги определяют, как ведёт себя ссылка везде, где ею делятся, они также являются незаметной, но важной частью эффективной синдикации контента, при которой один и тот же товар может появляться на нескольких партнёрских сайтах или агрегаторах.
Пример
<item>
<g:id>SKU-10234</g:id>
<g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
<g:description>Soft, breathable organic cotton crewneck in charcoal.</g:description>
<g:image_link>https://example-shop.com/img/org-sweater-charcoal.jpg</g:image_link>
</item><!-- Open Graph tags on the corresponding product page, templated from the feed -->
<meta property="og:title" content="Organic Cotton Crewneck Sweater - Charcoal, M">
<meta property="og:description" content="Soft, breathable organic cotton crewneck in charcoal.">
<meta property="og:image" content="https://example-shop.com/img/org-sweater-charcoal.jpg">
<meta property="og:type" content="product">Связанные понятия
Поскольку значения Open Graph так близко повторяют существующие метаданные товара, их лучше вести по шаблону, а не вручную; они также влияют на то, насколько последовательно идентичность товара воспринимается в рамках более широкого графа знаний сущностей. Кроме того, они незаметно поддерживают синдикацию контента, гарантируя, что товар выглядит и читается одинаково везде, где бы ни оказалась ссылка на него.
