Почему Facebook Share показывает неправильный эскиз?

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

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


facebook html facebook-sharer
person Jamey Orr    schedule 10.01.2012    source источник

Ответы (4)


arrow_upward
8
arrow_downward

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

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

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

person Andy Muth    schedule 10.01.2012
comment
Даже их инструмент отладки содержит противоречивую информацию. og:image показывает отличную от их Here's what it looks like when shared раздела. - person Justin Skiles; 19.08.2015

arrow_upward
1
arrow_downward

Кажется, что OGP любит только эскизы, размеры которых одинаковы или больше 200 пикселей. Если вы загрузите изображение и установите его как миниатюру (размеры которого по умолчанию составляют 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.

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

person Tarun Gupta    schedule 25.01.2014

arrow_upward
0
arrow_downward

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

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

person Lix    schedule 10.01.2012

arrow_upward
0
arrow_downward

У меня была такая же проблема с 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

Просто попробовал, и это сработало как по волшебству!

person Community    schedule 10.10.2016