To have your webpages informatively rendered on a Kakaotalk or Line messenger, what meta tags does your website need?
For line, you need to have at least these three tags: og: image, og: title and og: description.
<meta property=”og:image” content=”http://static.naver.jp/line_lp/img/ogp.png”>
<meta property=”og:title” content=”LINE : Free Calls & Messages”>
<meta property=”og:description” content=”LINE is a new communication app”>
 |
Line URL preview - Open Graph |
It was mentioned in Kakaotalk forum thread above that they use FaceBook Open Graph as well.
<head>
<title>Kakao Developers</title>
<meta property="og:title" content="Kakao DevTalk_">
<meta property="og:type" content="website">
<meta property="og:description" content="카카오 데브톡. 카카오 플랫폼 서비스 관련 질문 및 답변을 올리는 개발자 커뮤니티 사이트입니다.">
<meta name="description" content="카카오 데브톡. 카카오 플랫폼 서비스 관련 질문 및 답변을 올리는 개발자 커뮤니티 사이트입니다.">
<meta name="keywords" content="데브톡,devtalk,카카오,디벨로퍼스,개발자,API,플랫폼">
...
</head>
 |
Kakaotalk URL preview - Open Graph |
In short, set up your Open Graph meta tags properly.
Thanks for reading!
Jun
Comments
Post a Comment