첫째- 이것이 중복 문제라고 생각 하지 않습니다 . 나는 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 코딩 시간을 잃지 않도록 도와 줄 수 있기를 바랍니다 .
og:type: og_products:product
웹 사이트 유형을 변경 하고 이미지를 가져올 수 있는지 확인하십시오.