fbpx

Хочу предложение

Главная/Блог/SEO/Что такое разметка Open Graph

Что такое разметка Open Graph

Репосты в социальных сетях – один из мощных инструментов для продвижения сайта, особенно если на нем активно ведется блог. И для того, чтобы пост со ссылкой на ресурс отображался корректно и был информативным, используется специальная разметка Open Graph. Изначально она была создана для репостов на Facebook, но сегодня с ней работают Facebook, Twitter, Pinterest и другие соцсети и даже мессенджеры.Open Graph – это HTML-код для разметки страницы. Другими словами, мета-теги для передачи соцсетям информации, какой контент использовать при репостах и как его отображать.

Чем Open Graph может быть полезен

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

 

  • оптимизация заголовка, описания и изображения под превью;
  • автоматизация репостов – не нужно вручную добавлять текст и картинку.

Как настроить разметку Open Graph

Протокол Open Graph состоит из тегов, которые вставляются в HTML-код страницы в раздел <head> и содержат: заголовок, описание материала, ссылку на изображение, которое должно отображаться в анонсе, ссылку на саму веб-страницу, а также название сайта. Существуют и дополнительные OG теги – например, для контактов, адреса, и других элементов сайта. Все теги перечислены на официальном сайте разметки ogp.me.Обратите внимание, что для каждой соцсети нужен определенный размер изображений. Можно прописать для каждой из них дополнительный метатег, однако в таком случае картинка может не всегда корректно отображаться. Поэтому рекомендуем прописать в коде единый исходный размер для всех социальных сетей в пикселях с помощью опций width (ширина) height (высота). Тогда каждая соцсеть будет обрезать картинку под свои актуальные требования.Внедрить разметку Open Graph на сайт можно двумя способами:

 

  1. Вручную, то есть поставить соответствующее ТЗ программисту.
  2. С помощью плагинов для CMS:
  • «Open Graph» или «Yoast SEO» для WordPress;
  • «Phoca Open Graph» для Joomla;
  • «Open Graph Meta» для Opencart и других.

 

После внедрения разметки необходимо проверить отображение сниппета, чтобы внести изменения в теги, если это потребуется. Как это сделать:

 

  1. Вручную репостнуть статью в каждую соцсеть, где планируете делать анонсы, и проверить корректность отображения сниппета.
  2. Автоматически проверив ссылку с помощью:
  • Facebook Crawler;
  • инструмента от Google;
  • инструмента для Twitter.

 

Проверка разметки Open Graph позволит вам вовремя внести в нее изменения для более правильного отображения содержимого.

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

Стоит прочитать