6월 부터인가? 갑자기 카카오톡에 특정 사이트 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