OG Tags 정보가 카카오톡에서만 표출되지 않는 문제

Scrap(미리보기, 스크랩)
1

안녕하세요. 사이트에 meta 태그를 적용하였는데, 페이스북 메신저 및 페이스북 글에서는 잘 반영이 됐지만 카카오톡에서는 적용이 안되는 것 같습니다.

현재 적용한 태그는 다음과 같습니다.

<Head>
      <title>{`흑흑: ${title}`}</title>

      <meta name='description' content={description} />

      <meta itemProp='name' content={title} />
      <meta itemProp='description' content={description} />
      <meta itemProp='image' content={image} />

      <meta property='og:type' content='website' />
      <meta property='og:title' content={title} />
      <meta property='og:description' content={description} />
      <meta property='og:image' content={image} />
      <meta property='og:url' content={`${BASE_URL}${shareKey}`} />
      /* ${BASE_URL}${shareKey} => 실제 url */

      <meta name='twitter:card' content={image} />
      <meta name='twitter:title' content={title} />
      <meta name='twitter:description' content={description} />
      <meta name='twitter:image' content={image} />
</Head>

코드상의 title, description, image는 페이스북 메신저에서 확인한 바에 따르면 잘 적용되는 것 같습니다.
메신저별로 테스트결과는 다음과 같습니다.

  • 페이스북 메신저
    image
  • 페이스북
    image
  • 카카오톡
    image
  • Slack
    image

https://developers.kakao.com/tool/clear/og 이 링크에서 캐시 초기화를 여러번 진행해보았지만 결과는 같았습니다. 혹시 제가 놓친 설정이 있는지 궁금합니다.

테스트한 링크는
https://dev-share.archisketch.com/A92E683D142C496B 입니다.

감사합니다 :slight_smile:

2

현재 사이트의 응답이 아래와 같아 출력할 내용이 없습니다.

<meta property="og:type" content="website"/>
<meta property="og:title" content=""/>
<meta property="og:description" content="Enjoy Cloud Based 3D Interior Contents with Archisketch."/>
<meta property="og:image" content=""/>
<meta property="og:url" content="https://dev-share.archisketch.com/7B355E5F8898432A"/>
3

페이지 최초 로딩시 불러오는 API중에 400번대 리턴이 있으면 페이스북 외의 플랫폼에서는 파싱을 멈추는 것 같네요. 해결했습니다 감사합니다 :slight_smile: