facebookのいいねボタンににog:titleなどのOGPタグが効かない場合の調べ方

facebookのいいねボタンをサイトに設置する際、どのようにニュースフィードに表示させるかを制御するのに、OGPタグが使えます。


こないだ作ったサイトの例だとこんな感じです。

    <meta property="og:title" content="Londongram" />
    <meta property="og:type" content="album" />
    <meta property="og:url" content="http://londongram.herokuapp.com" />
    <meta property="og:image" content="http://londongram.herokuapp.com/static/img/londongram_facebook.png" />
    <meta property="og:site_name" content="Londongram" />
    <meta property="og:description" content="Tag photos of London with the hashtag #london" />
    <meta property="fb:app_id" content="*******************" />


ですが、せっかくOGPタグを記述しておいても、実際にいいねボタン押しても情報が反映されない、ということがありました。

このように表示されて欲しいのに

このように表示される


いろいろ調べた結果、facebookの以下のページでOGPタグのテストができることがわかりました。

http://developers.facebook.com/tools/debug


私の場合は上記のページで、「オブジェクトベースのドメインは使用できません 」というエラーになっていて、アプリの基本設定でApp DomainsとWebsite with Facebook Loginを修正したら正しくOGPタグが反映されるようになりました。