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 /'을 공유하려고합니다. 어떻게 그게 당신의 로컬 호스트입니까? 이것은 실제 도메인이 아니지만 테스트를 위해 로컬로 설정 한 것입니까? // localhost에서 Open Graph 메타 태그를 디버깅 할 수 없습니다. 읽기 위해 Facebook은 페이지를 요청해야하며 이는 localhost를 통해 가능하지 않습니다. – CBroe

+0

localhost에서 테스트 중이며, 기본적으로 http://pypolo.com/은 라이브입니다. –

+0

라이브 일 수 있지만 Open Graph 메타 태그가 없습니다. – CBroe

답변

2

페이스 북 공유 버튼이 보는 무엇을 다룰 때, 여기에 공유 디버거 도구를 사용해보십시오 : https://developers.facebook.com/tools/debug/sharing

내가 입력 한 URL을 입력 해 보았습니다.

메타 태그를 볼 때 Facebook의 크롤러 결과가 표시됩니다. 분명히 og : 이미지가 해당 도메인에 설정되어 있지 않습니다.

코드가 로컬 호스트에서 실행된다고합니다. 페이스 북은 귀하의 컴퓨터에서 전혀 읽을 수 없습니다. 또한 코드의 공유 버튼이 컴퓨터가 아닌 http://pypolo.com을 가리키고 있습니다. 비록 당신이 당신의 컴퓨터를 가리 키기 만했다면, 당신은 당신의 머신을 기본적으로 실생활 서버와 같이 셋업하여 세상에 열어 놓아야합니다. 당신이 일반적으로하고 싶은 것이 아닙니다. 그래서 기본적으로 내가 말하는 것은 og : image 코드에 있지만 Facebook 공유 버튼을 통해 Facebook에 전혀 전송되지 않는다는 것입니다.

pypolo.com이 실행되는 서버에 코드를 업로드해야합니다. 이렇게하면 Facebook의 크롤러가 해당 이미지를 볼 수 있습니다. 그런 다음 공유 디버거에서 URL을 다시 시도하면 해당 지점의 이미지에 이미지가 표시됩니다.

관련 문제