카톡 챗창에서 사이트주소 링크시 이미지 미리보기가 안됩니다

챗창에서 사이트주소 링크시 이미지 미리보기가 안됩니다.
도움을 구하려고합니다.

1.현재 head 사이에 아래와같이 메타태그가 삽입되어있는 상태입니다만, 사이트 주소 링크시 이미지미리보기가 안되네요.

meta property=“og:title” content=“제목”
meta property=“og:description” content="사이트 설명 "
meta property=“og:image” content=“http://abc.com/images/hr_logoper.jpg

2 - 오픈그래프의 프로토콜을 이용한 방법이 안된다면 카카오링크의 자바스크립트 sdk를 이용해서라도 이미지미리보기가
가능하게 만들어볼려했으나 역시 안되는군요.
혹시 카카오링크의 자바스크립트 sdk를 이용하는 방법은 웹사이트가 앱으로 제작되어야 가능한 방법인가요? 아니면 일반 웹사이트에서도 sdk를 불러와서 코드를 삽입하면 챗창에서의 링크주소 기입시 이미지 미리보기등의 기능이 구현가능한건가요?

도움을 바라겠습니다.

@anon51699329
1번처럼 og:image 가 명시되어 있다면 미리보기에서 보여야 정상입니다. 혹시 문제가 되고 있는 웹페이지 URL 을 알려주실 수 있으세요?

@pj_vegan 사이트 URL 쪽지로 보내드릴게요

1개의 좋아요

@anon51699329
확인해보니 웹페이지 인코딩 변환 중 에러가 발생해서 스크랩이 제대로 되지 않고 있었습니다. 페이지 소스 중 아래와 같이 깨진 문자가 있는 경우 인코딩 변환 에러가 발생합니다. 페이지 소스 내 깨진 문자를 모두 제거한 후에 스크랩이 제대로 되는지 테스트 부탁드립니다~

<font style="color:red;font-weight:bold;font-size:19px;font-family:'tahoma','�뗭�','dotum';">4,200원</font> 

@pj_vegan 저걸보니 궁금한게 잇는데요.
웹 페이지의 인코딩이 euc-kr 로 되어 있는 경우에는 이슈가 없을까요?

@leon
현재는 response header 중 Accept-Language , 혹은 meta 태그 중 Content-Type 의 값을 통해 웹페이지의 인코딩을 추정해서 non-UTF8 인 경우 utf-8 로 변환 후 스크랩을 진행하고 있어요. 그런데, 간혹 인코딩을 한 후에도 컨텐츠가 깨져있는 케이스가 있기도 합니다. 대부분의 정상적인 euc-kr 웹페이지의 스크랩은 문제 없이 되고 있는 상태에요. ^^

1개의 좋아요

@stylerig1

<font style="color:red;font-weight:bold;font-size:19px;font-family:'tahoma','�뗭�','dotum';">4,200원</font>

위에서 답변해주신대로 사이트에 위와같이 깨지는 부분이 있습니다. 이 부분만 수정해주시면 될 잘 동작할 것 같습니다.

예, 답글보고 수정해봤더니, 바로 정상작동 하더군요. 깨지는 문자는 ‘돋움’ 이었습니다.
pj_vegan 님, leon님 친절하신 답변글 감사합니다.

1개의 좋아요