1 Тема от AtlantaTravel Отредактировано AtlantaTravel (21.11.2011 19:54)

  • AtlantaTravel
  • AtlantaTravel
  • Блоггер
  • Неактивен
  • Откуда: Atlanta, GA, USA
  • Зарегистрирован: 14.04.2011
  • Сообщений: 86
  • Репутация: 12

Тема: протокол Open Graph

Ребята, обращаю ваше внимание на протокол Open Graph, использование которого улучшит отображение вашего сайта в социальных сетях. Использование мета-тегов Open Graph позволит точно задать описание статьи (discription), ее заголовок, адрес и соответствующую статье картинку. 

У себя в блоге я сделал следующее (на примере главной страницы).

В теге <html> добавил путь к xmlns:
<html xmlns:og="http://ogp.me/ns#">

Описание статьи:
<meta content="Фото блог на русском. Atlanta Travel: Путешествия из города Атланта, Джорджия, США" property="og:description"/>

Заголовок статьи:
<meta content='Путешествия | Atlanta Travel' property='og:title'/>

Путь к картинке:
<meta content='https://lh5.googleusercontent.com/-R5xaNEyOUgw/TrX2yWiWacI/AAAAAAAAGAY/UMxqJlReI1s/s288/atlantatravel.jpg' property='og:image'/>

Адрес статьи:
<meta content='http://www.atlantatravelblog.com' property='og:url'/>

Имя сайта:
<meta content='www.atlantatravelblog.com' property='og:site_name'/>

Проверить, как всё работает, можно тут:
http://developers.facebook.com/tools/de … elblog.com

Теперь при публикации ссылки на мой сайт, например, в Фейсбуке, повались некоторая стройность в представлении информации.

Линки по теме:
http://ogp.me/
http://developers.facebook.com/docs/guides/web

atlantatravelblog.com - Путешествия из Атланты

+2