안녕하십니까?
다름이 아니고 당사에서 관리하는 서비스 관련하여 카카오톡에 공유 시 meta 태그의 og:image 값의 이미지가 반영되지 않아 카카오디벨로퍼 내 공유 디버거로 확인한 결과 카카오 측에서 Open graph 정보를 읽어들이지 못하는 것으로 확인되었습니다.
관련하여 문의드리오니 저희가 어떤 조치가 필요한지 알려주시면 감사하겠습니다.
문제가 발생한 URL은 https://announcerschool.com 입니다.
감사합니다.
안녕하세요.
아래와 같이 정상적으로 가져오는 것을 확인하였습니다.
원본 이미지의 가로 길이가 너무 길어서 아래와 같이 최적화 되었습니다.
이미지는 800x400 사이즈로 최적화 됩니다 원본 이미지 비율을 조정해 보시는 것을 추천 드립니다.
안녕하십니까.
현재 표출되고 있는 이미지는 상단바의 로고 이미지로 HTML body 태그 내에 처음 등장하는 이미지입니다.
그와 별개로 og:image 태그에는 다른 이미지가 선언되어 있는 상태이고 해당 이미지의 사이즈는 800x400px입니다.
카카오디벨로퍼의 공유 디버거를 통해 확인해본 바로는 카카오 측에서 Open Graph 정보를 전혀 읽지 못하는 것으로 보여집니다. 타 서비스(ex. Facebook)에서는 아래와 같이 정상적으로 표출되는 것으로 확인됩니다.
이러한 점을 고려하여 다시 한번 확인해주시면 감사하겠습니다.
<meta name="og:title" content="아나운서학교" />
<meta name="og:description" content="아나운서 학교 - 아나운서 실기준비, 편~하게 하세요." />
<meta name="og:site_name" content="아나운서학교" />
<meta name="og:image" content="/assets/images/logo/opengraph_img.jpg" />
OpenGraph 표준에 따라 다음과 같이 수정 부탁드립니다. (name → property)
<meta property="og:title" content="아나운서학교" />
<meta property="og:description" content="아나운서 학교 - 아나운서 실기준비, 편~하게 하세요." />
<meta property="og:site_name" content="아나운서학교" />
<meta property="og:image" content="/assets/images/logo/opengraph_img.jpg" />