Отладчик FB говорит, что мой og: image должен быть больше, даже если он большой

проверьте этот результат отладки статьи с помощью Facebook debugger.

Он приходит с этим предупреждением:

OG:изображение должно быть больше. При условии og: изображение недостаточно большое. Пожалуйста, используйте изображение, которое по крайней мере 200x200 и предпочтительно 1500x1500.

но если вы откроете изображение, отображаемое в поле"og:image" ниже, вы можете ясно видеть, что изображение достаточно большое-700x350 px.

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

есть идеи, почему это происходит?

Edit: может ли проблема быть вызвана тем, что моя CMS перенаправляет url-адрес изображения?

12 ответов


попробуйте добавить это:

<meta property="og:image:width" content="200" />
<meta property="og:image:height" content="200" />

прежде всего вам нужно загрузить изображение, которое больше 200 x 200 (например, я загрузил максимальный размер, который составляет 1500 x 1500). Некоторые люди говорят, что ширина и высота изображения должны быть одинакового размера. Я никогда не рисковал проверить, правильно это или нет.

после обновления размера изображения проблема все еще существует, и вам нужно будет добавить определенный параметр в ссылку og: image, чтобы отладчик Facebook обновил кэш изображение.

например:

<meta property="og:image" content="http://bri.ge/img/brige1.png?t=12345?">

Это параметр: ?t=12345?

подождите около 5 минут и проблема будет решена.


Это было связано с моей системой CMS, перенаправляющей URL-адрес изображения. Таким образом, правильное изображение появилось в отладчике Facebook, но FB, вероятно, искал размер изображения до перенаправления, а затем у него еще не было размера.

поэтому я сказал моей CMS не перенаправлять URL-адрес моих изображений. Как это работает зависит от того, какую CMS вы используете.


Я

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

в мета-теги.

удалил эту строку, и она сработала, поэтому текущие теги выглядят так:

    <meta property="og:title" content="PUT TITLE HERE" />   
    <meta property="og:url" content="http://www.example.com" />
    <meta property="og:image" content="http://www.example.com/images/myimage.jpg"/>

немного поздно, но у меня была эта проблема после создания нового открытого графического изображения в photoshop. Это не имело никакого смысла, потому что в отладчике он все еще отображал найденное изображение, которое было 359x379. Он все еще жаловался, что он меньше, чем 200x200.

Я не пытался изменить какие-либо другие теги заголовка, так как я не считал, что это проблема.

вместо этого я снова открыл photoshop и снова сохранил изображение. Я сохранил его как JPG с качеством 85% - и разница была в том, что я использовал "прогрессивный" вместо "оптимизированный". Это исправило проблему сразу, хотя я не уверен, что "оптимизированная" настройка была проблемой.


еще одна проблема, которая может вызвать это использование символов, таких как # в имени файла.

allthough браузер покажет их правильно, facebook даст сообщение об ошибке img является небольшим, в то время как infact он не в состоянии прочитать его.

поэтому убедитесь, что имя файла изображения использует только стандартные символы от A до z, _, -, 0-9


Если кто-то все еще сталкивается с этой проблемой, даже если скраппер facebook правильно царапает изображение размера >= 200x200, подождите час и пойдите выпить кофе. Вернитесь и снова нажмите debug, и все будет в порядке. Facebook требуется время для обновления сохраненных графических данных.


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

поэтому я просто отправил тот же URL еще раз, и он перестал жаловаться. В основном это одна отладка. Попробуйте обновить отладьте и посмотрите, не исправит ли это для вас.


определить og:image:width и og:image: height параметры, такие как @Maria предложил.


что я заметил, когда я столкнулся с выскобленным URL-адресом, это то, что facebook не может видеть изображение такого же размера, как в сообщениях. Например, скопируйте url-адрес изображения, который в отладке маленький, вставьте в браузер, и действительно изображение очень маленькое. Теперь перейдите к своему сообщению, скопируйте url-изображение из своего сообщения и вставьте его в тот же или любой браузер. Теперь размер картинки большой.


Если url-адрес изображения https: / / и Facebook имеет проблемы с чтением вашего SSL-сертификата, он выдаст это довольно бесполезное сообщение об ошибке. Чтобы проверить, Посмотрите, работает ли HTTP: / / url для изображения. Если это так, Ваш сертификат CA может потребоваться некоторая настройка. Попробуйте Googling "ошибка Curl : SSL_CACERT SSL-сертификат проблема: не удается получить сертификат локального эмитента"

Примечание: даже если у вашей страницы нет проблем с отображением протокола https, Facebook копает глубже, чтобы подтвердить вашу личность. Я думаю, это относительно недавно. Учитывая все их фальшивые новости, я не слишком расстроюсь.


роботы вашего сайта.txt-файл может ограничивать доступ искателя Facebook к вашему сайту. Когда робот Facebook обходит его, он не может видеть файл. Загрузите изображение в корневой каталог вашего сайта.

правило пиксела 200x200 важно, используйте 400x400 для того чтобы получить лучшее качество изображения через обжатие. Протестировано с изображениями png и jpeg.