FacebookAPI & JS：外部サイト [いいね！]ボタンいいね！取り消し時の挙動に関して

###前提・実現したいこと
現在、Facebookの[いいね！]ボタンをWEBサイトに設置しています。
その上で、[いいね！]をした際の挙動は何も問題が無いのですが、
[いいね！]を取り消そうともう一度ボタンを押すと、その時は
[いいね！]ボタンのチェックが外れているのですが、F5更新をしますと[いいね！]にチェックが付いた状態に戻ってしまう時があり、こちら側のボタン設置の仕方に問題があるのかFaceook側に問題があるのかが分からない状況です。
※何度か繰り返すと[いいね！]が取り消される状況です。

他サイトの[いいね！]ボタンを押したり取り消したりしても同じ挙動のサイトが多いのでFacebook側の問題かとも思っているのですが確信が持てないのでご教示いただけますと幸いです。

###該当のソースコード

【JS部分】
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : "該当サイトのapID",
      xfbml      : true,
      version    : "v2.6"
    });

    // いいねした際のコールバック
    FB.Event.subscribe("edge.create",
      function(evt) {
        //alert("いいね");
        //処理したいJSコード
   }
    );
    
    // いいねを取り消した際のコールバック
    FB.Event.subscribe("edge.remove",
      function(evt) {
       //alert("よくないね");
       //処理したいJSコード
      }
    );
  };
    
  (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/ja_JP/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, "script", "facebook-jssdk"));
</script>

【いいねボタン部分】
<div class="fb-like" data-href="サイトURL" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>