0

爲什麼圖像不顯示在Facebook的份額? 這裏是我的代碼,請告訴我哪裏做錯了 我的代碼是在本地主機爲什麼圖像不顯示在Facebook的份額?

<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

你是什麼意思_「我的代碼是在本地主機」_?你正在嘗試分享'http:// pypolo.com /',那你的本地主機怎麼樣?這是不是一個真正的域名,但你剛剛在本地設置測試? //你不能從本地主機調試開放圖形元標籤 - 要閱讀它們,Facebook需要請求頁面,而這不可能通過本地主機。 – CBroe

+0

我正在從localhost測試它,基本上http://pypolo.com/是活的 –

+0

它可能是實時的,但它不包含任何Open Graph元標記。 – CBroe

回答

2

當與Facebook分享按鈕所看到的處理,在這裏嘗試使用共享調試工具:https://developers.facebook.com/tools/debug/sharing

我試着輸入你放在那裏的URL:http://pypolo.com

它會告訴你Facebook的抓取工具在看你的meta標籤時的結果。顯然你的og:圖像沒有設置在該域。

你說你的代碼在本地主機上運行。 Facebook根本無法從您的計算機上讀取數據。此外,代碼中的分享按鈕指向http://pypolo.com,而不是您的計算機。即使你試圖將它指向你的機器,你也必須讓你的機器設置基本上像一個真實的生活服務器,並打開它的世界。不是你通常想要做的事。所以基本上我的意思是,雖然你的代碼中有這個og:image,但它並沒有通過Facebook共享按鈕發送給Facebook。

你需要做的是上傳你的代碼到pypolo.com運行的服務器上。這樣Facebook的抓取工具就可以看到這個圖像。然後重試共享調試器中的URL,您應該在該位置查看帖子中的圖像。