РАБОТАЮ ВО ВСЕХ ГОРОДАХ РОССИИ

ВРЕМЯ РАБОТЫ С 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

 

Все для сайтов: 


* Нажимая на кнопку "Отправить" я соглашаюсь с политикой конфиденциальности

Создание сайта

Сделать веб-сайт по приемлемым ценамЗаказать создание сайта под ключ. Цена: недорого.

]]>eTXT]]>

Сервис анализа и проверки траста xt сайтов в Яндексе