Facebook Open Graph No Image 처음으로

Question

링크가있는 공유/보내기 버튼을 구성하려고합니다. 페이지에 열린 그래프 이미지 태그를 올바르게 구성했지만 공유/보내기 대화 상자를 처음 열면 이미지가 표시되지 않습니다. 페이지를 새로 고치지 않고 두 번째로 공유/보내기 대화 상자를 열면 이미지가 표시됩니다. 페이지의 URL과 이미지는 모두 HTTPS (HTTPS가 아닌)로되어 있습니다.

페이지에 고유 한 URL이 있기 때문에 단순히 URL 링 도구를 사용할 수 없습니다. 웹 사이트는 사람들에게 가상의 꽃을 보내는 것에 관한 것이므로 공유 할 페이지가 새로 생성됩니다.

정말 문제가 발견 도움 :

Answer 1

감사하겠습니다. 오픈 그래프 태그를 올바르게 설정하지 않으면 어떻게 든이 문제가 발생합니다.

잘못된 :

<meta property="og:image" content="http://asdfg.com/<%= videoId %>/image" /> 

올바른 : - : 그것은 다른 모든 태그 전에 설정 이미지 메타 태그 그렇지 않으면 나를 위해 일한

<meta property="og:image" content="http://asdfg.com/<%= videoId %>/image" /> 
<meta property="og:image:secure_url" content="https://asdfg.com/<%= videoId %>/image" /> 
<meta property="og:image:width" content="640" /> 
<meta property="og:image:height" content="442" /> 

Answer 2

또 하나의 가능한 대답은 당신이 자책골을 가지고 있는지 확인 여전히 작동하지 않습니다!

Answer 3

아마도 도움이 될 것입니다. ,하지만 내 '머리'에서이를 제거한 후 문제가 해결

<link rel="image_src" href="{MY_IMAGE_URI_HERE}" /> 

을 차단 왜 생각. 나는 두 메타 태그에 'https'로 사용하고

... 
<meta property="fb:app_id" content="{APP_ID}"/> 
<meta property="og:image" content="https://{IMAGE_THUMB_URI}" /> 
<meta property="og:image:secure_url" content="https://{IMAGE_THUMB_URI}" /> 
<meta property="og:image:width" content="450" /> 
<meta property="og:image:height" content="236" /> 
<meta property="og:url" content="{PAGE_URI}"/> 
<meta property="og:title" content="{PAGE_TITLE}"/> 
<meta property="og:description" content="{PAGE_DESC.}"/> 
... 

---

여기 내 메타 태그입니다 (OG : 이미지 & OG : 이미지 : SECURE_URL), 웹 사이트를 사용하기 때문에 SSL.

Answer 4

UPDATE iframe을 와

이 솔루션은 더 이상 작동하지 않습니다! 어제부터 2017 년 2 월 6 일 일했습니다. X 프레임 옵션을 으로 설정했습니다. DENY으로 iFrame에서 공유 URL을로드 할 수 없습니다.

---

og : image : width 및 og : image : height를 추가하고 모든 속성 태그를 확인했는데 문제가 여전히있었습니다.

나는이 페이스북 버그에 대한 해결 방법을 찾았습니다. 페이지 바닥 글에 공유기 링크가있는 숨겨진 iFrame을 추가했습니다. 이런 방식으로 페이스 북 크롤러는 한 번 페이지가로드되었는지 확인합니다.

<iframe style="width: 0px; height: 0px; margin: 0px; padding: 0px;" src="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.example.com"></iframe> 

Answer 5

당신은 og:image 속성에 올바르게 이미지 링크를 제공해야합니다.여전히 썸네일을 얻을되지 않은 경우,이 같은 이미지 height 및 width을 추가

<meta property="og:image:width" content="450" /> 
<meta property="og:image:height" content="298" /> 

의