카톡에서 링크보낼때 미리보기 이미지
본문
카카오톡에서 링크보내면 링크 미리보기 이미지가 나오는것,
크롬같은거 새탭 켜면 자주가는 사이트 나 즐겨찾기같은거 해놓으면 거기도 사이트 미리보는 썸네일이라던가 나오는것
이런 이미지들은 각 서비스들이 자동으로 캡쳐해서 하는건가요?
아니면 혹시 이 두가지 이미지를 제가 원하는 이미지로 설정할 수 있을까요?
카톡 링크 미리보기 이미지만이라도..
제 주소 알려주려고 보내주는데 빈썸네일 나오니까 괜히 보기 흉하네요 ㅠㅠ
답변 1
카카오톡 API는 제대로 분석을 안해보았지만, Facebook 용 메타태그도 카카오톡에 적용된다는 것을 확인했습니다.
<meta property="og:type" content="website">
<meta property="og:title" content="제목에 뜰 내용(굵은글씨)">
<meta property="og:url" content="링크걸릴주소">
<meta property="og:description" content="제목아래쪽에 한줄 나오는 짧은 소개글">
<meta property="og:image" content="썸네일이미지 경로">
위의 코드를 <head> </head> 사이에 집어넣으세요.
답변 감사합니다 마침 저도 소스를 찾았기에 적용해보았는데
카카오톡에서 전혀 변화가 없네요 ㅠㅠ
head.sub.php 파일의 <head> 아랫부분에 넣으면 되는것 아닌가요?..
카카오톡도 아마 캐싱이 될지두요. 저도 정확한 스펙은 몰라서 ㅠㅠ
아 지금 다시 적용해봤는데
og:description 은 적용이 되구요 이미지가 적용이 안됩니다..!!
제가 카카오톡에 문의했을때 답변으로 og: 오픈그래프 프로토콜을 불러온다고 하더라구요~!
이미지는 경로 맞게 적었는데 왜저러는지......... 흑 답답하네요 이유도모르고
아무튼 정말정말 감사드립니다!!
이미지 용량이 너무 크지는 않은지... 이미지 경로가 풀경로 http://domain.com/image.jpg 가 아니라 상대경로 /image.jpg 가 아닌지 확인해보세요.
이게 보냈던주소를 다시보내기 다시보내기 하는게아니라
새로 쳐서 보내니까 적용이 되어있네요!
바로 수정하고싶었는데 바로바로 적용이안되구
오픈그래프 디버깅을 해주어야 한대서 하려고하는데 굉~ 장히 느리네요 ㅎㅎ
