]]>eTXT]]>


]]>]]>

Какая польза Open Graph для кнопок like

 Open Graph protocol - это разметка, позволяющая задать любое свое изображение, которое будет браться с вашего поста при нажатии на кнопки "мне нравится", "like". Установить кнопки социальных сетей на своем сайте - это очень легкий и простой для читателя способ поделиться ссылкой со своими друзьями в соц. сети на понравившуюся статью.

Open Graph  полезно использовать в Facebook, во ВКонтакте и других сетях. 

Перейдем теперь к практике. Что именно должен сделать вебмастер, чтобы схватывалась нужное вам изображение. 

Если вы добавляете свежий пост с помощью кнопок, установленных на сайте вручную, то уже заметили, что миниатюра вместе с анонсом может опубликоваться любая. В том числе и счетчик с тиц вместо красивого и специально подобранного рисунка. При ручном добавлении вы, конечно, можете тут же скорректировать и не допустить неподходящей графики. Но всегда хочется все делать без лишних кликов. К тому же, при автоматическом кросспостинге картинку не изменить.

Возникают еще и другие несуразности с выводом заголовков, описаний и т. д., поэтому разработчики соц. сетей придумали специальную разметку ]]>Open Graph]]>.

Нужно отметить, что Яндекс предлагает 5 решений для установки микроразметки.

 

Чтобы избежать различных казусов, вебмастер может добавить следующие мета-теги Open Graph между тегами <head>

 
 

 
 

 

 
 

 
 

 
 

 
 

В тег <html> добавить путь к xmlns, не забудьте весь код поместить в скобки <>:

 html xmlns:og="http://ogp.me/ns#"
 

Еще пример кода, код поместить в скобки <>:  

 html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-RU" lang="ru-RU" prefix="og: http://ogp.me/ns#
              video: http://ogp.me/ns/video#
              ya: http://webmaster.yandex.ru/vocabularies/"
 

 

Готовые решения движков для добавления мета тегов Open Graph

Для WordPress плагины:

 Open Graph - скачать по ссылке http://wordpress.org/plugins/opengraph/

Facebook OpenGraph Meta - скачать http://wordpress.org/plugins/facebook-opengraph-meta/

Opengraph and Microdata Generator - скачать http://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. Скачать http://drupal.org/project/metatag

 Плагин для Joomla

Easy Open Graph размещает небольшую картинку, краткий анонс и ссылку в раздел интересов в Facebook. Выбрать версию джумлы и скачать http://extensions.joomla.org/extensions/social-web/facebook-integration/17883


Будет полезным:

Прочитать про протокол OpenGraph более подробно на сайте http://ogp.me/

Посмотреть og:разметку при смене картинок, заголовков и т. д. можно с помощью инструмента URL Linter по ссылке https://developers.facebook.com/tools/debug

 

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

Добавить комментарий

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
To prevent automated spam submissions leave this field empty.
CAPTCHA
Действительно ли вы человек?

Навигатор по интернету

Узнать простую, но эффективную систему для наращивания трафика. Плюс эта книга с правами перепродажи. 

Узнать подробнее!

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

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





Если вам понравилась статья, вы можете ]]>подписаться на RSS]]> или E-mail рассылку. Для получения обновлений по электронной почте, введите ваш e-mail адрес в эту форму:

Введите Ваш email:

Подпишись с ]]>FeedBurner]]>

Другие сервисы почтовых рассылок

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