[facebook] FB OpenGraph og : 이미지가 이미지를 가져 오지 않음 (아마 https?)

첫째- 이것이 중복 문제라고 생각 하지 않습니다 . 나는 SO에서 동일하거나 유사한 문제를 광범위하게 검색했으며 묻기 전에 문제 해결의 특성으로 인해이 문제는 독특하다고 생각합니다.

Facebook은 내 og:image파일을 파악할 수 없으며 모든 일반적인 솔루션을 시도했습니다. 나는 그것과 관련이 있다고 생각하기 시작했습니다.https://...

• http://developers.facebook.com/tools/debug를 확인 했으며 경고 또는 오류가 없습니다.
• ” og:image” 에서 연결 한 이미지를 찾고 있지만 비어 있습니다. 그러나 이미지를 클릭하면 DO가 존재하고 곧바로 나타납니다.
• 그것은 비 -https 서버에서 호스팅되는 이미지를 보여줍니다.
• 우리는 정사각형 이미지, jpeg, png, 더 큰 크기 및 더 작은 크기를 시도했습니다. 이미지를 public_html에 넣었습니다. 제로가 나타납니다.
• 캐싱 오류는 아닙니다. og:image메타 에 다른 것을 추가 할 때 FB의 린터가이를 찾아서 읽기 때문입니다. 미리보기가 표시됩니다. 미리보기가 비어 있습니다. 단지 우리가 얻고 예외는이 웹 사이트에없는 이미지입니다.
• 우리는 아마도 안티-리치 (anti-leach)가 cpanel있거나 .htaccess이미지가 표시되는 것을 방해 한다고 생각 했기 때문에 확인했습니다. 그곳 엔 없었다. 우리 < img src="[remote file]" >는 완전히 다른 서버 에서 빠르게 작업 했으며 이미지가 잘 나타납니다.
• og:type다른 메타 태그와는 다른 것이 아닐까 생각했습니다 . 한 번에 하나씩 모두 제거하고 확인했습니다. 변경 없음. 경고 만.
• 다른 웹 사이트의 동일한 코드가 문제없이 나타납니다.
• 우리는 생각 어쩌면 우리가 여러 제품에 대해 동일한 제품 페이지 (들)을 사용하고 있기 때문에 이미지를 당겨되지 않았다 (는 GET 값에 따라 변화를, 즉, “details.php? ID = XXX”)하지만 여전히 하나에 당기는 이미지 (다른 URL에서).
• 어떤 떠나 og:image거나 image_src을 끈 것은, FB는 이미지를 찾을 수 없습니다.

나는 밧줄의 끝에있다. 내가 나와 다른 사람들이 이것에 얼마나 많은 시간을 썼는지 말하면 충격을받을 것입니다. 문제는 이것이 온라인 상점이라는 것입니다. 우리는 절대적으로 이미지를 가질 수 없습니다. 우리는해야합니다. 우리는 10 개 정도의 다른 사이트를 가지고 있습니다. 이것은 og:image문제 가있는 유일한 사이트 입니다. 또한 유일한 제품 https이므로 문제 일 수 있다고 생각했습니다. 그러나 우리는 웹상의 어느 곳에서도 그 선례를 찾을 수 없습니다.

메타 태그는 다음과 같습니다.

<meta property="og:title" content="[The product name]" />
<meta property="og:description" content="[the product description]" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-art-black.png" />
<meta property="og:image" content="http://www.[ADIFFERENTwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png" />
<meta property="og:image" content="https://www.[ourwebsite].com/images/ARShopHeader.png" />
<meta property="og:image" content="http://www.[ourwebsite].com/overdriven-blues-music-tshirt-art-black.JPG" />
<meta property="og:type" content="product"/>
<meta property="og:url" content="https://www.[ourwebsite].com/apparel-details.php?i=10047" />
<meta property="og:site_name" content="[our site name]" />
<meta property="fb:admins" content="[FB-USER-ID-NUMBER]"/>
<meta name="title" content="[The product name]" />
<meta name="description" content="[The product description]" />
<link rel="image_src" href="https://www.[ourwebsite].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />
<meta name="keywords" content="[four typical keywords]">
<meta name="robots" content="noarchive">

원하는 경우 여기에 작업중인 제품 페이지 중 하나에 대한 링크가 있습니다. [이 사이트에 대한 검색 결과를 얻기 위해 링크를 단축했습니다] : http://rockn.ro/114

편집하다 —-

“페이스 북에 표시되는 내용보기”스크레이퍼 도구를 사용하여 다음을 확인할 수있었습니다.

"image": [
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-details-safari.png"
      },
      {
         "url": "https://www.[httpSwebsite].com/images/shirts/soul-man-soul-music-tshirt-art-safari.png"
      },
      {
         "url": "http://www.[theotherNONSECUREwebsite].com/wp-content/uploads/2011/06/ARS-Header-Shine2.png"
      }
   ],

단일 페이지에서 찾은 모든 링크를 테스트했습니다. 모두 완벽하게 유효한 이미지였습니다.

편집 2 —-

테스트를 시도 하고 NONSECURE 웹 사이트에 서브 도메인 을 추가했습니다 (노트북을 통해 이미지를 실제로 볼 수 있음). 하위 도메인은 http : // img. [nonsecuresite] .com입니다. 그런 다음 모든 이미지를 기본 하위 도메인 폴더에 넣고 참조했습니다. 해당 이미지를 FB로 가져 오지 않습니다. 그러나 여전히 비보안 주 도메인에서 참조 된 이미지를 가져옵니다.

게시 된 해결 방법 —-

Keegan 덕분에 우리는 이것이 Facebook의 버그라는 것을 알고 있습니다. 이 문제를 해결하기 위해 하위 도메인을 다른 NON-HTTPS 웹 사이트에 배치하고 모든 이미지를 덤프했습니다. 각 제품 페이지 http://img.otherdomain.com/[like-image.jpg]에서 조정 이미지를 og:image참조했습니다. 그런 다음 FB Linter를 통해 OG 데이터를 새로 고치기 위해 모든 링크를 실행해야했습니다. 이것은 효과가 있었지만 해결책은 반창고 해결 방법이며 https문제가 해결되어 자연적인 https 도메인을 다시 사용하면 FB가 다른 웹 사이트의 이미지를 캐시하여 문제를 복잡하게 만듭니다. 이 정보가 다른 사람이 자신의 32 코딩 시간을 잃지 않도록 도와 줄 수 있기를 바랍니다 .

답변

<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

<meta property="og:image:secure_url" content="https://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

<meta property="og:image" content="http://www.[YOUR SITE].com/images/shirts/overdriven-blues-music-tshirt-details-black.png" />

<html prefix="og: http://ogp.me/ns#">