example.com
페이지 제목 미리보기
메타 설명이 여기에 표시됩니다.
카카오톡 링크 미리보기
카카오톡에 링크를 공유했을 때 보이는 제목·설명·썸네일을 미리 확인하고, 안 뜨거나 잘못 뜰 때 고칠 메타태그 코드를 만들어 드립니다.
example.com
페이지 제목 미리보기
메타 설명이 여기에 표시됩니다.
example.com
페이지 제목 미리보기
메타 설명이 여기에 표시됩니다.
example.com
페이지 제목 미리보기
메타 설명이 여기에 표시됩니다.
메타태그 코드
카카오톡 공유, OG 태그가 전부입니다
한국에서 링크 공유의 대부분은 카카오톡에서 일어납니다. 그래서 카카오톡 미리보기 카드가 잘 떠야 클릭으로 이어집니다. 카드의 제목·설명·이미지는 모두 페이지의오픈그래프(og:) 메타태그로 정해집니다. 태그가 없으면 미리보기가 비거나 본문 일부가 엉뚱하게 노출돼 신뢰도가 떨어집니다.
위 도구에 URL을 넣으면 카카오톡을 포함한 4개 플랫폼에서 어떻게 보일지 한 번에 확인하고, 빠진 태그를 알려준 뒤 붙여넣을 코드를 만들어 줍니다.
사용법
- 점검할 페이지 URL을 붙여넣고 "불러오기"를 누릅니다.
- 카카오톡 카드 미리보기와 누락 태그 안내를 확인합니다.
- 코드를 복사해 페이지
<head>에 넣고, 캐시 초기화 후 다시 공유해 봅니다.
자주 묻는 질문
카카오톡 링크 미리보기는 어떻게 결정되나요?
페이지 <head>의 오픈그래프 태그(og:title·og:description·og:image)를 카카오톡이 읽어 카드로 만듭니다. 이 태그가 없으면 미리보기가 안 뜨거나 본문 일부가 엉뚱하게 노출됩니다.
메타태그를 고쳤는데 옛날 미리보기가 그대로예요.
카카오톡은 한 번 가져온 미리보기를 캐시합니다. 카카오 디벨로퍼스의 '도구 > 캐시 초기화'에 URL을 넣어 새로고침하면 갱신됩니다. 이 도구로는 현재 페이지의 실제 태그를 캐시 없이 바로 확인할 수 있습니다.
카카오톡 PC와 모바일에서 미리보기가 다르게 보이나요?
같은 오픈그래프 태그를 읽으므로 제목·설명·이미지 내용은 같지만, 카카오톡 버전·말풍선 형태에 따라 이미지가 가로형 큰 카드나 작은 썸네일로 다르게 잘릴 수 있습니다. 1200×630(1.91:1) 가로 이미지를 쓰면 대부분의 맥락에서 안정적으로 노출됩니다.
미리보기가 아예 안 떠요.
og:title·og:image가 비어 있거나, 이미지 URL이 외부에서 접근 불가(로그인 필요·로컬 경로)인 경우가 많습니다. 위 도구에 URL을 넣으면 어떤 태그가 빠졌는지 알려줍니다.