Микроразметка Опен Граф
Микроразметка Open Graph предназначена для удобного отображения контента в соцсетях. Разработчиком Опен Граф является Facebook. Главным преимуществом этой разметки считается относительная легкость ее внедрения.
На любом современном сайте используются кнопки различных социальных сетей. Клик по такой кнопке позволяет сделать репост материалов, размещенных на сайте. Репост в социальной сети выглядит как анонс данного материала. Причем этот репост формируется автоматически. Владелец сайта не может повлиять на то, какие изображения и текст будут размещены под данным репостом. Для того чтобы исправить этот пробел и используется микроразметка Опен Граф.
Используя эту микроразметку, владелец сайта может заранее выбрать текст и изображение для репоста. Благодаря этому обеспечивается увеличение трафика. Данный факт обусловлен постоянным обменом новостями, размещенными на сайте, между пользователями соцсетей. Количество кликов пользователей по ссылке на новость напрямую зависит от вида размещенного изображения. Анонс к статье также формируется посредством разметки Open Graph. За счет этого предотвращается возможность автоизменения публикации, что очень выгодно для владельцев сайтов.
Проверка валидации Опен Граф
С этой целью используется специальный валидатор. Он указывает на наличие ошибок и незаполненных полей свойств. Для выполнения проверки необходима вставка небольшого кода. После проверки новость размещается на сайте. За счет этого пользователь понимает назначение каждой строки.
Что указывается в микроразметке?
Для понимания того, как должен выглядеть сниппет, нужно уделить внимание таким элементам:
- Og:title. Этот элемент отвечает за ввод заголовка статьи, который указывается в виде ссылки.
- Og:url. Данный элемент является ссылкой, предназначенной для перенаправления пользователя к материалу, указанному в репосте. Пользователь перенаправляется на сайт при нажатии на заголовок или изображение.
- Og:image. Данный элемент представлен в виде изображения, клик по которому перенаправляет пользователя на сайт. При этом важнейшее значение имеет размер изображения. Оптимальным вариантом обложки сниппета для ссылки считается изображение размером 537 х 240 рх.
- Og:description. Данный элемент предназначен для небольшого анонса статьи, размещенного под заголовком.
Все перечисленные свойства должны быть заполнены в обязательном порядке. Еще одним важным свойством, без которого валидатор будет все время указывать на ошибку, является og:type. Это свойство указывает тип страницы.
Также могут понадобиться и другие необязательные элементы:
- og:locale. Этот элемент указывает какой язык используется (по умолчанию – английский).
- og:site_name. Данное свойство указывает название сайта.
- og:audio или og:video. Эти свойства указывают на то, что при переходе по ссылке будут доступны аудио- или видеофайлы.
- fb.app_id. Это свойство представлено в виде специального кода для связки Facebook и сайта.
Реальная микроразметка
Для использования микроразметок понадобятся специальные коды. В некоторых случаях код должен разделять теги head и /head. Если микроразметка используется для обычного лендинга, никаких проблем, как правило, нет. Для нормальной работы микроразметки достаточно изменить данные внутри атрибутов.
Применение микроразметки для CMS
Существуют несколько разновидностей CMS. Они могут предназначены для размещения как новостных сайтов, так и интернет-магазинов. Микроразметка нужна и для соцсетей. Благодаря микроразметке, пользователи смогут делиться информацией, размещенной на сайте, со своими друзьями в социальных сетях.
В завершение нужно отметить, что далеко не все веб-разработчики создают и используют микроразметку. Такую позицию можно назвать ошибочной, так как именно микроразметка позволяет придать анонсу статьи в соцсетях более привлекательный вид, который способствует увеличению трафика сайта.
Поэтому создание микроразметки и заполнение необходимых тегов нужно возвести в разряд привычки.