카카오톡에서 HTTPS 프로토콜 유무에 따라 URL 미리보기 OG 메타정보가 다르게 표시되는 문제

문의 시, 디벨로퍼스 앱ID를 알려주세요.


제목: 카카오톡에서 HTTPS 프로토콜 유무에 따라 URL 미리보기 OG 메타정보가 다르게 표시되는 문제

안녕하세요.

워드프레스(Yoast SEO)를 이용하여 운영 중인 웹사이트의 카카오톡 링크 미리보기 문제로 문의드립니다.

■ 대상 사이트

■ 발생 현상

카카오톡 채팅방에서 동일한 사이트 주소를 공유할 때, URL 입력 방식에 따라 서로 다른 미리보기가 표시됩니다.

  1. peterior.com 입력 시

    • 제목: 홈 - 펫테리어

    • 설명: 여기를 눌러 링크를 확인하세요.

    • 이미지: 정상 표시

  2. https://peterior.com 입력 시

    • 변경된 OG 제목 정상 표시

    • 변경된 OG 설명 정상 표시

    • 이미지 정상 표시

  3. www.peterior.com 입력 시

    • 변경된 OG 제목과 설명 정상 표시

■ 확인 및 조치 사항

  • 워드프레스 Yoast SEO 설정 및 HTML 소스에서 og:title, og:description, og:image 정상 출력 확인

  • 카카오 개발자 도구의 URL 메타 정보 조회 결과 정상

  • 카카오 개발자 도구에서 캐시 초기화 진행

  • PC 카카오톡 캐시 삭제 및 재설치 진행

  • PC와 모바일 카카오톡에서 미리보기 차이 확인

  • URL에 테스트 쿼리스트링을 추가하면 최신 메타정보가 정상 표시되는 것 확인

■ 문의 사항

  1. peterior.com처럼 프로토콜 없이 입력한 URL은 https://peterior.com과 별도의 미리보기 캐시로 관리되는지 궁금합니다.

  2. 프로토콜 없이 입력한 주소에 남아 있는 과거 OG 메타정보를 초기화할 수 있는 방법이 있을까요?

  3. 카카오톡에서 두 주소가 동일한 최신 OG 메타정보를 표시하도록 처리할 수 있는지 확인 부탁드립니다.

관련 미리보기 비교 화면과 카카오 개발자 도구 조회 결과를 첨부하겠습니다.

감사합니다.

안녕하세요.

확인을 위해 앱 ID 부탁드립니다.


앱ID
https://developers.kakao.com/ 의 전체 앱 목록에 표시되는 ID 값 입니다.
숫자로된 ID 입니다
ex) 123456

[@tim.l @woody.ho]

안녕하세요.

캐시 초기화는 아래 카카오디벨로퍼스 도구에서 가능합니다.

카카오계정


이제 동일하게 나오네요.