og: изображение Open Graph Warnings размер изображения
Я проверяю свой URL, потому что Facebook не использует изображение, которое я установил на og: image
Мое изображение: 639x649px 486kb Но FB использовать эту картинку: 300x443px 97kb
В предупреждении сказано:
og: изображение должно быть больше: предоставляется og: изображение недостаточно велико. Пожалуйста, используйте изображение размером не менее 200x200 и предпочтительно 1500x1500. (Максимальный размер изображения составляет 5 МБ.) Вместо этого будет использоваться изображение "url из изображения, размер: 300x443px 97kb".
Но когда я пытаюсь создать изображение 1500x1500px, загрузить его на сервер, обновить и снова проверить ссылку сверху, результаты будут такими же.
10 ответов
Мой опыт работы с Facebook заставил меня усомниться в том, что компьютеры являются детерминированными машинами:)
Иногда он принимает изображение любого размера (от 200 до 1500 пикселей), иногда жалуется, что изображение слишком маленькое (например,изображение должно быть больше), даже если изображение квадратное и больше минимального размера (например, 400x400 пикселей). У меня были ситуации, когда одна и та же ссылка показывала все 3 унции: изображения в линтере и в поле состояния FB, а затем внезапно через 2 недели перестала работать и начала показывать только одно изображение при попытке поделиться им в поле состояния FB (линтер все еще показывал все 3 изображения), и наоборот. Иногда кажется, что FB имеет проблемы с разными доменами (например, страница находится на www.example.com и og: image на www.picdumpexamplesite.com), иногда это не возражает...
ИМХО он сильно сломан, и лучшее, что вы можете сделать, это:
- сделать изображения квадратными, округленными до "сотен", например, размером 300x300px
- разместить их на том же сервере (то же доменное имя)
- использовать JPG
- избегайте любых "странных" символов в имени файла (я использую только буквы и цифры)
- молись, чтобы что-то из вышеперечисленного сработало:)
Вот моя история о горе, надеюсь, она поможет кому-то еще.
Я получал подобные предупреждения:
Provided og:image is not big enough. Please use an image that's at
least 200x200 px.
но это происходило только на некоторых страницах нашего сайта, а не на других. Что было странно, так как CMS, которую мы используем последовательно, ставит 427px x 307px изображение на каждой странице, и использует URL-адрес этого изображения в качестве og:image тег.
Попробовав подсказки, приведенные выше, я сравнил файлы JPG на страницах, которые работали, с файлами JPG на страницах, которые не работали, и обнаружил, что те, которые не работали, содержали метаданные EXIF. Я удалил метаданные в Photoshop, обновил веб-страницы и повторно отправил страницы в отладчик Facebook, и это сработало.
tl; dr - удалить EXIF-данные из og:image.
Я имел
<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"/>
По моему опыту, Facebook часто устраняет ошибку размера изображения на второй странице URL. Это дает ошибку при первой очистке изображений любого размера. Проблема у меня заключается в том, что она в конечном итоге использует изображение и произвольно обрезает его до 2:1 для использования в постах на странице.
Я нашел, добавив следующие дополнительные теги, работающие для меня...
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="855" />
как упоминалось в публикации Facebook, Линтер сообщает og: изображение слишком маленькое, когда оно больше, чем выбранное изображение
У меня недавно были похожие проблемы. Как правило, используйте JPG вместо файлов PNG.
Проблема с файлами PNG - прозрачный фон. Они не могут правильно рассчитать рост и вес.
Жалко, что в документации не указано...
Я получаю ту же ошибку, но у меня тоже не было og:description, Как только я добавил описание, изображение сработало.
Я перепробовал многие предложения на этот пост и другие безрезультатно. Решение (которое я не видел в другом месте) состояло в том, чтобы добавить правильный префикс к <head> элемент, который я ранее полностью пропустил.
<head prefix="og: http://ogp.me/ns#">
Я не уверен, действительно ли это решило проблему навсегда или заставило отладчик заново сканировать изображение. Надеюсь, это решение поможет кому-то еще.
Я думаю, что SeeBeen прав. Я обнаружил, что Facebook предпочитает числа, округленные до сотен, и, кажется, не так уж важно, являются ли изображения квадратными.
Например, он правильно выберет изображение размером 700x300, а не 610x281 (это реальные примеры из моих тестов). У меня была проблема, когда og:image было 610x281, и FB вместо этого выбрал бы рекламные баннеры 300x600 с нашей боковой панели, полностью игнорируя og:image. Когда я изменил необработанный файл изображения на 700x300, он работал нормально.
Я предполагаю, что это скоро изменится, но пока (март 2013) это, кажется, работает.
Идея о 100 округлении и квадрате не соответствует действительности. Я не знаю, где ты это взял. Посмотрите на эту сеть. Попробуйте отладить URL-адрес http://www.stipendije.ba/novost/1969
Это также могут быть "сильные" цвета, огромный контраст и странные символы.
Я решил эту проблему с помощью отладчика URL-адреса Facebook, чтобы принудительно обновить кэш канонического URL-адреса. Это был трюк. Я пытался обновить URL, который не был точным каноническим URL (в нем отсутствовала косая черта). После того, как я получил новые метаданные правильного URL-адреса, все разрешалось и отображалось правильно.