카카오톡 공유 시 이전 썸네일이 표시되는 문제 해결 방법

카카오톡을 통해 포스트나 사이트 URL을 공유할 때 변경된 썸네일 대신 이전 썸네일 이미지가 표시되는 경우가 있습니다. 이 경우 카카오 개발자용 공유 디버거에서 URL을 입력하여 OG 태그 정보를 초기화하면 문제가 해결됩니다.

페이스북을 통해 URL을 공유할 때 변경 전의 썸네일이 표시될 때에도 마찬가지로 페이스북 공유 디버거에서 OG 태그 정보를 초기화할 수 있습니다. 네이버에서는 이런 기능을 제공하지 않는 것 같습니다.

워드프레스에서 OG 이미지 변경하기

워드프레스 사이트의 페이지와 글에서는 대표 이미지(특성 이미지)로 설정하는 이미지가 OG 이미지로 설정되어 카톡이나 페이스북, X, 스레드 등 SNS 공유 시 대표 이미지가 썸네일로 표시됩니다.

참고로 워드프레스에서 '대표 이미지'는 Featured Image의 번역으로 오랫동안 '특성 이미지' 표현이 사용되었다가 비교적 근래에 한국어 용어가 변경되었습니다.

홈페이지의 대표 이미지는 전면 페이지로 설정된 페이지에서 변경할 수 있으며, 최신 글을 전면 페이지(홈페이지)로 설정한 경우에는 Yoast SEO나 Rank Math에서 변경할 수 있습니다.

Yoast SEO의 경우 Yoast SEO » 설정 » 콘텐츠 유형 » 홈페이지에서 소셜 미디어 표시 섹션에서 소셜 이미지를 지정할 수 있습니다.

Rank Math SEO의 경우 Rank Math SEO » 제목 및 메타 » 홈페이지 » Facebook용 홈페이지 썸네일에서 OG 이미지를 지정할 수 있습니다.

Rank Math SEO가 무료 버전에서 Yoast SEO보다 더 많은 기능을 제공합니다. 두 SEO 플러그인 중에서 마음에 드는 플러그인을 설치하여 활용할 수 있습니다.

카톡 단톡방 등에서 포스트나 사이트 주소를 공유할 때 변경된 썸네일 대신 이전 썸네일이 표시되는 경우 카카오에서 제공하는 개발자용 공유 디버거 페이지에서 OG 태그 정보를 초기화할 수 있습니다.

카카오 개발자센터 공유 디버거 페이지에 접속합니다.
공유 디버거 페이지에 접속하려면 카카오 계정으로 로그인을 해야 합니다.
카카오 개발자센터 OG 캐시 초기화 페이지의 URL 란에 워드프레스 사이트 주소나 개별 페이지/포스트 주소를 입력하고 '캐시 초기화' 버튼을 클릭합니다.

아래 그림과 같이 공유 디버거 페이지에서 URL 필드에 URL을 입력하고 캐시 초기화 버튼을 클릭하면 OG(Open Graph) 태그 정보 캐시가 지워지면서 초기하됩니다.

페이스북에 공유할 때 이전 썸네일이 표시된다면 비슷한 방법으로 페이스북 공유 디버거 툴에서 OG 태그 정보 캐시를 삭제하여 초기화할 수 있습니다.

URL을 입력한 후에 디버그 버튼을 누릅니다. 그러면 페이스북에 공유할 때 사용된 정보를 확인할 수 있습니다. 아래와 같은 화면이 표시되면 다시 스크랩 버튼을 클릭하여 페이스북에서 다시 정보를 수집하도록 할 수 있습니다.

페이스북에서는 일괄 무효화 도구도 제공합니다. 일괄 무효화 도구를 사용하여 여러 URL에 대하여 캐싱 정보를 초기화할 수 있습니다.