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

ProgramBox

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

Post author:admin
Запись опубликована:17 апреля, 2023
Post category:Вопросы по программированию

#reactjs #facebook

#Facebook #изображение #facebook-opengraph #общий доступ

Вопрос:

У меня есть несколько примеров 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 пикселей (ширина * высота).

Есть идея для решения?

Ответ №1:

Ваш мета-тег должен выглядеть следующим образом:

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

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

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

1. Спасибо за ваш ответ. Я уже решил эту проблему. Размер моего изображения слишком большой. Когда я изменил размер изображения до 600 * 600, миниатюра быстро отображается на facebook.

2. Я добавил изображение размером 600X600, но оно все еще не отображается в диалоговом окне fb.

3. @Pascal, что, если у меня нет доступа к странице? Я просто делюсь партнерской ссылкой, но она больше не показывает изображения. Раньше так было еще пару месяцев назад. Спасибо.

4. Примечание стороны, изображения не могут быть слишком маленькими. На странице разработчиков FB написано: Используйте изображения размером не менее 1200 x 630 пикселей для наилучшего отображения на устройствах с высоким разрешением.

5. Я добавил тег og: image, изображение размером 75×75 пикселей по-прежнему не отображается. На других страницах моего веб-сайта, хотя такого тега нет, fb все равно может распознать изображение, и оно отображается в ссылке на общий доступ. В чем может быть проблема, сэр?

Ответ №2:

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

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

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

Ответ №3:

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

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

1. У меня никогда не было этой проблемы, я уверен, что это была скорее проблема с конфигурацией (с вашей стороны), она была исправлена, но вы все еще просматривали кэшированные данные. Нет необходимости размещать тег <img /> .

2. добавление изображения с помощью display:none или width:0 не помогло. у пользователя было изображение og:, будь то в html или нет, но только после 2-й или 3-й попытки

Ответ №4:

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

Использование Facebook Debug tool вообще не помогает. Извлекайте новые данные, но не КЭШ ИЗОБРАЖЕНИЯ.

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

  add/remove www. in image url should solve the problem

Ответ №5:

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

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

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

Ответ №6:

Я столкнулся с этим, и хотя у меня было 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); ?>"/>