블로그 포스팅을 공유할 때 이미지가 안나와요

JavaScript
#1

블로그에 포스팅 공유 버튼을 만들었는데요. 모바일상에서 눌러서 공유하면 포스팅 첫 이미지가 썸네일로 안나가고 파비콘만 나가는데

왜그런걸까요 ㅜ

<img src="/uploads/default/original/2X/b/be70f131bdd67d85f4374c035cf32d95c18139eb.jpg" width="306" height="500">

<a href='javascript:sendLink()' id='kakao-link-btn'><img border='0' height='48' src='//developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png' width='48'/></a>
<!-- jQuery -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

<!-- KakaoTalk Share Script -->
<script>
// <![CDATA[
    var firstImg=$(".imageblock:first-of-type img");
    var contents="";
    if(firstImg.attr("src")){
        var firstImgSrc=firstImg.attr("src");
        var firstImgRatio = parseInt(firstImg.css("height"))/parseInt(firstImg.css("width"));
        if(firstImgRatio <=0.27) var firstImgRatio=0.27;
    }else{var firstImgSrc=location.origin+"/favicon.ico";var firstImgRatio=1}
  
    Kakao.init('40d7db8116d45aace55adca83ae21d29');

    function sendLink() {
      Kakao.Link.sendTalkLink({        
label: '['+document.getElementsByTagName("TITLE")[0].text+']\n'+contents+'...',
                 image: {
        src: firstImgSrc,
        width: '300',
        height: parseInt(300*firstImgRatio)
      }
                ,
      webButton: {
        text: '여기를 누르세요.',
         url : document.URL
      }
      });
        }   
//]]> 
</script>
#2

아래 이미지로 전송되고 있는 것으로 보이는데요.

http://studyofdentistry.blogspot.kr/favicon.ico

src 속성에 어떤 값이 넘어오고 있는지 확인 바랍니다.

#3

어떻게 확인하죠 ㅜ ㅜ c언어 수업이나 조금 들어본 초보라서 ㅜㅜ
혹시 코드에 인코딩이 안되어있어서 문제있는건아니겠죠?
’

#4

코드로 보았을 때 firstImgSrc 변수에 어떤 값이 할당되었는지가 중요할 것 같은데요.
아래 조건문의 else 로직에서 파비콘 이미지를 할당해준 것은 아닐까요?

if(firstImg.attr("src")){
    var firstImgSrc=firstImg.attr("src");
    var firstImgRatio = parseInt(firstImg.css("height"))/parseInt(firstImg.css("width"));
    if(firstImgRatio <=0.27) var firstImgRatio=0.27;
}else{
    var firstImgSrc=location.origin+"/favicon.ico";
    var firstImgRatio=1
}

디버깅은 크롬 브라우저에서는 아래와 같이 할 수 있습니다.
https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints?hl=ko

#5

포스팅에 첫번 째 이미지가 없을 경우 파비콘을 출력하는 조건문인거는 이해하는데요.

왜 첫번째 이미지를 못읽지?ㅎㅎㅎ

구글블로그에서는 이 코드가 동작안하나봐요 ㅜ
var firstImg=$(".imageblock:first-of-type img");

#6

작성하신 jquery 코드는 class명이 imageblock인 형제 요소 중에 첫 번째 요소를 찾고
해당 요소 내 img tag를 가져온 것으로 보이는데요. HTML코드는 없어서 정상 동작 여부는 알기 힘드네요.