Плагин для интеграции Open Graph на сайт

Замечали ли вы, что при установке социальных кнопок на сайт, которые позволяют поделиться материалом, при нажатии на них, в той или иной социальной сети появляется не совсем то, что хотелось бы? То вместо картинки из поста выходит изображения счётчика, то вместо описания к посту – какой-то другой фрагмент текста.

Это всё происходит из-за того, что все социальные сети обрабатывают запросы с сайта по-разному, по различным алгоритмам. И если поделиться в соцсеть постом через кнопку, то из него будут выдернуты практически случайные элементы.

Тот контент, который будет появляться в социальной сети, если поделиться материалом, управляется протоколом Open Graph (или OG), и в стандартных функциях WordPress он не поддерживается. В этой статье мы расскажем вам о плагине, который позволяет интегрировать протокол Open Graph в WordPress и легко использовать его без знания кода.

Протокол Open Graph плагином WP-OG

Плагин WP-OG позволяет интегрировать Open Graph в WordPress. И пользоваться этим плагином очень легко. Скачайте, установите его на своём сайте и активируйте, а затем перейдите в пункт консоли «Настройки» и выберите подпункт «Open Graph Tags».

• Site name. Записываем название сайта для тега og:site_name.
• Записываем заголовок сайта для тега og:title.
• Создаём небольшое описание, которое запишется в теге og:description.
• Указываем URL изображения, которое запишется в теге og:image.
• Activate for post types. Отмечаем галочками, в каких типах контента будут отображаться поля для мета-тегов Open Graph. Поддерживаются произвольные типы.

О тегах Open Graph мы подробнее рассказывали тут.

Благодаря заполнению тегов на странице настроек плагина, вы создали данные, которые будут передаваться через протокол OG в социальную сеть вместе со ссылкой на главную страницу сайта. Отметив галочками в «Activate for post types» нужные типы контента, вы подключили мета-теги и к другим частям сайта, например к записям или страницам. И теперь в каждой записи или странице можно прописать свои мета-теги OG. Для этого необходимо открыть редактор WordPress и заполнить поля в низу в секции «Open Graph Tags». Там есть мета-теги для заголовка, описания и изображения.

Если же для той или иной записи или страницы не будут заполнены мета-теги OG, то при постинге в социальные сети отобразится информация по умолчанию, то есть та, которая назначена для главной страницы.