카카오톡에 블로그 링크를 공유했는데 미리보기 이미지가 안 뜰 때
카카오톡 링크 미리보기가 비거나 예전 이미지로 나올 때 og:image 태그, WebP 변환, 이미지 크기, 카카오 캐시 초기화 순서로 해결하는 방법입니다.
이 글의 순서 (5)
국내 블로그의 공유 유입은 상당 부분 카카오톡에서 나옵니다. 그런데 미리보기에 이미지 없이 제목만 나오면 클릭률이 크게 떨어집니다. 원인은 대부분 네 가지 중 하나이고, 위에서부터 순서대로 확인하면 거의 해결됩니다.
원리: 카카오톡은 og:image를 읽습니다
카카오톡은 링크가 공유되면 해당 페이지의 HTML에서 og:title, og:description, og:image 메타 태그를 읽어 미리보기를 만듭니다. 그리고 그 결과를 한동안 저장(캐시)해 둡니다. 그래서 페이지를 고쳐도 카카오톡에는 예전 모습이 계속 보일 수 있습니다.
1. og:image 태그가 있는지 확인
글 페이지에서 마우스 오른쪽 → 페이지 소스 보기를 열고 og:image를 검색하세요. 태그가 없다면 SEO 플러그인이 설치돼 있지 않거나 대표 이미지(특성 이미지)가 지정되지 않은 것입니다. 글마다 대표 이미지를 지정하고, SEO 플러그인의 기본 공유 이미지도 설정해 두세요.
<meta property="og:image" content="https://내도메인/wp-content/uploads/…/cover.jpg" />2. 이미지가 WebP로 바뀌어 있지 않은지
카카오톡은 WebP 이미지를 미리보기에 표시하지 못합니다. og:image 주소가 .webp로 끝나거나, 주소는 .jpg인데 호스팅 CDN이 실제로는 WebP로 바꿔 보내는 경우 모두 이미지가 빠집니다.
호스팅의 CDN이나 최적화 설정에 ‘WebP 자동 변환’ 옵션이 있다면 끄거나, 공유 이미지만 예외로 두세요. 이미지 최적화 플러그인은 원본 JPG·PNG를 유지하고 브라우저에만 WebP를 골라 주는 방식을 쓰는 것이 안전합니다.
3. 이미지 크기와 접근 가능 여부
공유 이미지는 가로 1200px, 세로 630px 전후의 가로형이 여러 서비스에서 무난하게 보입니다. 너무 작은 이미지는 무시되거나 작은 썸네일로만 나옵니다. 파일 용량도 가볍게 유지하세요.
이미지 주소를 로그아웃 상태의 브라우저에서 직접 열어 보세요. 핫링크 차단, 보안 플러그인의 봇 차단, 해외 IP 차단 설정이 카카오 수집기를 막고 있으면 브라우저에서는 보여도 카카오톡에서는 보이지 않습니다.
4. 카카오 공유 캐시 초기화
위를 고친 뒤에도 예전 미리보기가 보인다면 카카오가 저장한 캐시를 지워야 합니다.
- Kakao Developers에 로그인하고 도구 → 공유 디버거로 이동합니다.
- 문제가 되는 글 주소를 입력하고 캐시 초기화를 누릅니다.
- 디버거 화면에 새 이미지가 나오는지 확인합니다.
- 카카오톡에서 링크를 새로 공유합니다. 이미 보낸 메시지의 미리보기는 바뀌지 않을 수 있습니다.