Как правильно выставлять мета-теги Open Graph для корректной публикации статей в Facebook

Редко где вы встретите сайт без уже ставших традиционными кнопками «Лайк» и их аналогов, предназначенных для публикации информации со страницы в соцсети.

Как принудительно заставить соц.сервисы публиковать ту информацию, которая нужна вам, рассмотрим в статье ниже:

В первую очередь, добавляем в тег дополнительные пространства имён

 

<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:fb="http://ogp.me/ns/fb#" 
      xmlns:og="http://ogp.me/ns#">

Далее всё не менее просто, добавляем внутрь тега head метатеги

<meta property="fb:admins" content="ВАШ_ЛИЧНЫЙ_ID_FACEBOOK" />
<meta property="og:url" content="#"/>
<meta property="og:site_name" content="#" />
<meta property="og:title" content="#" />
<meta property="og:description" content="#" />
<meta property="og:type" content="article" />
<meta property="og:image" content="#" />

 

Чтобы узнать ваш ID в Facebook, зайдите в ваш профиль и замените домен с www.facebook.com на graph.facebook.com (с https://www.facebook.com/denisova.o на https://graph.facebook.com/denisova.o

 

Лайфхак: информация о размещаемых страницах в фейсбуке кешируется на 24 часа, поэтому если вы выполнили все вышеперечисленные рекомендации, но при попытке публикации информация о странице остается без изменения, ее необходимо вставить в дебаггер Facebook https://developers.facebook.com/tools/debug и обновить, после чего информация о странице и картинка автоматически обновятся в т.ч. на уже опубликованных в соцсети страничках.

  • Yevgeny

    Полезно, спасибо.

    • http://odenisova.ru/ Oksana Denisova

      спасибо читателям :)