Что такое теги Open Graph?

Теги Open Graph (OG) — это метатеги с префиксом og: в блоке <head> страницы. Когда кто-то делится вашей ссылкой в Facebook, LinkedIn, WhatsApp или Slack, приложение считывает эти теги для формирования карточки превью: заголовка, краткого описания и изображения.

#Почему это важно

• OG не является фактором ранжирования Google. Однако вы сами определяете, как выглядит расшаренная ссылка, а аккуратная карточка получает больше кликов.
• Без этих тегов приложение выберет случайное изображение или текст со страницы либо вообще не покажет превью.
• Это позволяет сохранить единообразие оформления страниц кампаний, товаров и блога в соответствии с вашим брендом.
• Некоторые платформы, такие как X (Twitter), читают собственные теги twitter:, но обычно используют значения OG, если теги Twitter отсутствуют, поэтому OG является универсальным стандартом.

#Где это встречается в SEOAsist

• Проблема Missing Open Graph tags в разделе Health (уровень Info) содержит список страниц без тегов OG. Рекомендуемое исправление — добавить og:title, og:description и og:image.
• Чтобы исправить проблему без работы с кодом, создайте правило Open Graph на вкладке Pixel вашего сайта; оно задает og:title / og:description / og:image / og:type.

Подробнее: Technical audit.

#Пример

<meta property="og:title" content="Solid Oak Dining Table | Example Furniture">
<meta property="og:description" content="Seats six, solid oak, free shipping.">
<meta property="og:image" content="https://examplefurniture.com/img/table-1200x630.jpg">
<meta property="og:type" content="product">
<meta property="og:url" content="https://examplefurniture.com/dining-table">

#Частые ошибки

• Использование относительного пути для og:image (/img/table.jpg) — требуется полный URL-адрес.
• Использование слишком маленького изображения или изображения с некорректным соотношением сторон; стандартная рекомендация — около 1200×630 пикселей.
• Использование тегов og:title и og:image с главной страницы абсолютно на всех страницах сайта.
• Обновление тегов без сброса кэша шеринга на самой платформе, из-за чего какое-то время продолжает отображаться старое превью.