카카오톡 캐시 이미지 - kakaotog kaesi imiji

Question

bperhaps

관리
글쓰기
로그인
로그아웃

목차 Show

bperhaps
Meta Tag 이미지 지정 방법
KakaoTalk 미리보기(오픈그래프 OG) 이미지 Cache 삭제 방법
Meta Tag의 표준

홈
태그
미디어로그
위치로그
방명록

카카오톡 저장기간 만료 파일 복구 프로그램. [다운로드] 2018. 2. 18.

카카오톡 저장 기간 만료 파일 복구 프로그램 받으러 가기 -> http://bperhaps.tistory.com/12 카카오톡으로 사진들을 주고받다 보면 저장기간이 만료되서 사진을 다운로드 하지 못하는 경우가 있다. 사진1. 저장 기간 만료로 파일을 불러올 수 없는 사진. 하지만 잘 보면, 다운로드는 불가능하지만 흐릿하게 해당 사진을 볼 수 있는것을 확인할 수 있다. 여기서 저 사진을 가져올 수 있으면 저장 기간을 놓쳐 다운받지 못한 사진도 받을 수 있지 않을까? 하는 의문을 품게 되었다. 먼저 카카오톡의 사진들의 위치를 알아내야 했고, 경로를 찾아 내었다. 카카오톡Media파일 저장 위치 : /Android/data/com.kakao.talk 해당 경로를 들어가면 다음과 같은 폴더들을 볼 수 있다. 사진2. 카카오톡 Media파일 위치 .. 2018. 2. 10.

이전 1 다음

Meta Tag 이미지 지정 방법

Meta Tag에 og:image를 이용해 사용자에게 미리보기 이미지를 지정 및 제공할 수있다.

아래는 `https://www.kakaocorp.com/`의 Meta Tag의 og:image 정보이다.

meta content="//t1.kakaocdn.net/kakaocorp/corp_thumbnail/KakaoTalk.png" property="og:image"/

KakaoTalk 미리보기(오픈그래프 OG) 이미지 Cache 삭제 방법

최근 사내에서 개발자가 테스트 도중 og:image를 바꿨는데도 불구하고 카카오톡에서 cache가 삭제 되지 않아서 실제 테스트시 어려움을 겪었다.

그래서 KakaoTalk의 Cache를 삭제하는 방법을 찾다가 확인하게 되었다.

KakaoTalk의 Cache는 Client에서 삭제될수 있는게 아니기 때문에 해당 문의가 카카오로 많이 온듯하다.

특히 청첩장을 보내려고 하는 신혼부부들이 많이 요청한것으로 보인다...

인터넷을 신나게 돌아다니던중 Kakao developers 사이트에서 Cache를 Clear하는 기능을 만들놓았다. 아래의 URL로 가서 개발자 그룹에 가입하고 자신의 사이트의 주소를 입력하면 바로 Cache가 Clear되어 카카오톡에서 바로 변경이 된다. 특이한건 다른 사이트의 캐쉬도 삭제가 가능하다. (횟수 제한을 만들어 놨을라나 ... 갑자기 궁금해 진다..)

초기화 방법

1. 카카오 개발자 페이지의 OG 캐쉬 삭제 페이지 접속
2. OG 캐쉬 초기화를 원하는 페이지 주소를 입력
3. URL에 사이트 주소 http:// or https:// 구분하여 입력
4. `초기화`버튼 클릭

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

카카오계정 로그인

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

accounts.kakao.com

카카오톡 Open Graph 캐쉬 초기화

Meta Tag의 표준

추가로 이게 맞는지는 모르겠지만 카카오톡 개발그룹에서 Meta Tag의 룰의 경우의 `/>` 로 끝나야 표준이라고 내용을 확인 하였다.

(사실 나는 웹 개발자가 아니라서 잘 모른다... 미리 보기 이미지가 meta tag의 og:image를 통해서 설정한다는것도 지금 알게 되었다 ;;;;)

확인해 보니 카카오톡 홈페이지도 모두 `/>`로 끝나게 설정이 되어 있다.

아래는 카카오톡 홈페이지의 전체 Meta Tag 정보

<html lang="ko" xml:lang="ko">
    <head>
        <meta charset="utf-8">
        <!-- meta -->
        <meta content="website"       property="og:type"  />
        <meta content='kakaocorp.com'   property='og:site_name'/>
        <meta content='//www.kakaocorp.com/service/KakaoTalk' property='og:url'/>

        <meta content='ko_KR'           property='og:locale'/>
                    <meta content='en_US'           property='og:locale:alternate'/>
                <meta content="카카오톡"            property='og:title'/>
                        <meta content='사람과 세상, 그 이상을 연결하는 카카오톡' property='og:description'/>
                        <meta content="//t1.kakaocdn.net/kakaocorp/corp_thumbnail/KakaoTalk.png" property="og:image"/>
                    <meta name="naver-site-verification" content="6171ab3d716f1b32969a13e4f5b9475b2f4dd42c"/>
        <!-- //meta -->

