오픈그래프 캐시 삭제, 카카오톡 미리보기 확인 순서

og 태그를 고쳤는데 카카오톡에는 예전 제목과 이미지가 그대로 뜨는 일이 흔합니다. 페이지가 아니라 공유 플랫폼 쪽에 저장된 값이 보이는 것입니다.

미리보기가 아예 안 나오는 경우는 원인이 다릅니다. 둘을 나눠서 보면 어디를 고칠지 바로 정해집니다.

카카오는 HTML 코드의 <head> 에서 og 태그를 읽는다고 적었습니다. 그래서 서버가 보내는 HTML, 곧 페이지 소스 보기 화면에 og 태그가 있는지를 먼저 봅니다.

og 태그 항목과 넣을 값은 「og 태그 뜻과 페이지별로 넣을 항목 정리」 편에 자세히 적었습니다.

카카오 문서가 말하는 캐시는 카카오 플랫폼에 저장된 값입니다. 페이스북 같은 다른 플랫폼의 미리보기는 그 플랫폼의 도구에서 따로 확인합니다.

Open Graph 프로토콜 문서는 페이스북의 공식 확인 도구를 이렇게 소개했습니다(원문: Facebook Object Debugger - Facebook's official parser and debugger.)

예시 ① 사내 서버에 사이트를 둔 장비 제조사(B2B)

회사 안에서는 미리보기가 잘 뜨는데, 고객사 담당자에게 보낸 링크에는 이미지가 빠집니다. 이미지가 사내망 안 URL을 가리키고 있었습니다.

「이미지 열기」 단계에서 걸립니다. og:image 를 외부에서 열리는 URL로 바꾸고, 「방화벽 확인」 단계로 카카오 스크랩 서버 허용을 봅니다.

예시 ② 할인 이미지를 바꾼 쇼핑몰(B2C)

기획전이 끝나 대표 이미지를 바꿨는데, 단체 대화방에는 지난 할인 이미지가 계속 뜹니다. 「og 태그 확인」 단계에서 새 og:image 를 확인했습니다.

「캐시 삭제」 단계에서 기획전 URL의 OG 캐시를 지우고, 새 대화방에서 다시 보내 카드를 봅니다.

예시 ③ 게시판 프로그램을 바꾼 공공기관 누리집(B2G)

프로그램을 바꾼 뒤 공지 링크 미리보기가 모두 사라졌습니다. 새 프로그램은 og 태그를 스크립트로 넣고 있어 페이지 소스에는 없었습니다.

「og 태그 확인」 단계에서 걸립니다. 카카오 문서는 HTML의 <head> 에서 읽는다고 적었으니, 서버가 보내는 HTML에 og 태그를 넣게 바꾸고 자주 공유되는 공지 URL부터 캐시를 지웁니다.