카카오톡에서 특정 url 공유시 섬네일이 나오지 않는 문제

카카오링크에서 해당 썸네일이 나오지 않아서 문의드립니다.
http://www.dkore.co.kr/#fsp_review_938

홈페이지 제작회사에서는 관련된 작업을 마쳤다고 하는데 수정한 내용이 반영되지 않고 있습니다.
카카오톡 고객센터에 문의를 드리니 개발자포럼에 문의를 남겨달라고해서 연락드리게 되었습니다.

감사합니다.

참고로, 관련된 작업이라 함은, a라는 이미지를 b라는 이미지로 변경을 요청하였습니다.

@wwwsea 카카오링크의 썸네일이라는것이 어떤 부분인지 좀 더 설명을 주실 수 있을까요? 즉, 재현할 수 있는 방법, 확인할 수 있는 방법을 주셔도 됩니다.
혹시 카톡에 위의 링크 메시지를 보냈을때인가요? 일명 스크랩. (카카오링크 API를 통해 개발한것이 아닌)

썸네일은 위의 해당 링크를 카톡을 통해 보냈을 때 작게 보여지는 이미지를 의미합니다. 카톡으로 자기에게 보내기 하시면 보실 수 있습니다.

1개의 좋아요

카톡을 통해 홈페이지 링크를 보내면 카톡은 홈페이지의 어떤 부분을 참조하여 이미지를 보내주는 걸로 알고 있는데, 해당 이미지 대신에 다른 이미지로 교체요청을 해당 홈페이지 제작사에 요청을 드렸습니다. 해당 홈페이지 제작사는 작업을 완료하였다는데 카톡의 썸네일이 변경되지 않고 있어서 문의를 남기게 되었습니다.

@anon3722248 스토리 스크랩 등으로는 잘되는데, 카톡안에서 섬네일이 안나오네요~ 요거 확인좀…

확인이라 하시면…?? 흰색 배경만 나와서 하시는 말씀이시라면, 원래는 잘 보였지만 이미지 변경요청을 했더니 이렇게 되버렸습니다.

@wwwsea ㅎㅎㅎ 네네. 재현되어서 무슨 말씀인지 알아요~ 제가 스크랩 담당자분께 멘션하고 요청드린 문구여요~ 기다려보면 담당자가 확인해 주실것 같네요!

아하~ ^^ 감사합니당~

현재 저희의 정책으로는 썸네일 이미지가 나오지 않는게 맞습니다.

현재 위 링크의 html을 보면

	<meta property="og:type"			content="website">
	<meta property="og:title"			content="북창동순두부">
	<meta property="og:description"		content="성공창업을 안내해드립니다. 대한민국 1등 순두부 프랜차이즈 브랜드!">
	<meta property="og:image"			content="/img/meta_img.jpg">
	<meta property="og:url"				content="http://www.dkore.co.kr/">

	<meta name="twitter:card"			content="summary">
	<meta name="twitter:title"			content="북창동순두부">
	<meta name="twitter:description"	content="성공창업을 안내해드립니다. 대한민국 1등 순두부 프랜차이즈 브랜드!">
	<meta name="twitter:image"			content="/data/files/1067891e0087ea4d5dc4ef5950b81b17.png">
	<meta name="twitter:domain"			content="북창동순두부">

	<meta name="naver-site-verification" content="7bb8db263998ac2a4ad715a4bb7dfffdc6413d2e">
	​<meta name="google-site-verification" content="KjrAPlIrf4ma3PJY5BLvgN0k8a29R1smYxMpde9yc3c">​

이렇게 설정이 되어있는데,
저희는 “og:image” 부분에 있는 /img/meta_img.jpg링크를 사용하고 있고,
따라서 http://www.dkore.co.kr/img/meta_img.jpg 이미지를 썸네일로 생성하려고 요청하였지만 404 not found 에러가 뜨고 있는 상태입니다.

현재 “twitter:image” 항목은 쓰고 있지 않고 있으며,
이 항목의 추가에 대한 이슈는 내부적인 합의가 필요하여 지금 당장 적용은 어려운 부분입니다.

가장 빠른 방법은 og:image 부분에 있는 이미지를 잘 뜰수 있도록 수정하는 것입니다.

참고 : 스토리가 썸네일이 보이는 이유는 스토리와 톡, 기타 서비스에서 스크랩하는 정책은 다릅니다.
각 서비스 특징이 다르기 때문에 정책이 다른 것이며,
스토리는 정책적으로 에러난 이미지를 다른 이미지로 대체하는 로직이 있기 때문에 스토리쪽에선 스크랩시 이미지가 나타난 것입니다.

먼저, 친절한 답변해주셔서 감사드립니다.

답변해주신 부분중에서 이해가 잘 안되는 부분이 있어서 말씀드립니다.

  • 가장 빠른 방법은 og:image 부분에 있는 이미지를 잘 뜰수 있도록 수정하는 것입니다.
    => 이미지가 잘 뜰 수 있도록 어떻게 수정을 하면 된다는 것인지 궁금합니다~

http://www.dkore.co.kr/img/meta_img.jpg

위 링크이미지가 잘 보이도록 이미지 파일을 수정하셔야 한단 의미입니다.
에러 메시지가 404 not found가 뜨고 있는데, 그 의미는 저 이미지가 존재하지 않는 다는 의미입니다.
즉 저 url위치에 올바른 이미지를 생성해 놓는다면 썸네일도 잘 보일 것입니다.

참조 : 혹시 twitter.image쪽 이미지(http://www.dkore.co.kr/data/files/1067891e0087ea4d5dc4ef5950b81b17.png)를 썸네일로 쓰고 싶으시다면
<meta property="og:image" content="/img/meta_img.jpg">

<meta property="og:image" content="/data/files/1067891e0087ea4d5dc4ef5950b81b17.png">
으로 수정해 주시면 잘 뜰겁니다.

홈페이지 제작사측에 전달하였으니 결과를 지켜봐야할 것으로 보입니다.
도와주셔서 감사드립니다~

1개의 좋아요