Почему Facebook Share Pull the Wrong Thumbnail?

Question

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

Спасибо, Jamey

Answer 1

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

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

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

Answer 2

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

Следует отметить, что facebook делает некоторое кэширование по og:tags URL-адресов, которые были совместно использованы; но с помощью инструмента «Отладчик» будет обновлено кэширование ваших страниц в facebook.

Answer 3

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

Open Graph Предупреждения Это должны быть исправлено

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. 

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

Answer 4

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

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

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

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