실무에 바로 적용할 수 있는 웹 제작 꿀팁 및 유용한 자료실 공간입니다.
나눔웹이 제공하는 핵심 노하우와 마케팅 인사이트를 자유롭게 활용해 보십시오.

나눔웹 마케팅 꿀팁

카톡 공유 썸네일이 예전 그대로일 때, OG 캐시 초기화로 바로 바꾸는 법

카톡 공유 썸네일이 리뉴얼 전 이미지나 예전 문구로 계속 뜬다면, 사이트가 아니라 카카오 쪽에 저장된 OG 캐시 때문인 경우가 대부분입니다.
og 태그를 고친 뒤 캐시를 초기화하고, 이미지 주소를 새로 바꿔 주면 대부분 바로 반영됩니다. 실제 오픈 직전에 쓰는 점검 순서대로 정리했습니다.

💡 태그를 분명히 고쳤는데 왜 그대로일까요?

카카오톡이나 페이스북은 링크가 처음 공유될 때 페이지의 og:title, og:description, og:image를 읽어 와서 한동안 저장해 둡니다. 그다음부터는 사이트를 다시 읽지 않고 저장해 둔 정보를 보여 주기 때문에, 서버에서 아무리 고쳐도 대화방에는 예전 미리보기가 나옵니다. 리뉴얼 오픈 날 "카톡에 옛날 로고가 나와요"라는 연락이 오는 이유가 바로 이것입니다.

1. 먼저 내 페이지의 og 태그부터 확인

캐시를 지우기 전에 페이지 소스(Ctrl+U)에서 태그가 제대로 나가는지 봐야 합니다. 태그가 틀린 상태로 초기화하면 틀린 정보가 다시 저장될 뿐입니다. 특히 og:image는 https://로 시작하는 전체 주소여야 하고, 로그인 없이 열리는 이미지여야 합니다.

<meta property="og:title"
      content="나눔웹 - 홈페이지 제작">
<meta property="og:description"
      content="2004년부터 이어온 홈페이지 제작">
<meta property="og:image"
      content="https://example.com/og/main_v2.jpg">
<meta property="og:url"
      content="https://example.com/">

2. 카카오 공유 디버거에서 캐시 초기화

카카오 디벨로퍼스의 공유 디버거에 카카오 계정으로 로그인한 뒤 공유할 주소를 넣으면, 지금 저장된 미리보기가 나옵니다. 여기서 캐시 초기화를 누르고 다시 조회해서 새 제목과 이미지가 보이는지 확인하면 됩니다. 페이스북과 인스타그램 링크 미리보기는 페이스북 공유 디버거에서 다시 스크랩하면 갱신됩니다.

주의할 점은 주소가 조금만 달라도 캐시가 따로 잡힌다는 것입니다. www가 붙은 주소와 안 붙은 주소, 끝에 /가 있는 주소와 없는 주소, UTM이 붙은 주소는 각각 따로 초기화해야 합니다. 실제로 많이 공유된 주소를 모두 넣어 보는 것이 안전합니다.

3. 이미지는 파일명을 바꿔서 올리기

제목은 바뀌었는데 이미지만 그대로인 경우가 있습니다. 이미지 자체도 주소 기준으로 따로 저장되기 때문입니다. 같은 이름으로 덮어쓰지 말고 main_v2.jpg처럼 파일명을 바꾸거나 ?v=2를 붙여 새 주소로 지정하면 깔끔하게 해결됩니다.

증상먼저 볼 곳
제목과 이미지 모두 예전 그대로카카오 공유 디버거 캐시 초기화
제목만 바뀌고 이미지는 그대로이미지 파일명 변경 후 다시 초기화
초기화해도 회색 빈 박스og:image 전체 주소와 공개 여부
www 주소로 보낼 때만 예전 화면주소별로 각각 초기화

"오픈 날 첫 공유 전에 디버거부터 한 번."

나눔웹은 리뉴얼 오픈 때 og 태그와 공유 미리보기 캐시까지 확인한 뒤
고객사에 오픈 안내를 드립니다.


List of Articles
번호 분류 제목 글쓴이
» 마케팅 카톡 공유 썸네일이 예전 그대로일 때, OG 캐시 초기화로 바로 바꾸는 법 new 나눔웹
49 UI/UX 문의 폼 중복 접수 막는 법, 전송 버튼 연타와 새로고침 재전송 정리 new 나눔웹
48 웹 성능 브라우저 캐시 설정으로 재방문 속도 높이기, .htaccess 작성법 나눔웹
47 퍼블리싱 z-index 올려도 메뉴가 가려질 때, 쌓임 맥락(stacking context) 확인법 나눔웹
46 마케팅 canonical 태그 설정법, 같은 페이지가 주소 여러 개로 검색될 때 정리하는 순서 나눔웹
45 UI/UX 문의 폼 placeholder를 라벨 대신 쓰면 생기는 문제와 label 배치하는 법 나눔웹
44 마케팅 모바일 전화 문의 버튼 만들기, tel: 링크 작성법과 클릭 수 측정하는 법 나눔웹
43 퍼블리싱 이미지 아래 몇 px 여백이 생길 때, vertical-align으로 없애는 법 나눔웹
42 웹 성능 스크립트 때문에 홈페이지 첫 화면이 늦게 뜰 때, async와 defer 고르는 기준 나눔웹
41 마케팅 검색 결과에 파비콘이 안 나올 때, favicon 크기와 link 태그 점검 순서 나눔웹
40 UI/UX 모바일 버튼이 잘 안 눌린다면? 터치 영역 44px 기준과 padding으로 넓히는 법 나눔웹
39 모바일 모바일 hover 색상이 눌린 채 남을 때, @media (hover)로 해결하기 나눔웹
38 퍼블리싱 position: sticky가 안 먹힐 때, 부모 overflow부터 확인해야 하는 이유 나눔웹
37 웹 성능 메인 배경 동영상 때문에 홈페이지가 느릴 때, 용량 줄이기와 video 태그 설정 나눔웹
36 마케팅 검색 결과 설명이 엉뚱하게 나올 때, title과 meta description 쓰는 법 나눔웹
35 퍼블리싱 썸네일 이미지 찌그러짐, object-fit과 aspect-ratio로 비율 맞추는 법 나눔웹
34 모바일 모바일 문의 폼 자동완성이 안 뜬다면? autocomplete 값과 인증번호 자동 입력 나눔웹
33 UI/UX 버튼 클릭 테두리(outline), 지우지 말고 :focus-visible로 정리하는 법 나눔웹
32 퍼블리싱 flex 레이아웃이 모바일에서 옆으로 삐져나올 때, min-width: 0이 필요한 이유 나눔웹
31 웹 성능 메인 배너 LCP가 느리다면? 첫 화면 이미지는 lazy 대신 fetchpriority로 나눔웹
Board Pagination Prev 1 2 3 Next
/ 3
rhwlsghkcocndgus XE2.1.39 STAGE1.5.4