왜 Facebook Share가 잘못된 미리보기 이미지를 가져 오나요?

Question

빠른 질문이 있습니다. 누군가가 나를 도울 수 있기를 바랍니다. 나는 최근에 고객을 위해 마이크로 사이트를 생방송으로 가져 왔고 모든 것은 페이스 북 통합 조각을 제외하고 순조롭게 진행되었습니다. 사용자가 사이트 공유를 시도하면 공유를 위해 가져온 미리보기 이미지에 마이크로 사이트가 아닌 기본 사이트의 로고가 반영됩니다. 이 로고는 아무데도 페이지에서 찾을 수 없기 때문에 나는 당황합니다. 또한 필자는 필요한 메타 정보를 문서의 머리글 <meta property="og:image" content="http://www.rethinkyourdrinknow.com/images/ryd/logo2.png" /> 에 포함 시켰지만 어떤 이유로 그것이 여전히 다른 이미지를 가져옵니다. 누가 손을 빌릴 수있는 페이스 북 공유에 대해 더 많은 경험을 갖고 있습니까?

감사합니다, 제이미

Answer 1

세드릭 페이스 북 Linting 도구 (현재 디버거)

http://developers.facebook.com/tools/debug

이 당신의 마이크로 사이트의 URL을 입력을 사용해보십시오,이 도구는 당신을 말할 것이다.

Answer 2

@ 앤디의 답변을 확대하면 디버거 도구를 사용하여 페이스 북에서 URL을 보는 방법을 확인할 수 있습니다. og:tags가 누락되었거나 잘못되었음을 알려줍니다.

한 가지주의해야 할 점은 페이스 북은 공유 된 URL 중 og:tags에 일부 캐싱을 수행한다는 것입니다. 하지만 디버거 도구를 사용하면 URL의 Facebook 캐싱이 새로 고침됩니다.

Answer 3

OGP는 크기가 200px 이상인 미리보기 이미지 만 좋아합니다. 이미지를 업로드하고 미리보기 이미지 (크기는 WP 기본값 인 150x150 픽셀)로 설정하면 게시물의 링크를 FB 디버거에 다음과 같이 실행하면 오류 메시지가 표시됩니다.

Open Graph 경고 그래서 수동으로 실제하여 200x200 픽셀 크기와 tadadah에 내 이전 게시물 중 하나에 이미지를 확대

Small og:image: All the images referenced by og:image should be at least 200px in both dimensions. Please check all the images with tag og:image in the given url and ensure that it meets the recommended specification. 

해결해야한다고! Facebook은 WP 홈페이지 나 단일 게시물에서 적절한 링크와 적절한 이미지를 공유합니다.

Answer 4

나는 LinkedIn에서 동일한 문제가있었습니다. <meta property="og:image" content="https: 등을 index.html에 추가했지만 LinkedIn은 이미 내 사이트를 캐시했기 때문에 잘못된 그림을 계속 가져 왔습니다.

삽입 앱 (LinkedIn, Facebook 등)이 이전에 캐시하지 않은 상태로 웹 사이트를 취급하도록 강요하여 새로운 og:image을 포함하여 처음부터 완전히 읽을 수있는 트릭입니다.

소셜 미디어 사이트에 대한 전체 링크를 입력하면 바로 끝에 ?01을 추가하십시오. 예 : https://example.com?01 또는 https://example.com/my_project/?01

그냥 시도해 보니 마술처럼 효과가있었습니다.