Специальные метатеги Open Graph определяют, как контент будет отображаться при публикации ссылок в социальных сетях и мессенджерах. Если пользователь делится ссылкой на сайт в соцсетях (например, ВКонтакте, Telegram, LinkedIn и других), браузер обращается к Open Graph тегам, чтобы корректно отобразить превью страницы.
Преимущества использования Open Graph тегов:
В inSales метатеги редактируются в разделе <head></head> с помощью кода шаблона сайта. Для изменения тегов Open Graph рекомендуем написать обращение в техническую поддержку.
Несмотря на то, что большинство популярных платформ используют Open Graph теги для отображения превью ссылок, каждая социальная сеть может интерпретировать теги по-разному и использовать свои собственные дополнительные правила. Подробнее можно узнать в документации социальной сети или проверить через инструменты отладки отображения ссылок.
1. og:title - заголовок контента, который будет отображаться в превью ссылки.
Пример:
<meta property="og:title" content="Как увеличить трафик на сайте с помощью SEO">
2. og:description - краткое описание страницы, которое отображается под заголовком в превью ссылки.
Пример:
<meta property="og:description" content="Практическое руководство по улучшению SEO-показателей сайта и привлечению целевой аудитории.">
3. og:image - ссылка на изображение, которое будет отображаться вместе с превью ссылки.
Рекомендации:
Пример:
<meta property="og:image" content="https://вашсайт.ru/images/seo-guide.jpg">
4. og:url - предпочитаемый URL для отображения ссылки. Используется, чтобы указать канонический адрес страницы.
Пример:
<meta property="og:url" content="https://вашсайт.ru/blog/seo-sovety">
5. og:type - тип контента. Определяет, как будет интерпретироваться страница (например, статья, видео, веб-страница и т. д.).
Наиболее распространённые значения:
Пример:
<meta property="og:type" content="article">
