0

Почему изображение не отображается в sharebook? Вот мой код, пожалуйста, скажите мне, где я сделал неправильно мой код в локальном хостеПочему изображение не отображается в sharebook?

<html> 
<head> 
<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '1474558775911287', 
     xfbml  : true, 
     version : 'v2.8' 
    }); 
    FB.AppEvents.logPageView(); 
    }; 

(function(d, s, id){ 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

    <title>Your Website Title</title> 
    <meta property="og:url"   content="http://pypolo.com/" /> 
    <meta property="og:type"  content="website" /> 
    <meta property="og:title"  content="Hello" /> 
    <meta property="og:description" content="Your description" /> 
    <meta property="og:image" content="http://avnavu.com/wp-content/uploads/2014/09/Usay-Mein-Yaad-Aata-Hoon-shayari.jpg" /> 
<!-- You can use Open Graph tags to customize link previews. 
Learn more: https://developers.facebook.com/docs/sharing/webmasters --> 
</head> 
<body> 
    <!-- Load Facebook SDK for JavaScript --> 
    <div id="fb-root"></div> 

    <!-- Your share button code --> 
    <div class="fb-share-button" data-href="http://pypolo.com/" data-layout="button_count"> 
    </div> 

</body> 
</html> 
+0

Что вы подразумеваете под _ "мой код в localhost" _? Вы пытаетесь использовать 'http: // pypolo.com /', как ваш локальный хост? Разве это не настоящий домен, а то, что вы только что создали для тестирования? // Вы не можете отлаживать метатеги Open Graph из localhost - чтобы прочитать их, Facebook должен запросить страницу, а это невозможно через localhost. – CBroe

+0

Я тестирую его с localhost, в основном http://pypolo.com/ is live –

+0

Возможно, он жив, но он не содержит метатег Open Graph. – CBroe

ответ

2

Когда имеешь дело с тем, что видит кнопку доля Facebook, попробуйте использовать инструмент Sharing Debugger здесь: https://developers.facebook.com/tools/debug/sharing

Я попробовал ввести URL-адрес, который вы там разместили: http://pypolo.com

Он покажет вам результаты сканера Facebook, когда он посмотрит ваши метатеги. Очевидно, ваш og: image не указан в этом домене.

Вы говорите, что ваш код работает на вашем локальном хосте. Facebook не может читать с вашего компьютера вообще. Кроме того, ваша кнопка общего доступа в коде указывает на http://pypolo.com, а не на вашу машину. Даже если вы попытаетесь указать его на свою машину, вам придется настроить свою машину в основном как на реальном сервере и открыть ее миру. Не то, что вы обычно хотите делать. Так что в основном я говорю, что, хотя у вас есть og: image в вашем коде, который не отправляется вообще в Facebook через кнопку общего доступа Facebook.

Что вам нужно сделать, это загрузить свой код на сервер, на котором работает pypolo.com. Таким образом, искатель Facebook может видеть это изображение. Затем повторите попытку URL-адреса в Debugger Sharing и вы увидите изображение в сообщении в этот момент.

 Смежные вопросы

  • Нет связанных вопросов^_^