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

#facebook #button #fbml #share

#Facebook #кнопка #fbml #Поделиться

Вопрос:

Я столкнулся с проблемой при интеграции кнопки «Поделиться» с моим веб-сайтом. Когда я нажимаю «Поделиться», отображается только 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>

Ответ №1:

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

Ответ №2:

Похоже, это работает с facebook linter :

http://developers.facebook.com/tools/lint/?url=http://fbrell.com/

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

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

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

 Warning
Required Property Missing   og:title is required

1. @user746909 ты проверил ссылку на linter? Правильны ли информация и изображение там? developers.facebook.com/tools/lint /…

2. отсутствует требуемое свойство с предупреждением об ошибке og: требуется заголовок, как мне это решить

3. Что-то вроде: <meta property="og:url" content="Facebook Read Eval Log Loop"> ??? Пожалуйста, попытайтесь понять сообщение об ошибке, когда есть

4. Также я бы закрыл мета-теги: <meta property="og:url" content="Facebook Read Eval Log Loop" /> (обратите внимание на закрытие / )