it-swarm.com.ru

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

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

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

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

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

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

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

50
Evan B

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

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

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

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

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

Эту же информацию, возвращаемую отладчиком, можно найти в документации по открытому графу, в тема «Максимизация распространения для медиа-контента», пункт 3: теги

65
Luciano Carvalho

Правка: Facebook исправил свою документацию: 

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

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

20
Zach Lysobey

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

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

Скотт

13
Scott Witte

У меня была та же проблема, что и у меня в голове. Я пользуюсь сайтом 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. Удачи .. надеюсь, я спасу чужую боль.

7
Muz

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

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

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

Источник: Facebook: обмен передовым опытом

6
eriklinde

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

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

4
Mike

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

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

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

4
Josh

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

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

Вы можете найти более подробную информацию об этом здесь . Пожалуйста, проверьте пункт № 4

3
Prasad Nevase

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

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

2
ZoulRic

От https://developers.facebook.com/docs/plugins/checklist/#opengraphtags

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

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

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

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

  1. og: title Название вашей статьи, исключая любые брендинги.
  2. og: site_name Название вашего сайта. например IMDb не imdb.com.
  3. og: url URL-адрес, который является уникальным идентификатором вашего сообщения. Он Должен совпадать с вашим каноническим URL-адресом, используемым для SEO, и не должен Включать какие-либо переменные сеанса, параметры идентификации пользователя или Счетчики. Если вы используете это неправильно, лайки и публикации не будут Агрегированы для этого URL и будут распространяться на все Варианты URL.
  4. og: description Подробное описание части контента , обычно от 2 до 4 предложений.
  5. og: image URL-адрес изображения, которое вы хотите видеть, когда вы делитесь ссылкой. Мы предлагаем использовать изображение размером не менее 1200x630 пикселей.
1
user2164305

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

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

1
Hari kris

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

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

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

  • не менее 600x315 пикселей
  • В идеале 1,91: 1 в соотношении
  • не более 5 МБ в размере файла
  • но как большой, как вам нравится!

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

1
sidonaldson

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

0
sdouglass

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

Пример:

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