[Meta태그 og] 카카오톡 링크 공유 미리보기 반영 안될 때, 캐시 초기화 방법

# Meta 태그 OG(Open Graph) 속성

HTML Meta 태그에 오픈그래프(og) 속성을 설정하면,

카카오톡, 페이스북 등에 링크 공유시, [제목, 설명문, 이미지] 등을 미리보기 할 수 있게 해준다.

<!-- head 태그 사이에 위치 -->

<!-- 제목 설정 -->
<meta name="title" property="og:title" content="앨리스모먼트" />

<!-- 설명문 설정 -->
<meta name="description" property="og:description" content="한 주의 빛과 소금 장래희망은 돈많은 백수입니다."/>

<!-- 이미지 설정 -->
<meta name="image" property="og:image" content="%PUBLIC_URL%/logo-black.png" />

<!-- URL 설정 -->
<meta name="url" property="og:url" content="https://alicemedia.co" />

<!-- 언어 설정 -->
<meta property="og:locale" content="ko_KR" />

 

- 위의 html 링크를 카톡 공유시, 아래와 같이 이미지, 제목, 설명, url이 미리보기로 노출된다.

 

그런데 가끔 Meta 태그의 og 속성 값을 변경해도, 카톡에서 반영이 되지 않을 때가 있다.

원인은 카카오톡 내부에서 OG 정보를 캐시해두고 처리하기 때문이다.

 

카카오톡은 OG 캐시를 초기화하는 방법을 제공해준다.

 

# 카카오톡 공유링크 OG 캐시 초기화 방법

아래 사이트에 접속하여, URL 을 입력하고 초기화 버튼을 눌러주면 된다.

즉시 카카오톡 OG 캐시가 삭제되고, 변경사항이 바로 반영된다.

(단, 카카오 개발자 계정이 있어야만 이용할 수 있다)

 

https://developers.kakao.com/tool/clear/og

 

---

참고로, Meta 태그 OG 속성에 대한 더 자세한 내용은 아래 문서들을 참고하자.

 

1. The Open Graph protocol : https://ogp.me/

2. 네이버 서치어드바이저 마크업 가이드 : https://searchadvisor.naver.com/guide/markup-content

3. 페이스북 공유 마크업 가이드 : https://developers.facebook.com/docs/sharing/webmasters