Facebook не распознает метаданные

Question

У меня проблемы с тем, чтобы Facebook распознал тег og: image. Кажется, царапает правильно, но потом я получаю это предупреждение:

og: изображение не может быть загружено или слишком мало. При условии, что og: изображение не может быть загружено или недостаточно велико. Пожалуйста, используйте изображение размером не менее 200x200 пикселей и доступно из Facebook. Изображение ' http://ericrovtar.com/images/logo/800x200_reverse.png' будет использоваться вместо этого.

Тем не менее, глядя на необработанные данные отладчика:

"image": [
      {
         "height": 1080,
         "url": "http://ericrovtar.com/images/posts/fitz-simmons.jpg",
         "width": 1920
      }
   ],

Он явно видит правильную высоту и ширину, и они соответствуют минимальным требованиям Facebook, поэтому я не уверен, на что он жалуется.

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

Answer 1

Это распространенная проблема, и время от времени на форуме разработчиков сообщается об ошибке. Возможно, ваше изображение слишком большое и не загружается (или загружается слишком медленно). Изображение, рекомендованное Facebook, на данный момент составляет 600x600 пикселей, если я правильно помню, и все же иногда мы можем обнаружить эту проблему с Facebook Crawler (он говорит, что изображение слишком маленькое, даже если разрешение и размер правильные). Вы можете найти отчет об ошибке, который в данный момент открыт, и подписаться, если хотите, здесь: https://developers.facebook.com/bugs/294523810715538/

Answer 2

Я добавил дополнительные метаданные для изображений, перечисленные здесь: http://ogp.me/ и это сработало. В частности:

<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

Но изначально он не работал, когда у меня было 366x363, хотя это примерно мин. 200x200. Мне пришлось удвоить размер изображения, и тогда это сработало. Путь FB!

Answer 3

Очень распространенная проблема при отладке og: image - неправильное значение "og: url". Четные косые черты и регистр букв имеют значение og: url. Он должен быть точно таким же, как тот, которым вы делитесь, чтобы он работал.

Я также вставил этот ответ в следующие темы отчетов об ошибках:

https://developers.facebook.com/bugs/511829238949092 https://developers.facebook.com/bugs/204880016332273

Answer 4

Я столкнулся с ошибкой, опубликованной в этом вопросе, и проблема оказалась в том, что мы обслуживали веб-страницу по SSL, а в Интернете была небезопасная og:image тег.

Ссылка на сайт: https://ourpage.com/the-article

Когда у нас был только этот тег на странице, ошибка из вопроса: og: изображение не может быть загружена или слишком мала. При условии, что og: изображение не может быть загружено или недостаточно велика.:

<meta property='og:image' content='https://ourpage.com/img.jpg' />

Когда мы добавили этот тег на страницу, страница была правильно проверена:

<meta property='og:image:secure_url' content='https://ourpage.com/img.jpg' />

Answer 5

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

У меня было изображение, у которого не было заголовка "Тип контента", и Facebook бросил эту ошибку. Как только я установил правильный заголовок типа контента (в моем случае "image / png"), он начал работать.

(Одна небольшая поправка - эта конкретная картинка все еще не работала, как мне кажется, из-за кеширования на стороне Facebook, но другое подобное изображение было получено нормально).