Теги Facebook OG и публикации страниц с изображениями

Я боролся с этим уже много часов и ничего не добился.

У меня есть следующие метатеги:

<meta property="og:type" content="website" />
<meta property="og:title" content="I'm going to see Speaker name" />
<meta property="og:description" content="This is the description of the speaker" />
<meta property="og:url" content="http://example.com/Speakers.aspx?speaker=35" />
<meta property="og:image" content="http://example.com/test.jpg" />
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="315">

После запуска этого URL-адреса через инструмент отладки Facebook я получил следующее сообщение об ошибке: Объект по URL-адресу 'http://example.com/Speakers.aspx?speaker=35» типа «веб-сайт» недействителен, поскольку не было предоставлено обязательное свойство «og:image:url» типа «url».

Согласно протоколу Open Graph (http://ogp.me/#structured), og:image и og :image:url идентичны, но я все равно пытался их добавить:

<meta property="og:image:url" content="http://example.com/RGDDT/images/test.jpg" />
<meta property="og:image:type" content="image/jpeg" />

Однако первые 7 изображений на странице все еще очищаются вместо того, которое я хочу использовать.

Любая информация будет принята с благодарностью!


facebook-opengraph metadata facebook-sharer
person user1380540    schedule 27.05.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вероятно, это лучшая статья о том, какие метатеги вам нужны. Facebook требует, чтобы у вас был идентификатор, чтобы использовать даже кнопку «Мне нравится» в наши дни. Я не вижу этих метатегов в вашем фрагменте. Попробуйте добавить:

<meta property="fb:app_id" content="1111111111111111" />
<meta property="fb:admins" content="2222222222" />

Во-первых, это ваш номер app_id, кажется, вам нужно превратить даже свой блог в приложение, чтобы сделать Facebook счастливым. Второй — это ваш личный идентификационный номер, вы также можете использовать свою фан-страницу, если она у вас есть. Включение этих вещей, кажется, делает Facebook счастливым, и я думаю, что вы получаете Analytics для своих проблем.

person Muskie    schedule 28.05.2014
comment
Спасибо, Маски. Страница, которой я хочу поделиться, не является приложением Facebook, поэтому я не понимаю, насколько это актуально. У клиента даже нет фан-страницы в Facebook, связанной с этим сайтом (не блог). Также я не пользуюсь кнопкой «Мне нравится». Я использую кнопку «Поделиться» через AddThis - person user1380540; 29.05.2014
comment
Все блоги теперь являются приложениями в соответствии с Facebook, если вы используете плагин Facebook WordPress, вы должны стать приложением. Если вы используете плагин Disqus, вы должны стать приложением. AddThis должно быть приложением, они получают аналитику, а не вы. - person Muskie; 29.05.2014
comment
Сайт создан не на Wordpress. Это не блог. Это веб-сайт. Я также не использую плагин Disqus. - person user1380540; 30.05.2014
comment
Я не думаю, что вы понимаете определение приложения Facebook. Все, что получает доступ к API OpenGraph любым значимым способом, будь то с мобильного устройства или из Интернета, Facebook, кажется, хочет вызвать приложение и зарегистрировать его/их. Если вам нужна самая модная кнопка «Нравится/поделиться», вам нужно зарегистрировать свое приложение. Неважно, являетесь ли вы блогом или веб-сайтом электронной коммерции, вам нужны самые причудливые функции Facebook, вам нужен волшебный идентификационный номер. - person Muskie; 30.05.2014
comment
Ну, как видите, я решил свою проблему. Мой общий доступ теперь работает, как и ожидалось, без регистрации приложения или предоставления идентификатора приложения в моих метаданных. - person user1380540; 30.05.2014

arrow_upward
0
arrow_downward

Итак, я наконец решил эту проблему.

Проблема 1. Я использовал «постоянные» URL-адреса (/getmedia/3c87abee-1cd0-4ca3-a07d-b7d8fde8ec4b/irma1.jpg.aspx?width=437&height=434&ext=.jpg) вместо « прямые URL-адреса (/RGDDT/media/RGDDT/Speakers/facebook-share/irma-boom.jpg?width=600&height=315&ext=.jpg). Это была настройка, которую я смог настроить в Kentico (CMS, которую мы использовали для создания этого сайта).

Проблема № 2: я получал нужные результаты в инструменте отладки Facebook, но они кэшировались, когда я пытался поделиться с работающего сайта. Благодаря этой статье я смог решить эту проблему, добавление '&v=1' (или '?v=1', если у вас еще нет строки запроса в конце вашего URL-адреса), поэтому Facebook посчитал это новым запросом страницы и не кэшировал описание, которое я жестко запрограммировал. на сегодня утром.

person user1380540    schedule 29.05.2014
comment
Спустя годы... как вы впихиваете теги OG на страницу в Kentico? Вы делаете это общим способом, который я мог бы воспроизвести, чтобы большинство страниц заканчивались красивыми ссылками, если кто-то попытается добавить их в Facebook (или LinkedIn)? - person Mir; 02.05.2016
comment
Я использовал веб-часть HEAD - person user1380540; 25.05.2018