URL-ссылка для обмена не показывает уменьшенное изображение на facebook

У меня есть пример URL-адреса, который обеспечивает совместное использование facebook. Но изображение внутри страницы URL не отображается в поле для комментариев facebook. Я уже вставил такой метатег

<meta property="fb:app_id" content="xxxx"/>
<meta property="og:site_name" content="xxxx"/>
<meta property="og:title" content="xxxx" />
<meta property="og:description" content="xxx" />
<meta property="og:type" content="xxx:photo">
<meta property="og:url" content="http://www.example.com/content/xxx"/>
<meta property="og:image" content="http://www.example.com/images/xxx.png"/>

* И мое изображение 1000 * 1000 пикселей (ширина * высота).

Любая идея для решения?


image facebook facebook-opengraph sharing
person Mojiiz    schedule 11.01.2012    source источник

Ответы (6)


arrow_upward
55
arrow_downward

Ваш метатег должен выглядеть так:

<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>

И он должен быть размещен на странице, которой вы хотите поделиться (это неясно в вашем вопросе).

Если вы поделились страницей до того, как появилось изображение (или метатег), то возможно, что в «памяти» facebook есть страница без изображения. В этом случае просто введите URL своей страницы в инструменте отладки http://developers.facebook.com/tools/debug. После этого изображение должно присутствовать при следующем совместном доступе к странице.

person Pascal Rosin    schedule 11.01.2012
comment
Спасибо за ваш ответ. Я уже решил эту проблему. Размер моего изображения слишком велик. Когда я изменил размер изображения на 600 * 600, миниатюра быстро отображается на Facebook. - person Mojiiz; 11.01.2012
comment
Я добавил изображение размером 600X600, но оно не отображается в диалоговом окне fb. - person RN Kushwaha; 24.03.2015
comment
@Pascal, а если у меня нет доступа к странице? Я просто делюсь партнерской ссылкой, но она больше не показывает изображения. Раньше было пару месяцев назад. Спасибо. - person WowBow; 24.07.2015
comment
Примечание: изображения не должны быть слишком маленькими. Страница разработчиков FB гласит: используйте изображения размером не менее 1200 x 630 пикселей для наилучшего отображения на устройствах с высоким разрешением. - person Evers; 15.10.2015
comment
Я добавил тег og:image, изображение имеет размер 75x75 пикселей, но оно не отображается. На других страницах моего веб-сайта, хотя такого тега нет, все же fb может распознать изображение, и оно отображается в ссылке общего доступа. В чем может быть проблема господа? - person Dibyanshu Jaiswal; 08.04.2016
comment
Для меня изображение не отображается, хотя оно отображается в отладчике, я использую размер изображения 400x300. У меня нулевая ошибка в отладчике FB. не уверен, почему изображение не отображается - person Learning; 21.04.2020

arrow_upward
11
arrow_downward

Проблема связана с кешем facebook, и решение состоит в том, чтобы обновить кеш facebook, перейдя по ссылке. https://developers.facebook.com/tools/debug/og/object/

и нажав кнопку «Получить новую информацию о скрейпе».

Надеюсь, поможет

person Guru    schedule 22.02.2015

arrow_upward
2
arrow_downward

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

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

person Rakesh    schedule 25.03.2013
comment
У меня никогда не было этой проблемы, я уверен, что это была проблема конфигурации (с вашей стороны), она была исправлена, но вы все еще просматривали кэшированные данные. Нет необходимости размещать тег ‹img /›. - person emerino; 15.04.2015
comment
добавление изображения с display:none или width:0 не помогло. у отправителя был og:image, если в html или нет, но только после 2-й или 3-й попытки - person haheute; 23.06.2016

arrow_upward
0
arrow_downward

Мой сайт тоже сталкивается с той же проблемой.

Использование инструмента отладки Facebook совсем не помогает. Получить новые данные, но не IMAGE CACHE.

Я заставил facebook очистить КЭШ ИЗОБРАЖЕНИЙ, добавив www. в URL-адрес изображения. В вашем случае удалить www. и настроить перенаправление веб-сервера.

 add/remove www. in image url should solve the problem
person minhhq    schedule 04.12.2018

arrow_upward
0
arrow_downward

Ответы выше хороши, и они должны решить большинство ваших проблем. Но чтобы увидеть ошибки прямо из Facebook, вы можете использовать ссылку https://developers.facebook.com/tools/debug/sharing/

таким образом, вы будете уверены в шагах, которые вам нужно предпринять.

Я обнаружил, что URL-адрес для метаданных og:image должен быть абсолютным URL-адресом.

person wale A    schedule 30.11.2019

arrow_upward
0
arrow_downward

Я столкнулся с этим, и хотя у меня был og:image (и другие), мне не хватало og:url и og:type, поэтому я добавил их, и тогда это сработало.

<meta property="og:url" content="<? 
 $url = 'https://' . $_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']."?".$_SERVER['QUERY_STRING'];; 
echo htmlentities($url,ENT_QUOTES); ?>"/>

person twiddly    schedule 27.02.2020