Какова минимальная ширина и высота изображений Facebook Open Graph?

Я читал, что изображения, связанные с данным URL-адресом в открытом графике Facebook, должны быть больше 50 x 50

Однако, когда мы запустили отладчик Facebook Object, мы получили следующее предупреждение:

"Tiny og: image: Все изображения, на которые ссылается og: image, должны быть не менее 200 пикселей в обоих измерениях. Пожалуйста, проверьте все изображения с тегом og: image в указанном URL-адресе и убедитесь, что он соответствует минимальной спецификации."

Наш URL-адрес http://www.famousbirthdays.com/people/charlie-chaplin.html, и изображение появляется в свойствах объекта

Нужно ли нам конвертировать наши изображения в более 200 х 200? Или мы можем оставить его как есть? В настоящее время это изображение 65 х 75.

спасибо за вашу помощь!

Ответы

Ответ 1

Сегодня у меня был более ясный ответ на этот вопрос (из Отладка Open Graph tool):

Маленький og: image: Все изображения, на которые ссылается og: image, должны быть в менее 200 пикселей в обоих размерах, предпочтительно 1500x1500. (Maximum размер изображения составляет 5 МБ.) Пожалуйста, проверьте все изображения с тегом og: image in данный URL-адрес и убедитесь, что он соответствует рекомендуемой спецификации.

og: изображение должно быть больше: Предоставляется og: изображение недостаточно велико. пожалуйста используйте изображение, которое не менее 200x200 и предпочтительно 1500x1500. (Максимальный размер изображения составляет 5 МБ.) Вместо этого будет использовано изображение...

Итак, ДА, вам нужно преобразовать открытые графические изображения не менее 200x200 пикселей, и кажется, что чем больше, тем лучше.

Если ваше изображение меньше 200x200, Facebook попытается использовать большее изображение (если), доступное на странице.

То же самое, что возвращается отладчиком, можно найти в открытой графической документации, "Максимальное распространение для медиаконтента" , пункт 3: теги

Ответ 2

Изменить: Facebook Исправлена ​​их документация:

От Ответ Лучано:

og: изображение должно быть не менее 200 пикселей в обоих размерах, предпочтительно 1500x1500. (Максимальный размер изображения составляет 5 МБ.)

Ответ 3

Это довольно ясно. Они не могут быть больше 130x110px и должны быть не менее 200px на сторону. Это вполне возможно, если вы сохраняете свое изображение на TARDIS.

Серьезно, я просто наткнулся на это сам, что меня совсем смутило, так как страницы давно прошли мимо. Я ожидаю, что это изменение, предназначенное для расписания временной шкалы, которое не было обновлено в документации. То, что я не могу найти, - это если og: изображения теперь должны быть "по крайней мере" 200 пикселей на каждую сторону, что является максимальным и каков текущий рекомендуемый размер. WTF действительно.

Скотт

Ответ 4

У меня была такая же проблема, что и моя голова. Я использую сайт Wordpress, поэтому мне пришлось отказаться от www. Проверьте свой wordpress admin > settings >general на адрес вашего сайта/адрес Wordpress и т.д. Это преодолеет другие ошибки URL.
Что касается проблемы с изображением, все, что я могу сказать, заключается в том, что использование этого в моем файле заголовка сработало для меня. Я добавил это ниже.

<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:image" content="http://yourwebsite.com/images/yourimage.jpg"/>
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="og:title" content="your website page title"/>
<meta property="og:url" content="http://yourwebsite.com"/>
<meta property="og:site_name" content="site name and content etc"/>
<meta property="og:description"content="description of site" />
<meta property="og:type" content="Website"/>

В wordpress я оставил <title><?php wp_title( '|', true, 'right' ); ?></title>.

Также, как было предложено в других сообщениях в моем экземпляре, этот код: <link rel="image_src" href="http://URL-TO-YOUR-IMAGE" / > сделал НЕ РАБОТАЮ. Сняв его, он мгновенно удалился.

Я использовал изображение 500 х 500. Удачи.. надеюсь, я сохраню чужую боль.

Ответ 5

Просто следуйте этим правилам:

  • "Используйте изображения размером не менее 1200 x 630 пикселей для лучшего отображения на устройствах с высоким разрешением".
  • "Постарайтесь максимально приблизить ваши изображения как можно ближе к соотношению сторон 1.91:1, чтобы отобразить полное изображение в ленте новостей без кадрирования".
  • Предпочтительная ширина изображения составляет 1500 пикселей

Придерживаясь вышеприведенных принципов, предпочтительное изображение имеет ширину 1500 пикселей и высоту 786 пикселей (что сохраняет соотношение сторон 1.91:1).

