Интеграция кнопки «Поделиться» на Facebook с описанием, проблема imgae! - PullRequest
Новая
       21

Интеграция кнопки «Поделиться» на Facebook с описанием, проблема imgae!

1 голос
/ 16 мая 2011

У меня проблема с интеграцией кнопки «Поделиться» с моим сайтом.Когда я нажимаю поделиться, он показывает только URL моего веб-сайта. Он не показывает изображение и описание, в чем может быть проблема ???

Ниже мой код: 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Welcome  Facebook Read Eval Log Loop</title>
    <meta name="description" content="Examples for the Facebook Platform.">
    <meta name="keywords" content="facebook, connect, facebook connect, javascript,    examples, javascript sdk, javascript library, library, howto, tutorial, api, facebook apisdk">
    <meta property="fb:admins" content="5526183">
    <meta property="fb:app_id" content="123865001025929">
    <meta property="og:image" content="https://fbrell.com/logo.jpg">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://fbrell.com/">
</head>
<body>
    <div id="fb-root"></div>
    <script src="http://connect.facebook.net/en_US/all.js"></script>

    <script>
    FB.init({
             appId  : '123865001025929',
             status : true, // check login status
             cookie : true, // enable cookies to allow the server to access the session
             xfbml  : true  // parse XFBML
    });
    </script>
    <fb:share-button href="http://fbrell.com" type="button"> </fb:share-button>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 16 мая 2011
  1. Вам не хватает og:title, поэтому вам нужно добавить его, например: <meta property="og:title" content="Welcome Facebook Read Eval Log Loop"/>
  2. правильно закройте теги, как упомянуто @ dwarfy
  3. Не используйте fb:share-button! используйте как плагин вместо
0 голосов
/ 16 мая 2011

Кажется, что работает с линтером facebook:

http://developers.facebook.com/tools/lint/?url=http%3A%2F%2Ffbrell.com%2F

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

Работает ли сейчас?

Кстати, это дает: 

Warning
Required Property Missing   og:title is required
...