Подтвердить что ты не робот

Несколько og: теги изображений, которые не отображаются в диалоговом окне общего доступа или в окне состояния обновления

В настоящее время я работаю над новой функцией, позволяющей пользователям выбирать миниатюру, которую они хотели бы использовать при совместном использовании страницы в Facebook. Пользователь должен иметь возможность использовать виджеты Facebook, такие как диалоговое окно отправки или общие кнопки, а также просто вырезать и вставлять URL-адрес в их диалоговом окне состояния udpate на Facebook.

Я прочитал большую часть документации, которая, как представляется, указывает, что мне просто нужно добавить несколько тегов og: image на общей странице. Я сделал это и запустил страницу через linter, чтобы кеш обновился.

При непосредственном прохождении страницы на share.php, эффективно удаляя любой из моих кодов на стороне клиента и позволяя диалогу присутствовать, что он очищает, я вижу 3 изображения с доступной страницы.

Я не уверен, что я делаю неправильно здесь.

Вот результат linter, объект графика, ссылка sharer.php и страница. У кого-нибудь есть идеи, что я мог бы делать неправильно?

Я подтвердил, что по крайней мере тег og: title соблюдается в диалоговом окне общего доступа. Я также проверил размер изображений и включил расширения файлов, как предложено ниже.

Я знаю, что это работает, потому что buzzfeed имеет точные функциональные возможности, которые я собираюсь сделать. Я сократил свой пример до тех пор, пока я не сработал. Здесь вы можете найти полный источник .

4b9b3361

Ответ 1

Может ли это быть пространство имен XML в верхнем теге HTML?

В статье BuzzFeed это:

xmlns:og="http://opengraphprotocol.org/schema/"

На вашей странице:

xmlns:og="http://ogp.me/ns#"

Ответ 2

В статье Buzzfeed атрибуты контента в ссылках og: image указывают на файлы с именем .jpg, а также на ваши ссылки, которые не имеют имени файла/расширения в конце.

Может потребоваться указать имя файла в ссылках, особенно если оно основывает обнаружение изображения на расширении файла.

EG:

Buzzfeed:

<meta property="og:image" content="http://s3-ak.buzzfeed.com/static/campaign_images/webdr02/2013/3/18/11/10-lifechanging-ways-to-make-your-day-more-effici-1-2774-1363621197-4_big.jpg" />

Yours:

<meta property="og:image" content="http://statics.stage3.cheezdev.com/mediumSquare/3845/4AC356E3/1"/>

Ответ 3

После некоторых тестов я предполагаю, что это проблема кеширования.

Похоже, что разделитель кэширует график с помощью og:url в качестве ключа, так что разные запросы в разделителе не будут обходить кеш, если они не влияют на og:url значение.
Очевидно, что инструмент отладки не использует такой кеш.

Если я прав (это просто понимание), вы можете либо дождаться окончания истечения срока действия кэша, либо попробовать другой og:url. Кроме того, чтобы облегчить тест, сохраните новый og:url равным новому местоположению страницы.

Ответ 4

Так забавная история, я разработчик в BuzzFeed и наткнулся на это, пытаясь понять, почему наши диалоговые окна обмена неожиданно прекратили показ эскиза.

Похоже, что функция отключена. Вкратце он появился снова в 1/14/2014, но они представили ошибку, которая препятствовала совместному использованию с любых страниц с несколькими тегами og: image. (См.: https://developers.facebook.com/bugs/1393578360896606/)

Они исправили ошибку, но по состоянию на 1/22/2014 она по-прежнему выглядит так, как будто миниатюра отключена.

Ответ 5

Sharer.PHP скрипт на сайте Facebook не поддерживает все теги OG, насколько я знаю. Изображения очищаются от самого содержимого страницы, поэтому, если вы хотите, чтобы ваши три изображения отображались на Sharer.php script, включите их в свой контент.

Ответ 6

Sharer.php официально устарел Facebook, поэтому я не удивлюсь, если некоторые функции не сработают с ним. Хотя он по-прежнему работает, он всегда был самым простым вариантом, и я предполагаю, что они никогда не создавали скребок ссылок из элементов og в него.

Мне удалось найти эту статью, которая показывает, каким образом вы можете точно указать, какие изображения доступны на странице share Sharp.php, Вы можете указать одно (или несколько) изображений для совместного использования с структурой URL-адреса, например:

http://www.facebook.com/sharer.php?s=100
&p[url]=http://bit.ly/myelection
&p[images][0]=http://election.gv.my/assets/vote.png
&p[title]=My customized title
&p[summary]=My customized summary