카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem

사이트 대표 이미지를 수정했는데, 카카오톡 등에서 여전히 기존 대표 이미지가 표시될 수 있습니다. 더 빠른 데이터 로딩을 위한 캐시화가 원인으로, 사용자는 카카오 디벨로퍼스에서 디버거 도구를 사용해 기존 대표 이미지를 삭제해야 새로운 대표 이미지로 정상 표시됩니다.

카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem

사용방법

  1. 카카오 디벨로퍼스 공유 디버거에 접속합니다.
  2. 카카오 계정으로 로그인합니다.
  3. URL 입력 칸에 내 도메인 주소를 입력합니다.

    주의: 도메인 주소는 http 또는 https 를 구분하여 입력해 주세요. SSL 보안서버 인증서를 설치했다면 https 로 입력해야 합니다.

    카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem

  4. 디버그 버튼을 클릭합니다.
  5. 삭제하려는 오픈그래프 정보를 확인하고, 문제가 없다면 캐시 초기화 버튼을 클릭합니다.
  6. 대표 이미지를 포함하여 오픈그래프 정보가 초기화 됩니다. 이제 카카오톡 등 카카오 서비스에서 사이트 주소를 입력해 업데이트한 대표 이미지가 표시되는지 확인해 보세요.
  7. 만약 초기화에 문제가 있는 경우, 스크랩 결과 열에서 확인할 수 있습니다. 스크랩 결과에 따라 문제를 확인 후 위 3~5번 과정을 다시 시도해 주세요.

    카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem


관련 도움말

오픈그래프는 카카오톡 이외에도 페이스북, 블로그 등에서 사이트 요약정보를 표시할 때 주로 사용되는 기능입니다. 내 사이트 오픈그래프 정보를 수정하려면 다음 도움말들을 참고해 수정해 보세요.

  • 사이트 제목 변경하기
  • 사이트 설명 추가하기
  • 사이트 대표이미지 추가하기

[개발/카카오톡] 카카오톡 OG 캐시 삭제 방법

카카오톡에서

url 을 공유하면

썸네일 이미지가 뜹니다.

바로 카카오톡에서 스크랩된 이미지를 보여주는건데요

사이트에서 이미지를 수정하고도

링크 공유시 이전이미지가 뜬다면

바로 Open Graph 캐시를 의심해봐야 합니다.

그럴때는 아래 경로로 들어가서

스크랩된 url 을 입력해서 캐시를 삭제해주면 됩니다!

카카오 OG 캐시 삭제 URL : developers.kakao.com/tool/clear/og

카카오계정 로그인

여기를 눌러 링크를 확인하세요.

accounts.kakao.com

카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem

위 사이트로 접속해서 캐시를 삭제하고도 안된다면,

다시 삭제 후 og 이미지 명을 다른걸로 변경하고 

다시 시도하시면,

수정된 이미지가 정상적으로 스크랩되는걸 확인할 수 있습니다!

참고들 하세요!

제 사이트의 og태그를 

저는 아래 코드처럼 

작성했습니다.

<!-- Open Graph -->
<link rel="image_src" href="images/og_tag.png" />
<meta name="description" content="This site is the web portfolio of web publisher Ji Soo Lee." />
<meta property="og:url"                content="http://gemma2ee.website/project/ppt/index.html" />
<meta property="og:type"               content="website" />
<meta property="og:title"              content="웹퍼블리셔 이지수 포트폴리오" />
<meta property="og:description"        content="This site is the web portfolio of web publisher Ji Soo Lee." />
<meta property="og:image"              content="images/og_tag.png" />

저장을 하고, 다른 기기에서 호환이 잘 되나 확인하기 위해, url을 카카오톡으로 전송하는데,

썸네일 이미지가 안나오더라구요ㅠㅋㅋ 

카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem
카카오톡에서 og tag 이미지 설정 안될때 화면

캐시가 남아있어서 그런지,,

저장한대로 보여지지가 않았어요...;;ㅋㅋ

몇시간을 지나도 안되서,, 다른방법을 찾아본 결과!!

웹 사이트 주소나, 앱 주소 url link를 SNS에 공유할 때,

설정했던 og tag (open graph) 이미지랑 사이트 제목과 설명이 바뀌지 않을 때,,

카카오톡 캐시 삭제 후 다시 리셋시키는 방법이 있었습니다!!

카카오스토리 공유하기시 만들어지는 미리보기의 이미지와 텍스트들은 서버 효율을 높이기 위해 스크랩 서버에 일정기간 캐쉬됩니다. 캐쉬 기간동안 이미지나 내용을 바꾸더라도 같은 URL을 공유하면 캐쉬된 이미지와 텍스트로 공유될 수 있습니다.

캐쉬를 삭제하려면 https://dev.kakao.com/tool/clear/og 의 OG(Open Graph) 캐시 메뉴에서 '초기화’를 실행하시면 됩니다.

(참고 https://devtalk.kakao.com/t/topic/16724 )

1. https://dev.kakao.com/tool/clear/og 에 접속합니다.

카카오계정 로그인

여기를 눌러 링크를 확인하세요.

accounts.kakao.com

카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem

2. 로그인합니다. 계정이 없으면 회원가입화면 뜹니다. 간단합니다~!! 가입 후 로그인 하기!

3. 이제 아래 사진처럼 OG 캐시 초기화하는 화면이 나옵니다.  URL입력창에 내 사이트 주소 입력하고 초기화 버튼만 클릭해주면 정상적으로 돌아갑니다.

카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem

4. 다시 카카오톡으로 와서, URL 공유 테스트 해봅니다.

카카오톡 og 캐시 삭제 안됨 - kakaotog og kaesi sagje andoem
OG 태그 변경해도 이미지 안보일 때, 캐시 삭제 후 정상 작동 됨.

카카오 개발 사이트에서 캐시삭제 기능을 만들어 놓아서

이렇게 유용하게 쓰이네요ㅎㅎㅎ

끄으으읏~~~!!