Og: изображение Open Graph Warnings размер изображения

Я проверяю свой url, потому что facebook не использует изображение, которое я установил на og: image

Мое изображение: 639x649px 486kb Но fb использует это изображение: 300x443px 97kb

Предупреждение сказало:

og: изображение должно быть больше: если og: изображение недостаточно велико. пожалуйста используйте изображение, которое не менее 200x200 и предпочтительно 1500x1500. (Максимальный размер изображения - 5 МБ.) Изображение 'url с изображения, размер: 300x443px 97kb' будет использоваться вместо этого.

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

Ответы

Ответ 1

Мой опыт работы с Facebook заставил меня сомневаться в том, что компьютеры являются детерминированными машинами:)

Иногда он принимает изображение любого размера (от 200 до 1500 пикселей), иногда жалуется, что изображение слишком маленькое (og: изображение должно быть больше), даже если изображение квадратное и больше чем минимальный размер (например, 400x400 пикселей). У меня были ситуации, когда одна и та же ссылка показывала все 3 изображения: в листе и в поле состояния FB, а затем внезапно через 2 недели перестала работать и начала показывать только одно изображение, пытаясь поделиться им в поле состояния FB (linter все еще показывал все 3 изображения), и наоборот. Иногда у FB возникают проблемы с разными доменами (например, страница находится на www.example.com и og: image на www.picdumpexamplesite.com), иногда это не против...

ИМХО сильно сломается, и лучшее, что вы можете сделать, это:
- создавать квадраты изображений, округленные до "сотен", например. размер 300x300px
- размещать их на одном сервере (одно и то же имя домена)
- использовать jpg
- избегать любых "странных" символов в имени файла (я использую только буквы и цифры)
- молитесь, чтобы что-то из вышеперечисленных работ:)

Ответ 2

Вот моя история о горе, надеюсь, это помогает кому-то другому.

Я получал похожие предупреждения:

Provided og:image is not big enough. Please use an image that at
least 200x200 px.

но это происходило только на некоторых страницах нашего сайта, а не на других. Что было странно, так как используемая нами CMS последовательно помещает образ 427px x 307px на каждую страницу и использует URL-адрес для этого изображения в качестве тега og:image.

После прочтения намеков выше, я сравнил файлы JPG на страницах, которые работали против файлов JPG на страницах, которые не работали, и обнаружил, что те, которые не работают, имеют метаданные EXIF. Я удалил метаданные в Photoshop, обновил веб-страницы и повторно отправил страницы в Facebook Debugger, и это сработало.

tl; dr - удалить данные EXIF из og: image.

Ответ 3

У меня был

<meta property="og:type" content="website" />

в метатегах.

Удалена эта строка, и она сработала.

Текущие теги теперь выглядят следующим образом:

<meta property="og:title" content="Title Here" />       
<meta property="og:url" content="http://www.mysite.com" />
<meta property="og:image" content="http://www.mysite.com/images/myimage.jpg"/>

Ответ 4

Facebook, по моему опыту, часто очищает ошибку размера изображения во второй царапине URL. Это дает ошибку при первой царапине изображений любого размера. Проблема заключается в том, что она заканчивается использованием изображения и произвольно обрезает его в 2: 1 для использования в сообщениях страниц.

Ответ 5

Я получал ту же ошибку, но у меня также не было og:description. Когда я добавил описание, изображение работало.

Ответ 6

Я попробовал много предложений на этом посту, а другие - безрезультатно. Решение (которое я еще не видел в другом месте) заключалось в том, чтобы добавить правильный префикс к элементу <head>, который я ранее полностью опустил.

<head prefix="og: http://ogp.me/ns#">

Я не уверен, что это действительно устранило проблему навсегда или если она заставила отладчика правильно пересканировать изображение. Надеюсь, это решение поможет кому-то другому.

Ответ 7

Я нашел, добавив следующие дополнительные теги, работающие для меня...

<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />

как упоминалось в post Facebook linter reports og: изображение слишком мало, если оно больше, чем изображение, которое он выбирает вместо

Ответ 8

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

Например, он будет правильно выбирать изображение размером 700x300, а не 610x281 (это фактические примеры из моих тестов). У меня возникла проблема, когда изображение og: было 610x281, а FB вместо этого отобразило баннерную рекламу 300x600 с нашей боковой панели, полностью игнорируя изображение og:. Когда я изменил файл необработанного изображения на 700x300, он работал нормально.

Я предполагаю, что это скоро изменится, но пока (март 2013 года), похоже, работает.

Ответ 9

Идея о 100 округлении и квадрате неверна. Я не знаю, откуда вы это взяли. Посмотрите на эту сеть. Попробуйте отладить URL http://www.stipendije.ba/novost/1969

Это может быть и до "сильных" цветов, огромных контрастов и странных символов.

Ответ 10

Я решил это, используя отладчик URL-адреса Facebook, чтобы принудительно обновить кеш канонического URL . Это был трюк. Я пытался обновить URL-адрес, который не был точным каноническим URL (ему не хватало косой черты). Когда я набрал новые метаданные правильного URL, все правильно и правильно отображалось.

Ответ 11

У меня недавно были похожие проблемы. Как правило, используйте JPG вместо файлов PNG.

Проблема с файлами PNG - прозрачный фон. Они не могут правильно рассчитать рост и вес.

Жаль, что это не указано в документации...