홈페이지나 블로그의 대표 썸네일 이미지, 혹은 설명 문구를 수정했음에도 카카오톡에 링크를 공유하면 예전 정보가 그대로 뜨는 현상이 자주 발생합니다. 이로 인해 수정된 마케팅 메시지나 변경된 브랜드 이미지가 제대로 전달되지 않아 곤란을 겪는 사용자가 많습니다.
카카오톡 링크 공유 시 수정 사항이 즉각 반영되지 않는 이유는 카카오 서버가 이전의 오픈그래프(Open Graph, OG) 메타데이터를 저장(캐싱)하고 있기 때문입니다. 이 문제를 빠르고 확실하게 해결할 수 있는 카카오 디벨로퍼스 공유 디버거 사용법과 단계별 캐시 초기화 가이드를 정리해 드립니다.
카카오 공유 디버거를 활용한 캐시 초기화 단계
공유 디버거 페이지 접속 및 URL 검사
카카오톡 미리보기 캐시를 삭제하려면 가장 먼저 공식 개발자 도구를 활용해야 합니다. 카카오 디벨로퍼스(Kakao Developers) 웹사이트 내에 위치한 '공유 디버거(Sharing Debugger)' 페이지에 접속하여 카카오 계정으로 로그인을 진행합니다.
화면 중앙에 나타나는 URL 입력란에 수정 사항을 적용할 웹사이트 주소를 입력합니다. 이때 프로토콜(http:// 또는 https://)을 실제 주소와 정확하게 일치시켜 입력한 후 '디버그' 버튼을 클릭해야 합니다.
현재 메타데이터 확인 및 캐시 삭제 실행
디버그 버튼을 누르면 화면 하단에 현재 카카오 서버가 스크랩하여 인식하고 있는 오픈그래프(OG) 정보가 상세하게 나타납니다. og:title(제목), og:description(설명), og:image(썸네일 이미지) 등의 항목이 내가 수정한 최신 정보와 일치하는지 먼저 검토합니다.
정보가 구버전으로 머물러 있다면 하단에 배치된 '캐시 초기화' 버튼을 클릭합니다. 시스템 팝업을 통해 "스크랩 정보가 삭제되었습니다" 또는 이와 유사한 완료 안내 팝업이 표시되면 카카오 서버 내부의 1차 캐시 삭제 과정이 완료된 것입니다.
디버거 이용 후에도 이전 이미지가 뜰 때 해결법
이미지 파일명 및 소스코드 내 버전 쿼리 변경
카카오 서버의 캐시를 초기화했음에도 불구하고 여전히 이전 썸네일이 나타난다면 이미지의 경로(URL) 자체가 동일하기 때문일 확률이 높습니다. 카카오 시스템은 동일한 이미지 주소를 계속 유지할 경우 파일의 알맹이가 바뀌어도 쉽게 갱신하지 않는 특성이 있습니다.
가장 확실한 해결책은 웹사이트 소스코드 내 OG 태그의 이미지 경로 자체를 변경하는 것입니다. 대표 이미지 파일명을 바꾸거나, 이미지 주소 뒤에 '?v=1' 또는 '?version=2'와 같은 버전 파라미터(쿼리)를 추가하여 완전히 새로운 URL로 인식하게 만들면 즉시 강제 갱신됩니다.
기기 내부의 카카오톡 앱 캐시 데이터 정리
서버와 소스코드의 문제가 없음에도 내 스마트폰에서만 옛날 이미지가 보인다면 디바이스 자체의 카카오톡 앱 내부에 임시 파일이 남아있기 때문입니다. 카카오톡 내부 대화방에 이미 한 번 공유되었던 링크 정보는 스마트폰 로컬 저장공간에 저장됩니다.
이 문제를 해결하려면 카카오톡 앱 설정 메뉴로 진입해야 합니다. 전체 설정에서 '채팅', '저장공간 관리' 메뉴를 차례로 선택한 뒤 '캐시 데이터 삭제'를 실행하여 앱에 쌓인 데이터 쓰레기를 비워내면 정상적으로 새 썸네일이 노출됩니다.
OG 태그 누락 및 티스토리 충돌 점검하기
웹사이트 메타 태그 규격 및 크기 검사
카카오 디버거를 돌려도 에러가 나거나 이미지가 깨진다면 애초에 웹사이트 소스코드에 오픈그래프 태그가 올바르게 삽입되어 있는지 점검해야 합니다. 필수 메타 태그가 아예 누락되었거나 이미지 크기 및 포맷이 카카오 규격에 맞지 않으면 미리보기가 정상 작동하지 않습니다.
서버가 이미지를 원활하게 긁어갈 수 있도록 권장 이미지 규격과 용량을 준수해야 합니다. 해상도가 지나치게 높거나 파일 포맷이 특이할 경우 인식을 못 하므로, 표준화된 가로세로 비율의 JPG나 PNG 파일을 사용하는 것이 안전합니다.
티스토리 플랫폼 대표 이미지 설정 오류 수정
티스토리나 네이버 블로그 같은 가입형 플랫폼을 운영하는 경우, 플랫폼 자체 설정과 내가 직접 넣은 태그가 서로 충돌을 일으키기도 합니다. 특히 티스토리 글 작성 시 본문 안에 여러 이미지가 포함되어 있으면 어떤 이미지가 수집될지 꼬이는 경우가 발생합니다.
글 편집 화면 우측 사이드바 등에서 '대표 이미지'를 원하는 썸네일로 명확하게 수정한 뒤 글을 저장해야 합니다. 이후 다시 카카오 공유 디버거로 접속하여 수정한 글의 주소를 넣고 캐시 재수집(Force Update)을 실행해 주면 오류가 깔끔하게 해결됩니다.
자주 묻는 질문
Q1. 카카오 디버거에서 캐시 초기화를 눌렀는데도 카카오톡 방에선 왜 바로 안 바뀌나요?
A1. 카카오 서버의 데이터는 비워졌더라도 사용자의 스마트폰 카카오톡 앱 내부에 이전 링크 정보가 임시 저장되어 있기 때문입니다. 대화방 참여자들의 폰에 남아있는 로컬 캐시까지 강제로 바꾸려면 웹사이트 소스코드의 이미지 주소 뒤에 '?v=2'처럼 버전 쿼리를 붙여서 새로운 주소로 인식시키는 방식을 사용해야 합니다.
Q2. 티스토리 블로그 글을 수정했는데 카카오톡 공유 화면만 갱신이 안 될 때 어떻게 하나요?
A2. 먼저 티스토리 에디터에서 원하는 썸네일이 '대표' 이미지로 정확히 체크되어 있는지 확인하고 저장해야 합니다. 그 상태에서 카카오 디벨로퍼스 공유 디버거에 해당 글의 주소를 입력하고 검사한 뒤, 하단의 '캐시 초기화'를 클릭하여 카카오 서버가 글을 다시 긁어가도록 유도하면 해결됩니다.
Q3. 일반 웹사이트 개발 시 카카오톡 링크 미리보기를 위해 필수로 넣어야 하는 태그는 무엇인가요?
A3. HTML 파일의 <head> 영역 내부에 오픈그래프 표준 태그를 삽입해야 합니다. 대표적으로 제목을 정의하는 og:title, 간단한 설명을 담는 og:description, 썸네일 이미지의 절대 경로를 지정하는 og:image 태그가 필수적으로 포함되어야 카카오톡 시스템이 정상적으로 링크 카드를 생성합니다.
0 댓글