본문 바로가기

보부상 워드프레스 테마/워드프레스 Tip

메타태그로 카카오톡 링크 공유 시 썸네일 이미지 적용하기

정보공유를 위해 혹은 메모용으로 카카오톡에 컨텐츠/사이트 url을 공유하는 경우가 종종 있습니다.
"http://~"로 시작하는 url을 전송하게 되면 썸네일 이미지와 함께 url 정보가 함께 노출되는데요.
이 썸네일 정보는 받는 사람에게 해당 url 주소가 어떠한 내용을 담고 있는지 정보를 제공하는 역할을 합니다.

카카오톡 메신저 특성상 지인들과의 대화가 주를 이루지만 플러스친구와 같은 홍보목적의 정보 공유일 경우,
아무런 썸네일 정보가 뜨지 않는 url 주소는 스팸의심 등으로 인해 클릭율이 낮아지기 마련입니다.

그렇다면 미리보기 썸네일 이미지를 변경하고 싶을때는 어떻게 할까요?
이 때는 사이트의 메타태그를 적용해주면 됩니다.

아래의 카카오톡 썸네일 노출 메타태그를 홈페이지 <head></head> 사이에 적용하면 됩니다. 

[카카오톡 썸네일 노출 메타태그]

<meta property="og:url" content="사이트url">
<meta property="og:title" content="제목">
<meta property="og:type" content="website">
<meta property="og:image" content="이미지경로">
<meta property="og:description" content="간단설명">

[태그 적용 예시]

<meta property="og:url" content="http://www.bbsetheme.com/">
<meta property="og:title" content="보부상 워드프레스 테마, BBS e-theme">
<meta property="og:type" content="website">
<meta property="og:image" content="http://www.bbsetheme.com/wp-content/uploads/2017/11/bbsetheme_logo.png">
<meta property="og:description" content="한국형 워드프레스 테마, 플러그인, 독립형 쇼핑몰 솔루션 제작, 반응형웹, 웹접근성, SEO 지원">


한국형 워드프레스 테마샵 ㅣ 보부상 워드프레스 테마