테스트 사이트 - 개발 중인 베타 버전입니다

카톡에서 링크보낼때 미리보기 이미지 채택완료

zzzrami 10년 전 조회 33,887

 

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

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

 

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

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

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

 

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

 

 

 


 

 

 

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

답변 1개

채택된 답변
+20 포인트
10년 전

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

 

</p><p><span style="font-size: 11pt; line-height: 1.5;"><meta property="og:type" content="website"></span></p><p><meta property="og:title" content="제목에 뜰 내용(굵은글씨)"></p><p><meta property="og:url" content="링크걸릴주소"></p><p><meta property="og:description" content="제목아래쪽에 한줄 나오는 짧은 소개글"></p><p><span style="font-size: 11pt; line-height: 1.5;"><meta property="og:image" content="썸네일이미지 경로"></span> </p><p><span style="font-size: 11pt; line-height: 1.5;">

 

위의 코드를 <head> </head> 사이에 집어넣으세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

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

head.sub.php 파일의 <head> 아랫부분에 넣으면 되는것 아닌가요?..
알쯔
10년 전
카카오톡도 아마 캐싱이 될지두요. 저도 정확한 스펙은 몰라서 ㅠㅠ
z
zzzrami
10년 전
아 지금 다시 적용해봤는데
og:description 은 적용이 되구요 이미지가 적용이 안됩니다..!!

제가 카카오톡에 문의했을때 답변으로 og: 오픈그래프 프로토콜을 불러온다고 하더라구요~!
이미지는 경로 맞게 적었는데 왜저러는지......... 흑 답답하네요 이유도모르고
아무튼 정말정말 감사드립니다!!
알쯔
10년 전
이미지 용량이 너무 크지는 않은지... 이미지 경로가 풀경로 http://domain.com/image.jpg 가 아니라 상대경로 /image.jpg 가 아닌지 확인해보세요.
z
zzzrami
10년 전
이게 보냈던주소를 다시보내기 다시보내기 하는게아니라
새로 쳐서 보내니까 적용이 되어있네요!
바로 수정하고싶었는데 바로바로 적용이안되구
오픈그래프 디버깅을 해주어야 한대서 하려고하는데 굉~ 장히 느리네요 ㅎㅎ

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

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

로그인