facebook - Facebook の「いいね」ボタンにメタデータ情報が表示されない

Question

Facebook API を使用するのは初めてです。Facebook の「いいね」ボタンを自分のウェブサイトで使用したいと考えています。ページのメタデータ情報を取得できません。ささいなことを見逃しているに違いないと思います。マタ情報は次のとおりです。

<meta property="og:title" content="Testing"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://localhost:8080/SocialPay/test.html"/>
<meta property="og:image" content="http://upload.wikimedia.org/wikipedia/commons/thumb/0/06/Facebook.svg/215px-Facebook.svg.png"/>
<meta property="og:site_name" content="SOCIAl DG"/>
<meta property="og:description" content="Social networking site for buying and selling content."/>

ページ内のコードは

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=104879852980588";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false" 
    data-href="http://localhost:8080/SocialPay/test.html"></div>

誰かが私が欠けているものを指摘できますか。また、ページをローカルでテストしています。それが問題ですか。