카카오스토리 공유에 대한 질문니다

카카오스토리 공유하기 창을 열었을 때 하단 미리보기가
안나오는 문제가 생겨 질문드립니다.
소스는 아래와 같은데 단순히 링크 주소만 나오는 원인이 무엇인지 알고 싶고
해결책을 구하고 싶습니다.
데모 링크는
http://razor21c.cjstory.net/openapi_test/kakaostory.php
소스가 다 안나오네요 소스보기 하면 되지만 텍스트파일로 링크는
http://razor21c.cjstory.net/openapi_test/test/txt 입니다.
이미지 첨부합니다.
KakaoTalk_20230605_143030240

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:url" content="http://razor21c.cjstory.net/openapi_test/scrap.php">
    <meta property="og:title" content="Kakao DevTalk_">  
    <meta property="og:type" content="website">
    <meta property="og:image" content="http://razor21c.cjstory.net/openapi_test/og_image.png">
    <meta property="og:description" content="카카오 데브톡. 카카오 플랫폼 서비스 관련 질문 및 답변을 올리는 개발자 커뮤니티 사이트입니다.">

    <meta name="description" content="카카오 데브톡. 카카오 플랫폼 서비스 관련 질문 및 답변을 올리는 개발자 커뮤니티 사이트입니다.">

        <title>Document</title>
</head>
<body>

<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.1.0/kakao.min.js"

  integrity="sha384-dpu02ieKC6NUeKFoGMOKz6102CLEWi9+5RQjWSV0ikYSFFd8M3Wp2reIcquJOemx" crossorigin="anonymous"></script>

<script>
  Kakao.init('01d5065618571de475d46afe25a72169'); // 사용하려는 앱의 JavaScript 키 입력
</script>

<a id="share-kakaostory-button" href="javascript:shareStoryWeb()">
  <img src="https://developers.kakao.com/sdk/js/resources/story/icon_small.png"
    alt="카카오스토리 공유하기 버튼" />
</a>
<script>
  function shareStoryWeb() {
    Kakao.Story.share({
      url: 'http://razor21c.cjstory.net/openapi_test/scrap.php',
      text: '카카오 개발자 사이트로 놀러오세요! #개발자 #카카오 :)',
    });
  }
</script>
</body>
</html>

스토리 공유하기 데모로 테스트해보니

Kakao Developers

잘 표시되고 있습니다.

공유 디버거로 조회 해보시면 og:url 태그 주소가 있어 해당 페이지 메타 정보를 표시합니다.

http://razor21c.cjstory.net/openapi_test/kakaostory.php

일반적으로 이미지가 표시안되는 경우는 미리보기 이미지 섬네일을 생성하는 카카오측 서버가 해당 이미지에 접근할 수 없는 경우 입니다.

http://razor21c.cjstory.net/openapi_test/kakaostory.php

위주소를 공유하신게 아니라
아래 주소를 공유하신거군요. 이미지가 표시안되는 이유는 미리 보기에 표시할 og 메타테그가 없기 때문입니다.
확인 부탁드려요.

http://razor21c.cjstory.net/openapi_test/scrap.php

카카오톡 scrap(url 미리보기) 안될때 체크 리스트