현재 react를 사용하여 open graph 구현중입니다.
밑은 index.html 메타태그이며
아래는 게시글 페이지 js파일에서 메타태그 동적 변경을 해줍니다.
이 때, 게시글 접속 시 개발자 도구에는 메타태그 변경이 적용되어있지만 카카오톡 링크 공유 시 og가 나타나지 않습니다.
해결 방법 알려주시면 감사드립니다.
카카오 스크랩서버가 URL에 접근하여 서버에서 받은 메타데이터로 og태그 미리보기 구성을 합니다.
클라이언트단에서 동적 구성한 내용은 조회하지 않습니다.
(1) 백엔드에서 og태그 구성하시거나
(2) SSR(서버사이드랜더링) 하셔서
카카오 스크랩서버가 URL 호출 응답으로 OG태그를 조회할 수 있도록 조치 하시면 좋을 것 같습니다.