Почему Facebook Share вытаскивает не ту миниатюру?

Question

У меня быстрый вопрос, надеюсь, кто -то сможет мне помочь. Недавно я забрал микросайт для клиента, и все прошло гладко, за исключением интеграции Facebook. Когда пользователь пытается поделиться сайтом, миниатюра, вытянутая для общего, отражает логотип с основного сайта, а не микросайт. Я сбит с толку, потому что этот логотип можно найти нигде на странице. Кроме того, я включил необходимую мета -информацию в заголовке документа<meta property="og:image" content="http://www.rethinkyourdrinknow.com/images/ryd/logo2.png" /> Но по какой -то причине это все еще тянет другое изображение. Есть ли у кого -нибудь больше опыта работы с Facebook, который может протянуть руку?

Спасибо, Джейми

Answer 1

Попробуйте использовать инструмент Linting Facebook (теперь отладчик)

http://developers.facebook.com/tools/debug

Введите URL своего микросайта, инструмент должен рассказать вам, что происходит.

Answer 2

Кажется, что OGP любит только миниатюры, которые размеры одинаковы или более 200 пикселей. Если вы загрузите изображение и установите его как миниатюру (какие измерения, по WP по умолчанию, 150x150 пикселей), вы получите сообщение об ошибке, если вы запустите ссылку вашего сообщения в отладчик FB, как это:

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

Small og:image: All the images referenced by og:image should be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the recommended specification.

Поэтому я вручную увеличил изображение в один из моих предыдущих постов до фактического размера 200x200 пикселей и тадады !!! Facebook делится надлежащей ссылкой и правильным изображением также из домашней страницы WP или отдельного поста.

Answer 3

Раскрывая ответ @Andy's, вы, безусловно, можете использовать инструмент отладчика, чтобы увидеть, как Facebook просматривает ваш URL. Он скажет вам именно что og:tags отсутствуют/невелики.

Отнесее отметить, что Facebook делает кэширование на og:tags URL -адреса, которые были разделены; Но использование инструмента отладчика будет обновлять кэширование Facebook вашего URL.

Answer 4

У меня была та же проблема с LinkedIn. я добавил <meta property="og:image" content="https: И так далее к моему index.html, но LinkedIn продолжал делать неправильную картинку, потому что он уже кэшировал мой сайт.

Вот уловка, чтобы заставить приложение Embedding (LinkedIn, Facebook и т. Д.) Обращаться с вашим веб -сайтом как никогда не кэшированным, и поэтому прочитайте его полностью с нуля, включая ваш новый og:image.

Когда вы вводите полную ссылку на сайт социальной сети, добавьте ?01 в самом конце этого. Например https://example.com?01 или же https://example.com/my_project/?01

Только что попробовал это, и это сработало как магия!