페북 공유에서는 이미지까지 뜨는데 카카오스토리 공유는 이미지가 안나타납니다

Scrap(미리보기, 스크랩)
1

같은 페이지인데, Facebook 공유에서는 이미지까지 뜨는데 카카오스토리 공유는 이미지가 안나타나고 설명만 나타납니다.

open graph meta태그 지정 방식으로 기존에는 잘 되던 방식인데 왜일까요? 반주일 가까이 고민을 해봐도 증상은 그대로 이네요.

URL은 아래와 같습니다. 난감합니다. 아랫쪽에 “,”(카카오스토리 공유)버튼을 눌러 보시거나 URL 전체를 카카오스토리에 붙여넣어 보시면 증상을 볼수 있습니다.
http://www.maeili.com/resources/front/event/2017/06/kids/sns/kakaostory.jsp?param=dummy18

2

http://www.maeili.com/resources/front/event/2017/06/kids/sns/kakaostory.jsp?param=dummy18
위 URL에 노출하고자 하는 OG tag 내용을 구성해 놓으신듯 합니다.
하지만 본문 안에는 아래와 같이 다른 페이지로 forward 시키는 스크립트만 있습니다.

<script type="text/javascript">
  var is_mobile = false;
  var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
  for (var word =0; word < mobileKeyWords.length; word++){
  	if (navigator.userAgent.match(mobileKeyWords[word]) != null){
  		is_mobile = true;
  		break;
  	}
  }
  if(is_mobile == true){
  	location.href = "http://www.maeili.com/mobile/mom/escortKidsApplication.do";
  } else {
  	location.href = "http://www.maeili.com/momSchool/escortKidsApplication.do";
  }

위 스크립트로 인해 페이지가 forward 되었기 때문에 미리보기를 분석하는 서버는
“http://www.maeimomSchool/escortKidsApplication.do” 페이지의 내용을 분석했고, 그 안에는 OG tag가 존재하지 않습니다. 그래서 아마도 페이스북과는 다른 내용이 추출 됐을 겁니다.

포워드 된 페이지에 OG tag를 추가해주시면 해결 될 듯합니다.

3

원래 잘 되던 방식인데 Facebook만 계속 잘되고 카카오스토리는 안되고?!

4

해결되었습니다. 보통 og:url에 주소와 SNS공유를 등록하는 URL이 불일치하면 HTML meta태그를 제대로 안읽는 증상이 있었다는 경험이 이미 있었는데요. kakaostory.jsp는 아래와 같은 출력을 주고 있었습니다.

<meta property="og:url" content="http://www.maeili.com/momSchool/escortKidsApplication.do" />

아래와 같이 일치 시켜주니 잘 먹네요. 관심들 감사합니다. 비슷한 문제 해결에 여러분들도 참고하셨으면 좋겠습니다.

<meta property="og:url" content="http://www.maeili.com/resources/front/event/2017/06/kids/sns/kakaostory.jsp?param=dummy18" />
1개의 좋아요