카톡에서 링크보낼때 미리보기 이미지

zzzrami

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-08-08 (토) 20:20:23 34,671

카카오톡에서 링크보내면 링크 미리보기 이미지가 나오는것,

크롬같은거 새탭 켜면 자주가는 사이트 나 즐겨찾기같은거 해놓으면 거기도 사이트 미리보는 썸네일이라던가 나오는것

이런 이미지들은 각 서비스들이 자동으로 캡쳐해서 하는건가요?

아니면 혹시 이 두가지 이미지를 제가 원하는 이미지로 설정할 수 있을까요?

카톡 링크 미리보기 이미지만이라도..

제 주소 알려주려고 보내주는데 빈썸네일 나오니까 괜히 보기 흉하네요 ㅠㅠ

html 카카오톡 크롬 썸네일 미리보기

답변 1개 / 댓글 5개

채택된 답변

+20 포인트

알쯔

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-08-10 (월) 13:22:08

카카오톡 API는 제대로 분석을 안해보았지만, Facebook 용 메타태그도 카카오톡에 적용된다는 것을 확인했습니다.

Copy

<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> 사이에 집어넣으세요.

답변에 대한 댓글 5개

zzzrami

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-08-10 (월) 14:30:36

답변 감사합니다 마침 저도 소스를 찾았기에 적용해보았는데
카카오톡에서 전혀 변화가 없네요 ㅠㅠ

head.sub.php 파일의 <head> 아랫부분에 넣으면 되는것 아닌가요?..

알쯔

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-08-10 (월) 14:37:05

카카오톡도 아마 캐싱이 될지두요. 저도 정확한 스펙은 몰라서 ㅠㅠ

zzzrami

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-08-10 (월) 14:39:21

아 지금 다시 적용해봤는데
og:description 은 적용이 되구요 이미지가 적용이 안됩니다..!!

제가 카카오톡에 문의했을때 답변으로 og: 오픈그래프 프로토콜을 불러온다고 하더라구요~!
이미지는 경로 맞게 적었는데 왜저러는지......... 흑 답답하네요 이유도모르고
아무튼 정말정말 감사드립니다!!

알쯔

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-08-10 (월) 14:46:03

이미지 용량이 너무 크지는 않은지... 이미지 경로가 풀경로 http://domain.com/image.jpg 가 아니라 상대경로 /image.jpg 가 아닌지 확인해보세요.

zzzrami

프로필 보기 작성한 질문 작성한 답변 전체 작성글 보기 전체 댓글 보기

2015-08-10 (월) 15:33:09

이게 보냈던주소를 다시보내기 다시보내기 하는게아니라
새로 쳐서 보내니까 적용이 되어있네요!
바로 수정하고싶었는데 바로바로 적용이안되구
오픈그래프 디버깅을 해주어야 한대서 하려고하는데 굉~ 장히 느리네요 ㅎㅎ

답변을 작성하려면 로그인이 필요합니다.

카톡에서 링크보낼때 미리보기 이미지

답변 1개 / 댓글 5개

답변에 대한 댓글 5개

공유하기