Изображение

Когда кто-то отправляет ссылку на facebook, script обычно сканирует эту ссылку для любых изображений и отображает быстрый снимок рядом с сообщением. Однако для некоторых URL-адресов (включая мой) FB, похоже, ничего не набирает, несмотря на то, что на этой странице есть несколько изображений.

Я прочитал, что FB предпочитает тег rel_ imagers для изображения, которое пользователь хочет указать, но это не создает этот значок для моего сайта.

Мой url отправляется непосредственно в DNS и не перенаправляется, поэтому я не думаю, что это тоже проблема.

Есть ли у кого-нибудь идея, почему FB не может создавать какие-либо миниатюры с моего сайта?

ОТВЕТЫ

Ответ 1

Самый простой способ - это только тег ссылки:

<link rel="image_src" href="http://stackoverflow.com/images/logo.gif" />

Но есть и другие вещи, которые вы можете добавить на свой сайт, чтобы сделать его более удобным для социальных сетей:

Открыть графические теги

Открытые теги Graph - это теги, которые вы добавляете к <head> вашего сайта, чтобы описать сущность, которую представляет ваша страница, будь то группа, ресторан, блог или что-то еще.

Тег Open Graph выглядит так:

<meta property="og:tag name" content="tag value"/>

Если вы используете теги Open Graph, необходимы следующие шесть:

  • og:title - название объекта.
  • og:type - тип объекта. Вы должны выбрать тип из списка типов Open Graph.
  • og:image - URL-адрес изображения, представляющего объект. Изображения должны быть не менее 50 пикселей на 50 пикселей. Квадратные изображения работают лучше всего, но вам разрешено использовать изображения в три раза шире, чем они высоки.
  • og:url - канонический, постоянный URL-адрес страницы, представляющей объект. Когда вы используете теги Open Graph, кнопка "Like" помещает ссылку на og:url вместо URL-адреса в коде кнопки "Like".
  • og:site_name - Человеко-читаемое имя для вашего сайта, например, "IMDb".
  • fb:admins или fb:app_id - список, разделенный запятыми либо идентификаторами Facebook администраторов страниц, либо идентификатором приложения платформы Facebook. Как минимум, укажите только свой собственный идентификатор Facebook.

Более подробную информацию о тегах и подробностях Open Graph о администрировании вашей страницы можно найти в документации протокола Open Graph.

http://developers.facebook.com/docs/reference/plugins/like

Ответ 2

Я знаю, что этот вопрос старый, но я недавно рассмотрел ту же самую проблему и обошел его пару недель. Множественный поиск в Google показал много полезной информации, но большая часть из них была сосредоточена на тегах Open Graph, которые меня не интересовали. Оказывается, у моего сайта было несколько проблем, но вот некоторые из основ.

  • Как сказал EightyEight, убедитесь, что ваш HTML действителен - и то же самое касается вашего javascript и серверного кода (PHP, ASP и т.д.). У меня была небольшая ошибка PHP в куске кода, который выполнялся как отдельный вызов сервера с главной страницы. Из-за ряда странных совпадений этот код генерировал ошибку 500, но ТОЛЬКО для IE6 и строгих синтаксических машин, таких как валидатор W3C и сканер страницы Facebook. Проблема не появлялась в современных браузерах (Chrome 4, FF 3.5, IE 8 и т.д.), Поэтому я не видел ее сразу, но более старые/более строгие клиенты показывали 500 каждый раз, и это было основной причиной, по которой FB wasn 't сканирование нашей страницы (когда все остальное казалось правильным).

  • Что касается ответа Рэнди, он исправит, что Facebook сохранит старую кешированную копию вашей страницы после того, как вы ее обновите. FB утверждает, что он проводился только 24 часа, но я испытал гораздо больше времени, чем это. FORTUNATELY, FB выпустил свой инструмент "URL Linter", который покажет вам предварительный просмотр того, как будет отображаться ваша страница при совместном использовании в FB, и это заставит FB мгновенно обновить свой кеш вашей страницы. Это был спасательный инструмент. Вы можете найти его на http://developers.facebook.com/tools/lint/

  • Что касается инструмента URL Linter, имейте в виду, что каждый вариант URL-адреса кэшируется отдельно на Facebook, поэтому "www.example.com" не совпадает с "example.com". Кроме того, сохраняется уникальная капитализация, поэтому "ExampleOne.com" не совпадает с "exampleone.com". (Это привело к большой путанице между моим клиентом и мной, когда мне показалось, что кеш был обновлен очень хорошо, и клиент утверждал, что они не видели обновления. Оказывается, я смотрел на exampleone.com и использовал Linter, чтобы обновить кеш, но они смотрели на exampleOne.com, который я не отправил Linter. В результате я в конечном итоге представил несколько вариантов URL-адреса для Linter, чтобы покрыть базы.)

  • Совет WyrdNEXUS для использования тега ссылки image_src находится на месте. Это позволяет убедиться, что FB очищает наилучшее изображение для вашей страницы. Существуют некоторые различные рекомендации о том, какие спецификации должен иметь файл изображения, но я успешно использовал квадратное изображение размером 128 пикселей и увидел, что изображение 130x97 пробило его. Вот официальная документация Facebook от http://developers.facebook.com/docs/reference/plugins/like/:

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

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

  • Что касается ссылки Майка Купера на статью eHow, избегайте использования шага № 1 в этой статье. Это был правильный совет, когда статья была написана, и когда Майк опубликовал ссылку, но теперь лучше использовать инструмент URL-адрес URL-адреса для предварительного просмотра того, как будет отображаться ваша страница при совместном использовании. Используя Linter, вы не будете заставлять FB кэшировать (потенциально) плохую копию страницы, прежде чем вы сможете ее настроить.

