Проблемы с изображением при добавлении кнопки "Мне нравится" в 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 - не идеально!).

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

Спасибо,

Клэр

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 через инструмент для линтера. Есть некоторые результаты, но есть некоторые проблемы, которые нужно исправить:

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: на этой странице, и вы вернетесь в бизнес:)