г. Москва, ул. Дубининская, д. 57, стр. 2, пом. III, офис 208.29
info@maximusmedia.pro
г. Москва, ул. Дубининская, д. 57, стр. 2, пом. III, офис 208.29

Open Graph: что это

Open Graph — это протокол, разработанный Facebook в 2010 году, который позволяет веб-страницам превращаться в «объекты» для социальных сетей. С помощью специальных мета-тегов в коде HTML можно задать, как именно контент сайта будет отображаться при публикации ссылки в Facebook, ВКонтакте, Telegram и других соцсетях.

309
Время чтения: 1 минута
Дата публикации

Зачем нужен Open Graph

Когда вы делитесь ссылкой на сайт в соцсети, платформа автоматически «считывает» информацию с сайта. Протокол Open Graph позволяет контролировать этот процесс и задавать, какие данные будут показаны:

  • Название страницы
  • Описание
  • Изображение превью
  • Ссылка на источник
  • Тип контента (статья, видео, товар и т. д.)

Преимущества использования Open Graph

  1. Улучшает внешний вид ссылок в соцсетях
    — Вместо случайного текста и картинки отображается заданное красивое превью.
  2. Повышает CTR (кликабельность)
    — Четкое изображение, заголовок и описание привлекают внимание и стимулируют клик.
  3. Управление брендом
    — Можно задать фирменное изображение и описание, соответствующее стилю компании.
  4. Универсальность
    — Поддерживается множеством платформ: Facebook, ВКонтакте, Telegram, LinkedIn и др.

Основные Open Graph теги

В HTML-код страницы добавляют теги <meta> в разделе <head>. Вот ключевые из них:



<meta property="og:title" content="Название страницы" />

<meta property="og:description" content="Описание страницы" />

<meta property="og:image" content="https://example.com/image.jpg" />

<meta property="og:url" content="https://example.com/page" />

<meta property="og:type" content="website" />

Что означают эти теги:

  • og:title — заголовок страницы
  • og:description — краткое описание
  • og:image — ссылка на изображение-превью
  • og:url — канонический URL страницы
  • og:type — тип контента (например: article, website, video, product)

Дополнительные теги

  • og:locale — язык и локаль страницы (например, ru_RU)
  • og:site_name — название сайта
  • og:video — ссылка на видеоконтент

Примеры использования

Пример ссылки без Open Graph:

В соцсети отображается случайный заголовок, обрезанное изображение или вообще только URL.

Пример с Open Graph:

Большая картинка, яркий заголовок: «Как выбрать плитку для кухни — советы дизайнеров», краткое описание и логотип сайта.

Заключение

Open Graph — это важный инструмент для продвижения сайтов в социальных сетях. Он помогает формировать привлекательный вид публикаций, управлять восприятием бренда и повышать вовлеченность аудитории. Даже простая настройка нескольких OG-тегов может существенно улучшить внешний вид ваших ссылок при расшаривании.

Статьи по теме
SEO ликбез
Микроразметка сайта
14 октября 2023
Микроразметка сайта
SEO
SEO продвижение сайта на Tilda
26 июня 2024
SEO продвижение сайта на Tilda
SEO
Зачем нужна карта сайта и как ее создать
28 июня 2024
Зачем нужна карта сайта и как ее создать
Дмитрий Ларионов
Основатель маркетингового агентства полного цикла Maximus Media

Напишем или позвоним Вам первыми в течение 10 минут

    Другие термины
    Cumulative Layout Shift (CLS)

    Cumulative Layout Shift (CLS) — это один из ключевых показателей, оценивающих визуальную стабильность веб-страницы. Он показывает, насколько неожиданно и непредсказуемо элементы на странице «прыгают» во время её загрузки или взаимодействия пользователя с ней.

    359
    Время чтения 1 минута
    Вебвизор

    Вебвизор — это инструмент для анализа поведения пользователей на сайте, предоставляемый многими системами веб-аналитики, такими как Яндекс.Метрика и Google Analytics. Он позволяет владельцам сайтов отслеживать действия посетителей в реальном времени, чтобы лучше понять, как они взаимодействуют с веб-страницами, и какие проблемы могут возникать в процессе использования.

    540
    Время чтения 1 минута
    Рекомендательные блоки

    Рекомендательные блоки — это специальные зоны на Авито, где пользователям показываются товары и услуги, которые могут их заинтересовать. Формируются на основе интересов, поисковых запросов и поведения пользователей. Они помогают продавцам получать дополнительный трафик от аудитории, которая ещё не искала их товар напрямую, но потенциально может быть заинтересована.

    226
    Время чтения 1 минута
    Геотаргетинг

    Геотаргетинг — это метод таргетированной рекламы, при котором показ объявлений, контента или офферов настраивается с учётом географического положения пользователя. Иначе говоря, пользователи видят только те предложения, которые актуальны именно в их регионе, городе или даже районе.

    271
    Время чтения 1 минута
    Время ответа сервера

    Время ответа сервера — это показатель, который отражает, сколько времени требуется серверу для обработки запроса от пользователя и отправки первого байта ответа обратно на клиентское устройство (обычно браузер). На английском языке этот параметр известен как Time To First Byte (TTFB).

    414
    Время чтения 1 минута
    Карта сайта

    Карта сайта (sitemap) – это файл или веб-страница, содержащая структурированный список всех страниц веб-ресурса, предназначенный для удобной навигации пользователей и эффективного индексирования поисковыми системами.

    771
    Время чтения 1 минута
    ×
    Екатерина Ефремова
    Екатерина Ефремова Здравствуйте! Готова помочь вам. Напишите мне, если у вас появятся вопросы.
    +7 (123) 456-78-90 info@maximusmedia.pro Отдел работы с клиентами
    ул. Дубининская, д. 57, стр. 2, пом. III, офис 208.29, Москва, Московская область, 115054, Россия