Источник: Facebook: обмен лучшими практиками

Ответ 6

Выглядит как ошибка в спецификации. Обходное решение состоит в том, чтобы сделать ваши изображения 200px, но скопировать то, что вы не хотите видеть, или уменьшить их, если у вас есть достаточно большие оригиналы. Например, если ваше изображение составляет 25x25 пикселей, вы можете добавить 175px к обоим измерениям, а затем вложить это изображение внутри div с переполнением: скрытое свойство css и ширина/высота 25x25. Не самый чистый, но он будет работать.

Я открыл билет с Facebook, чтобы решить проблему плохой документации и раскрыть, если это реальная спецификация или ошибка. http://developers.facebook.com/bugs/210269722417284

Ответ 7

Похоже, что они обновили свои документы:

Изображение должно быть не менее 50 пикселей на 50 пикселей (хотя минимум 200 пикселей на 200px) и имеют максимальное соотношение сторон 3: 1

developers.facebook.com/docs/reference/dialogs/feed

Ответ 8

Из страницы разработчиков Facebook:

Используйте изображения размером не менее 1200 x 630 пикселей для лучшего отображения на устройства с высоким разрешением. Как минимум, вы должны использовать изображения, которые 600 x 315 пикселей для отображения сообщений с более крупными изображениями.

Подробнее об этом здесь. Пожалуйста, проверьте номер 4

Ответ 9

Используйте изображения с разрешением не менее 1200 x 630 пикселей для лучшего отображения на устройствах с высоким разрешением. Как минимум, вы должны использовать изображения размером 600 x 315 пикселей, чтобы отображать сообщения страниц ссылок с большими изображениями.

Ссылка: https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content#images

Ответ 10

Из https://developers.facebook.com/docs/plugins/checklist/#opengraphtags

  • Используйте правильные теги Open Graph для распределения дисков

Теги Open Graph могут быть включены в HTML-страницы ваших страниц, чтобы позволить Google Crawler генерировать лучшие превью, когда ваш контент делится на Facebook.

Основные теги Open Graph, которые вы должны реализовать:

Описание тега

  • og: title Заголовок вашей статьи, за исключением любого брендинга.
  • og: имя_сайта Название вашего сайта. например IMDb не imdb.com.
  • og: url URL-адрес, который является уникальным идентификатором для вашего сообщения. Это должен соответствовать вашему каноническому URL-адресу, используемому для SEO, и он не должен включают любые переменные сеанса, параметры идентификации пользователя или счетчики. Если вы используете это ненадлежащим образом, предпочтения и акции не будут агрегируется для этого URL-адреса и будет распространяться по всем варианты URL.
  • og: description Подробное описание часть содержания, обычно от 2 до 4 предложений.
  • og: image URL-адрес изображения, которое вы хотите отображать при совместном использовании ссылки. Мы предлагаем использовать изображение размером не менее 1200x630 пикселей.

Ответ 11

Документы были обновлены снова!

og: изображение теперь может быть таким большим, как вам нравится - whoop

Они рекомендовали следующее:

  • не менее 600x315 пикселей
  • Идеально 1,91:1 в соотношении
  • не более 5 МБ в размере файла
  • но КАК БОЛЬШЕ КАК ВАМ НРАВИТСЯ!

Также не забывайте, что вы можете добавить несколько изображений og: и позволить пользователю выбрать, какой образ они хотят использовать.

Ответ 12

С вашего сообщения кажется, что вы хотите поделиться записью, используя концепцию OG, в facebook. Для этого размер минимальный изображения должен быть 200px (x) 200p Икс. Это стандартное измерение по FB, и если нет определенного размера изображения, оно будет иметь следующее изображение на вашей странице, имеющее тот же размер.

Минимальный размер изображения Минимальный размер изображения - 200 x 200 пикселей. Если вы попытаетесь использовать изображение, меньшее этого, вы увидите сообщение об ошибке в URL Debugger. Пожалуйста, проверьте эту ссылку " >

Ответ 13

Я столкнулся с той же проблемой. Я не выполнял исчерпывающее тестирование, поэтому не могу точно сказать, какие требования должны предъявлять изображения. Я могу сказать, что я переключил свои изображения нa > 200x > 200 (в частности, 350x350), и они появились после этого.

Ответ 14

Если вы даже сообщаете изображение размером более 200x200 (как новая документация), Debuger все еще обвиняет изображение не достаточно большим, решение для добавления метатега ниже с размерами изображения:

Пример:

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

Ответ 15

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

Общая проблема с файлами png заключается в том, что из-за прозрачного фона они не могут правильно рассчитать рост и вес, поскольку появились варианты проблемы.

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