РАБОТАЮ ВО ВСЕХ ГОРОДАХ РОССИИ
ВРЕМЯ РАБОТЫ С 9:00 ДО 20:00
Какая польза Open Graph для кнопок like
Open Graph protocol - это разметка, позволяющая задать любое свое изображение, которое будет браться с вашего поста при нажатии на кнопки "мне нравится", "like". Установить кнопки социальных сетей на своем сайте - это очень легкий и простой для читателя способ поделиться ссылкой со своими друзьями в соц. сети на понравившуюся статью.
Open Graph полезно использовать в Facebook, во ВКонтакте и других сетях.
Перейдем теперь к практике. Что именно должен сделать вебмастер, чтобы схватывалась нужное вам изображение.
Если вы добавляете свежий пост с помощью кнопок, установленных на сайте вручную, то уже заметили, что миниатюра вместе с анонсом может опубликоваться любая. В том числе и счетчик с тиц вместо красивого и специально подобранного рисунка. При ручном добавлении вы, конечно, можете тут же скорректировать и не допустить неподходящей графики. Но всегда хочется все делать без лишних кликов. К тому же, при автоматическом кросспостинге картинку не изменить.
Возникают еще и другие несуразности с выводом заголовков, описаний и т. д., поэтому разработчики соц. сетей придумали специальную разметку Open Graph .
Нужно отметить, что Яндекс предлагает 5 решений для установки микроразметки.
Чтобы избежать различных казусов, вебмастер может добавить следующие мета-теги Open Graph между тегами <head>
В тег <html> добавить путь к xmlns, не забудьте весь код поместить в скобки <>:
html xmlns:og="https://ogp.me/ns#"
Еще пример кода, код поместить в скобки <>:
html xmlns="https://www.w3.org/1999/xhtml" xml:lang="ru-RU" lang="ru-RU" prefix="og: https://ogp.me/ns# video: https://ogp.me/ns/video# ya: https://webmaster.yandex.ru/vocabularies/"
Готовые решения движков для добавления мета тегов Open Graph
Для WordPress плагины:
Open Graph - скачать по ссылке https://wordpress.org/plugins/opengraph/
Facebook OpenGraph Meta - скачать https://wordpress.org/plugins/facebook-opengraph-meta/
Opengraph and Microdata Generator - скачать https://wordpress.org/plugins/opengraph-and-microdata-generator/
Для Drupal модули:
Open Graph meta tags скачать для 6 и 7 версий по ссылке https://drupal.org/project/opengraph_meta
Модуль Meta Tags настраивает мета теги в друпал 7 и некоторые параметры из протокола Open Graph. Скачать https://drupal.org/project/metatag
Плагин для Joomla
Easy Open Graph размещает небольшую картинку, краткий анонс и ссылку в раздел интересов в Facebook. Выбрать версию джумлы и скачать https://extensions.joomla.org/extensions/social-web/facebook-integration/17883
Будет полезным:
Прочитать про протокол OpenGraph более подробно на сайте https://ogp.me/
Посмотреть og:разметку при смене картинок, заголовков и т. д. можно с помощью инструмента URL Linter по ссылке https://developers.facebook.com/tools/debug