카카오톡에서 링크보낼때 썸네일과 사이트제목 등 보이게 하기.
http://sir.co.kr/qa/84732 이 질문때문에 몇가지 테스트를 더해보고 답변을 답니다.
답변을 달때까지만 하더라도 이전의 기억으로 막연히 Facebook API 가 연동된다. 라고만 알고있었고 정확한 API스펙은 보지 못했는데...
이번에 카카오톡에서 링크썸네일?을 만들기 위해 페이지에 방문하는 봇의 USER_AGENT를 분석해보니
facebookexternalhit/1.1;kakaotalk-scrap/1.0;
이렇게 뜨더군요. USER_AGENT가 대놓고 페이스북 API를 쓰겠다라고 선언한 셈이지요.
즉 카카오톡에서 자신의 사이트 링크를 보낼때 위의 이미지처럼 나오게 하려면 홈페이지 소스 <head></head> 사이에 와래와 같은 코드를 집어넣으면 됩니다.
<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="썸네일이미지 경로">
바로 페이스북에서 링크공유할때 뜨는 링크박스? API를 그대로 활용하는겁니다.
쓸데없는 트래픽 낭비를 막기위해 페이스북 봇이나, 카카오톡 봇일때만 나오게 하는것도 좋을 겁니다.
<?php if (preg_match('/(facebook|kakaotalk)/',$_SERVER['HTTP_USER_AGENT']) == true) { ?>
<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="썸네일이미지 경로">
<?php } ?>
카카오톡용 상세보기
http://beta.minitalk.kr/ko/devtalk/all/view/46
페이스북용 상세보기
http://beta.minitalk.kr/ko/devtalk/all/view/44
트위터용 상세보기
댓글 14개
네이버 라인은 해당기능이 없고...
텔레그램은 트위터 API를 따른다고 TelegramBot (like TwitterBot) 라는 USER_AGENT로 들어오네요.
트위터용은 아래와 같습니다.
<meta property="twitter:card" content="summary">
<meta property="twitter:title" content="제목">
<meta property="twitter:url" content="홈페이지주소">
<meta property="twitter:description" content="간단소개">
<meta property="twitter:image" content="썸네일이미지">
https://www.dropbox.com/s/h7zb333q7mxaqgm/IMG_3435.jpg?dl=0
true 조건문이 두번이 맞나요???
애초에 구조화가 잘되어있으면... 굳이 필요없긴하죠. ㅎㅎㅎ
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
|
1주 전 | 39 | |
| 8 |
ihsahN
|
22년 전 | 13573 | |
| 7 | 22년 전 | 13490 | ||
| 6 | 22년 전 | 15084 | ||
| 5 | 22년 전 | 15786 | ||
| 4 | 22년 전 | 14377 | ||
| 3 |
ihsahN
|
22년 전 | 19467 | |
| 2 |
|
19년 전 | 18131 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기