[og:image] 오픈그래프 이미지 갱신 안될때 해결방법 (카카오, 페이스북, 트위터 오픈그래프 및 메타 정보 캐시 삭제하기)

오픈그래프 메타 태그에 대해서 오늘 알게된 사실을 기록해둔다. Open Graph(OG) 메타 태그는 한 번 공유되면 카카오톡, 페이스북, 트위터 등에서 캐싱해버려서,이미지를 바꾸거나 제목을 수정해도 자동으로 반영되지 않아서 오픈 그래프 이미지를 자주 변경해야 하는 경우, 난감할 수 있다.

아래 각 플랫폼 사이트에 접속해서 강제적으로 초기화해주어야 한다.

카카오 디버거 (Clear Scrap)

https://developers.kakao.com/tool/debugger/sharing/

• 캐시를 삭제할 URL 넣고 디버그 및 캐시 초기화

👉 Facebook Sharing Debugger

https://developers.facebook.com/tools/debug/

• 캐시를 삭제할 URL 넣고 디버그 버튼 클릭 후 다시 스크랩 버튼 클릭

👉 Twitter Card Validator

https://cards-dev.twitter.com/validator

• 캐시를 삭제할 URL 넣고 Preview card 버튼 클릭.

참고 팁

• 이미지 주소가 바뀌지 않으면 캐시가 안 풀릴 수도 있어서 → 이런 트릭도 종종 씀:
  

<meta property="og:image" content="https://naragara.com/img/image.png?v=2" />

• 이미지 파일명을 아예 바꾸는 것도 유효 (ex. image2.png)