Что такое разметка 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 на сайт можно двумя способами:
- Вручную, то есть поставить соответствующее ТЗ программисту.
- С помощью плагинов для CMS:
- «Open Graph» или «Yoast SEO» для WordPress;
- «Phoca Open Graph» для Joomla;
- «Open Graph Meta» для Opencart и других.
После внедрения разметки необходимо проверить отображение сниппета, чтобы внести изменения в теги, если это потребуется. Как это сделать:
- Вручную репостнуть статью в каждую соцсеть, где планируете делать анонсы, и проверить корректность отображения сниппета.
- Автоматически проверив ссылку с помощью:
- Facebook Crawler;
- инструмента от Google;
- инструмента для Twitter.
Проверка разметки Open Graph позволит вам вовремя внести в нее изменения для более правильного отображения содержимого.
При репосте статьи в соцсети появляется поле с предложением «Расскажите об этом». Рекомендуем не игнорировать его, а использовать по назначению: коротко рассказать о статье по ссылке и чем она полезна. Тогда люди будут сразу понимать, нужна ли им эта информация, и вы получите куда большее количество просмотров, лайков и переходов, а также репостов анонса, чем при размещении «голой» ссылки без всяких пояснений.
Подытоживая, рекомендуем вам в обязательном порядке внедрить на сайт Open Graph, чтобы делиться корректными и привлекательными для пользователей соцсетей анонсами, таким образом привлекая на сайт больше трафика и улучшая поведенческие факторы.
