Проблемы с изображением при добавлении кнопки «Мне нравится» в Facebook на внешнюю страницу

Question

Я пытаюсь добавить кнопку «Мне нравится» или «Рекомендовать» на Facebook в нижней части некоторых страниц контента на нашем веб-сайте, чтобы, когда кто-то нажимает на нее, она сразу же размещалась на их стене FB - распространяя слово о странице и т. д.

Я нашел этот код, чтобы сделать это:

<div id="fb-root">&nbsp;</div>
<script src="http://connect.facebook.net/en_US/all.js#appId=174289559298553&amp;xfbml=1"></script>
<p><fb:like send="true" show_faces="true" action="recommend" font="arial" href="http://amathus.staging.screenpages.net/moillardproducerpage" width="450"></fb:like></p>

Но когда я помещаю его на страницу и проверяю, «любя / рекомендуя», когда он переходит на мой фейсбук, изображение, подобранное для представления страницы со ссылкой, совсем не годится.

Затем я попытался поместить метатеги в кодировку, чтобы она выбрала правильное изображение, например:

<meta property="og:title" content="Domaine Moillard" />
<meta property="og:type" content="drink" />
<meta property="og:url" content="http://amathus.staging.screenpages.net/moillardproducerpage" />
<meta property="og:image" content="http://www.amathusdrinks.com/skin/frontend/default/default/Agro-de-Bazanc.jpg" />
<meta property="og:site_name" content="Amathus Drinks" />
<meta property="fb:admins" content="61406146" />

Но, опять же, единственными изображениями, которые он получил, был небольшой платежный логотип внизу (логотип sagepay - не идеально!).

Кто-нибудь знает, как я могу заставить его показывать соответствующее изображение рядом со ссылкой, когда кому-то нравится страница?

Спасибо

Clare

Answer 1

Я попытался запустить http://amathus.staging.screenpages.net/moillardproducerpage с помощью инструмента linter (https://developers.facebook.com/tools/debug), но ничего не пришло. Это правильный URL-адрес?

Из приведенного выше URL-адреса изображения я вижу, что он http://www.amathusdrinks.com/, поэтому я запустил http://www.amathusdrinks.com/moillardproducerpage через инструмент linter. Получил некоторые результаты, но у него есть некоторые проблемы, которые нужно исправить:

Inferred Property:  The og:url property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property:  The og:title property should be explicitly provided, even if a value can be inferred from other tags.
Inferred Property:  The og:image property should be explicitly provided, even if a value can be inferred from other tags.

Я бы сказал, исправьтеog: теги на этой странице, и вы вернетесь в бизнес :))