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, чтобы делиться корректными и привлекательными для пользователей соцсетей анонсами, таким образом привлекая на сайт больше трафика и улучшая поведенческие факторы.

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

Среди лучших в категории SMM: Ланет CLICK в рейтинге IAB Украина

Среди лучших в категории SMM: Ланет CLICK в рейтинге IAB Украина

IAB Украина – некоммерческая организация, которая входит в международную ассоциацию Interactive Advertising Bureau, – подвела итоги за 2023 год и […]

Как продвигать сайт медицинской тематики в 2024 году

Как продвигать сайт медицинской тематики в 2024 году

Продвижение сайта медицинских услуг сопряжено с дополнительными сложностями из-за присущих этой нише нюансов. Рассказываем ключевую информацию, которую нужно знать для […]

10 шагов для оптимизации Local Business (GMB)

10 шагов для оптимизации Local Business (GMB)

Google My Business является необходимым инструментом для бизнеса, что имеет физическую точку. Этот сервис особенно важен для компаний, локация которых […]