Facebook 공유자를 사용하여 여러 이미지 공유

Question

this StackOverflow post에 설명 된대로 페이지의 여러 이미지를 Facebook에 공유 할 수 있도록 설정하려고합니다. 여러 이미지를 공유하려면 og : image 태그를 여러 개 포함해야합니다. this page에서 볼 수 있듯이이 지침을 따랐습니다.

당신이 페이지의 소스를 볼 경우, 당신은 내가 세 자책골 포함되어있는 것을 볼 수 있습니다 : 이미지 태그, 페이지의 세 가지 이미지 각각에 대해 하나

<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg"/> 
 
\t  <meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg"/> 
 
\t  <meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg"/>

을 페이지의 각 이미지에는 자체 Facebook 링크가 있습니다. 내가 세 개의 og : image 태그를 지정했기 때문에 어떤 링크를 클릭하든 페이지에서 세 이미지 중 하나를 선택하게 될 것이라고 예상했을 것입니다. 대신, 당신은 선택의 여지가 없습니다. 세 이미지 중 두 번째 이미지 만 제공됩니다.

이것이 캐싱 문제 일 수 있다고 생각했기 때문에 Facebook 공유 디버거 도구을 사용하여 Facebook에서보고있는 내용을 확인했습니다. 링크 미리보기에는 단 하나의 이미지 만 표시되고 og : 이미지 카테고리에는 의심스러운 이미지가 하나만 표시됩니다. 이미지 태그 :

<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg" /> 
 
<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg" /> 
 
<meta property="og:image" content="http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg" />

그때 클릭 나는 표시하지만 모든 원료 태그 링크를 클릭 할 때, 나는 페이스 북이 실제로 내 OG의 세 가지를 모두 따기 것을 발견 페이지 하단의 API 링크를 통해 긁어 및에이 내가 가진 것입니다 :

{ 
 
    "url": "https://senatorforaday.emkinstitute.org/senator/ePT4B0td/joe-levinger", 
 
    "type": "website", 
 
    "title": "Senator Joe Levinger | Edward M Kennedy Institute for the United States Senate", 
 
    "image": [ 
 
    { 
 
     "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/stickers/ePT4B0td-sticker.jpg" 
 
    }, 
 
    { 
 
     "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/posters/ePT4B0td-poster.jpg" 
 
    }, 
 
    { 
 
     "url": "http://5194985117e2603e50e4-519b9b8712d3704cfc44947e6bab98a6.r58.cf5.rackcdn.com/secondPosters/ePT4B0td-secondPoster.jpg" 
 
    } 
 
    ], 
 
    "description": "Visit the EMK Institute", 
 
    "site_name": "Edward M Kennedy Institute for the United States Senate", 
 
    "updated_time": "2016-07-11T19:51:09+0000", 
 
    "id": "1101245249919459" 
 
}

당신이 볼 수 있듯이

는 이미지 키를 내 OG에 규정 된 세 가지 이미지의 배열로 구성되어 이미지 태그, 그래서이 작동해야합니다 것처럼 보이지만 그것은 아니다.

사용자가 페이지에 표시된 세 가지 이미지 중 하나를 선택하는 기능을 제공하기 위해 필요한 사항은 무엇입니까?

Answer 1

이미지가 1600 x 630이고 최소 200 x 200이지만 40:21 recommended by Facebook과 일치하지 않습니다. 1600 와이드 이미지 should be 840 in height.