본문 바로가기
Programming/Backend

[og] 카카오톡 메시지에 URL 첨부시 제목이 URL로 나오는 경우 및 테스트 방법

by BitSense 2020. 6. 6.
반응형

6월 부터인가? 갑자기 카카오톡에 특정 사이트 URL을 전송하면 보여주던 이미지와 제목에서 이미지는 정상인데 제목이 문제가 되었다. 제목이 URL로만 보인다. 잘되는 것이 안되니 호기심이 생기네... 카카오톡은 어떤 것을 참조해서 제목을 가져오는 걸까?

일시적인 거지만 제목 대신 URL이 나오다가 다시 한글로 잘 나오더라.

카카오톡의 테스트 URL? 개발자 센터

일단 카카오톡 메시지로 전송이 되면 어떻게 되는지 미리 알수 있는 방법은 카카오톡 개발자 센터에 있다. 생뚱맞기는 하지만 카카오 스토리 > RESTAPI > 웹 페이지 스크롤링에서 테스트를 제공한다. [페이지 링크]

테스트 페이지

테스트는 간단하지만 개발자 센터에서 API 테스트기 때문에 액세스 토큰을 발급받아야 한다. 카카오톡 아이디만 있으면 되는 걸로 알고 있으니, 귀찮겠지만 테스트를 위해서 개발자센터에 등록 후 토큰을 발급 받으시면 된다.

테스트 결과. 정상으로 모두 나온다.

이제는 잘 나는 거 같다. 처음에 확인할때만 해도 title에 url이 나오고 있었는데... description은 공백이었고... 일찍 캡쳐해 놓을 껄...

여튼 저렇게 수집하는 기준은 어떤걸까? 바로 og (OpenGraph) 메타태그 이다.

카카오 개발자센터에 있는 웹 페이지 스크롤 관련 설명

이 페이지는 카카오톡 URL 전송이 정상적으로 안되는 경우 테스트하는 페이지라 og 관련 상세 설명은 생략한다. 페이스 북에서 시작을 했고 지금은 SEO(Search Engine Optimization, 검색엔진최적화)로 쓰이기 때문에 웹사이트에서는 매우 중요하다.

페이스 북이라고 했으니, 페이스북도 테스트URL이 있겠지? 당연히???? 있다. [페이지북 OG 테스트 페이지] 물론 여기도 개발자 센터이기 때문에 계정인증은 받아야 할 것이다.

해당 웹페이지에서 URL이 나온 이유와 해결 방안

카카오톡 수집기가 EUC-KR 문자셋을 지원하지 않거나 기본 UTF-8 세팅으로 변경이 된 것으로 보인다. 해당 사이트는 기본 EUC-KR 문자셋의 웹사이트 였는데, UTF-8로 바뀌었고, 웹 스크랩에서도 정상 동작을 하고 있으니, charset 이슈로 보인다.

아주 빠른 변경은 칭찬해~~

참조 URL

카카오톡 개발자 센터 > 웹 스크랩 테스트 : https://developers.kakao.com/tool/rest-api/open/v1/api/story/linkinfo/get

페이스북 개발자 센터 > 공유 디버거 : https://developers.facebook.com/tools/debug/?q=https%3A%2F%2Fbetanews.net%2Farticle%2F1184743

반응형