Ответ 3

Чтобы изменить заголовок, описание и изображение, нам нужно добавить некоторые метатеги под заголовком head.

ШАГ 1: Добавить метатеги под заголовком

<html>
<head>
<meta property="og:url" content="http://www.test.com/" />
<meta property="og:image" content="http://www.test.com/img/fb-logo.png" />
<meta property="og:title" content="Prepaid Phone Cards, low rates for International calls with Lucky Prepay" />
<meta property="og:description" content="Cheap prepaid Phone Cards. Low rates for international calls anywhere in the world." />

СЛЕДУЮЩИЙ ШАГ: Нажмите ссылку ниже https://developers.facebook.com/tools/debug

Добавьте свой URL в текстовое поле (например, http://www.test.com/), где вы упомянули теги. Нажмите кнопку DEBUG.

Сделано.

Здесь вы можете проверить https://www.facebook.com/sharer/sharer.php?u=http://www.test.com/

В приведенном выше URL-адресе u = ссылка на ваш сайт

НАСЛАЖДАЙТЕСЬ!!!!

Ответ 7

Собственно, если вы уже пытались связать эту страницу в Facebook, перед добавлением ссылки "image_src", Facebook будет продолжать использовать старую кешированную копию и даже не увидеть ваши изменения. Попробуйте изменить URL-адрес, удалив или добавив "www" или дублируйте свою страницу, чтобы проверить его.

Ответ 8

Я заметил, что Facebook не берет эскизы с веб-сайтов, если они начинаются с https, возможно, это ваш случай?

Ответ 9

имел ту же проблему и выяснил, что мой закрывающий тэг был не в том месте

Ответ 10

Старый вопрос, но в последнее время я, похоже, столкнулся с той же проблемой, что и миниатюры с моей ссылки, не отображающие обновления статуса на Facebook. Я публикую для многих клиентов, и это относительно новое.

FB больше не похож на длинные URL-адреса - если вы используете сокращенный URL-адрес, например goo.gl или bitly.com, миниатюра из вашей ссылки/сообщения появится в вашем обновлении FB.

Ответ 11

Попробуйте использовать что-то вроде этого:

<link rel="image_src" href="http://yoursite.com/graphics/yourimage.jpg" /link>`

Кажется, все прекрасно работает в Firefox, если вы используете полный путь к вашему изображению.

Проблема в том, что по какой-то причине он получает вертикальное смещение вниз. Изображение 200 x 200, как рекомендовано, где-то я читал.

Ответ 12

Если вы использовали какой-либо плагин для seo, тогда проверьте 1st ваши настройки плагина seo. Затем найдите параметр Noindex, если Enable Media для Noindex отключите его.