Использование мета-тегов Open Graph
Ребята, обращаю ваше внимание на протокол Open Graph, использование которого улучшит отображение вашего сайта в социальных сетях. Использование мета-тегов Open Graph позволит точно задать описание статьи (discription), ее заголовок, адрес и соответствующую статье картинку. У себя в блоге Atlanta Travel я сделал следующее (на примере главной страницы).
В теге <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzhj883DbdMMg3DXwypoIt5rs3OpXxloys-FpC1fFU6qLqW9lGbdo_rhjyoKZTdL7wGer-0WUpKJOvfwcNNBulYnJ0Y0DsAp8fBnxeX9IgsCDLBqqcZ1l2mCgqer2Bezq8BeE_32QY9Gc/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/debug/og/object?q=http%3A%2F%2Fwww.atlantatravelblog.com
Теперь при публикации ссылки на мой сайт, например, в Фейсбуке, повались некоторая стройность в представлении информации.
Линки по теме:
http://ogp.me/
http://developers.facebook.com/docs/guides/web
Комментариев нет:
Отправить комментарий