페이지별 og image를 자바스크립트로 동적으로 변경하여 입력했는데요

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

링크
https://pierrecardinkorea.com/product/list.html?cate_no=25&ec_soldout_display=F

자바스크립트

      function setOgImageBasedOnURL() {
            const vcurrentURL = window.location.href;
            const ogurlElement = document.querySelector('meta[property="og:url"]');                
            const ogImageElement = document.querySelector('meta[property="og:image"]');                
            ogurlElement.setAttribute('content',vcurrentURL);
            if (vcurrentURL.includes('cate_no=25')) {
                ogImageElement.setAttribute('content', 'https://pierrecardinkorea.com/SkinImg/img/ogimage/pierre.jpg');
            } else if (vcurrentURL.includes('cate_no=24')) {
                ogImageElement.setAttribute('content', 'https://pierrecardinkorea.com/SkinImg/img/ogimage/pierre_w.jpg');
            } else {
                ogImageElement.setAttribute('content', 'https://pierrecardinkorea.com/SkinImg/img/ogimage/pierre_default.jpg');
            }
        }
        window.addEventListener('DOMContentLoaded', setOgImageBasedOnURL);

해당 이미지들을 가져오지못하고 기본으로 적용된 대표 og image만 가져옵니다. 카톡 공유이미지 캐쉬삭제해도마찬가지네요
자바스크립트로 변경된 og image는 못가져오는걸까요?

2

카카오 스크랩서버가 백엔드에서 접근하여 og 메타태그를 확인하므로
스크립트(클라이언트 사이드)에서 동적 변경한 내용은 반영되지 않습니다.

og 메타태그를 서버 사이드에서 변경하시면 좋을 것 같습니다.

3

답변감사합니다. 결국 서버사이드단을 수정할수없다면 페이지에 하드코딩으로 넣는수밖에없겟네요