이미지 썸네일

콘텐츠를 직접 만들거나, 영감을 수집하는 일을 즐겨하는 사람이라면 카카오톡을 통한 링크 공유 기능을 자주 이용할 것이다. 특히 직접 만든 콘텐츠의 대표 사진이 잘 보이는 지? 위치는 적당한 지를 살펴보기 위해 자신에게 공유하여 확인하는 경우가 많을 거다. 그런데 대표 사진을 변경 후 재공유를 하면, 링크에 남아 있는 캐시 데이터 때문에 변경 후 사진으로 확인이 되지 않는다. 이럴 때는 어떻게 해야 할까?

대표 사진을 변경해도 왜 썸네일 이미지는 달라지지 않을까?

카카오톡으로 콘텐츠 공유 시 보이는 모습

우선 링크를 처음으로 공유하면 포스팅을 작성하면서 대표 사진으로 설정해 둔 이미지가 썸네일 이미지로 확인이 된다. 나의 경우는 전화기를 들고서 화를 내고 있는 한 남성의 사진으로 대표 사진을 설정해 두었다. 의도에 맞게 사진이 잘 노출되고 있다는 걸 상기 이미지를 통해 확인할 수 있는데, 만약 저 사진이 아니라 다른 사진으로 대표 사진을 변경 후 재공유를 하면 변경 후의 사진으로 썸네일 이미지가 노출될까?

결론만 말하자면 별도의 작업을 거치지 않고서 포스팅 이미지만 수정 후 공유 시에는 기존의 이미지로 썸네일 이미지가 표시된다. 즉 귀여운 고양이 사진으로 대표 이미지를 변경하였다고 해도, 여전히 화를 내고 있는 남성의 사진으로 썸네일 이미지가 노출된다는 것이다. 이 현상의 원인은 바로 링크의 캐시 데이터. 포스팅의 대표 이미지 변경 후 캐시 데이터까지 삭제를 해 줘야만 변경 후 사진으로 썸네일 이미지가 노출된다.

카카오톡 링크 공유 시 썸네일 이미지 변경 방법 (feat. 캐시 데이터 삭제 방법)

카카오톡 링크 공유 시 썸네일 이미지를 변경하고 싶다면 카카오 개발자 페이지(https://developers.kakao.com/)에 접속해야 한다. 카카오 개발자 페이지 (a.k.a 카카오 디벨로퍼스 페이지)가 첫 방문이라면 회원가입 과정을 거쳐야 하는데, 기존에 사용하던 카카오 계정으로 로그인 후 약관 동의 정도만 마치면 바로 가입이 가능하다.

카카오 개발자 페이지 메인 화면

카카오 링크 공유 후 썸네일 이미지를 변경하고자 하는 경우에는 우측 상단에 있는 도구 메뉴로 들어가서 초기화 도구라는 상세 메뉴를 클릭해 줘야 한다. 해당 페이지를 접속하면 OG(Open Graph) 캐시 삭제를 할 수 있다.

카카오 개발자 페이지에서 캐시 삭제하는 방법

OG(Open Graph) 캐시를 삭제할 때에도 조작법은 아주 간단하다. 캐시 삭제를 원하는 링크, 그러니까 썸네일 이미지를 변경하고 싶어 하는 링크를 입력창에 입력하고 초기화 버튼을 누르면 된다. 만약 공유가 된 적이 있는 링크라면 아래에 'n개의 스크랩 정보가 삭제되었습니다'라는 안내 문구가 뜰 것이고, 없다면 없다고 뜬다.

이렇게 캐시 데이터를 삭제한 후에 카카오톡으로 콘텐츠 링크를 재 공유한다면 썸네일 이미지로 아까와 같이 전화기를 들고서 화를 내고 있는 남성의 이미지가 뜰까? 아니면 변경 후의 이미지로 뜰까? 확인할 수 있는 방법은 단 하나, 직접 공유를 해 보면 된다.

캐시 삭제 후 카카오톡으로 콘텐츠 재공유 시

아까와 같은 링크를 카카오톡을 통해 공유를 해 보았다. 처음에는 포스팅의 대표 이미지를 변경해도, 변경 전이었던 전화기를 들고서 화를 내고 있는 남성의 이미지로 썸네일 이미지가 표시되었는데, 캐시 데이터를 삭제하니 변경 후인 이미지로 잘 노출되고 있는 걸 확인할 수 있었다.

이렇게 오늘은 카카오톡 링크 공유 시 썸네일 이미지를 변경하는 방법에 대해 알아보았다. 콘텐츠 제작자를 위한 꿀팁은 앞으로도 많이 공유할 예정이니 기대해 주시라. 그럼 이만.

모든 글과 자료, 이미지는

무단 도용 및 불펌, 2차 수정을 금지합니다

카카오톡 캐시 위치 카카오톡 캐시 복구 카카오 og 이미지 카카오톡 캐시 삭제