[Facebook] OGPタグが設定されているか確認する方法

LINEで送る
Pocket

この記事の所要時間: 約 1分14秒

いいね※この記事は前エントリーのOGPタグの設定方法の続きです。

 

さて、OGP(Open Graph Pro)の設定ができたら、キチンと設定できているか確認する必要があります。

※友達の友達に表示されるフィードは、簡単に見ることができませんからね。

この確認は、すでにFacebook側で用意されている、「デバッガー」を使って行います。

 

OGPタグが設定されているか確認

 

WordPressプラグイン「Open Graph Pro」で設定ができたらトップページのソース画面を見てみます。

自動でOGPタグが記載されていますね。

※Open Graph ProによるOGPタグの設定方法はこちら

OGPソースの確認

 

OGPタグのプロパティの詳細はここでは割愛します。

 

OGPタグが問題なく動いているか確認

 

Facebookデバッガーで確認します。

確認したいページのURLを入力します。

Facebookデバッガー画面

 

以下のようにエラーや警告がでていなければOKです。

Facebookオブジェクトデバッガー

 

OG:imageが200PX未満の画像を設定いる場合、警告がでることがありますが、表示されない訳ではないのでそのままスルーしても問題ないと思われます。

解決する必要があるオープングラフの警告

 

LINEで送る
Pocket

3 Comments

  • Pingback: [WordPress]初心者のためのOGPの設定方法(Open Graph Pro) | Forest of Memory

  • 2013/02/02 - 22:22 | Permalink

    Forest Of Memoryさん
    非常にわかりやすく、助かりました。
    ありがとうございます。
    今現在、手順どおりに設定を行い最後にデバッガーで下記のようなエラー表示が出てしまします。
    どのように修正すれば直りますでしょうか?
    こんなにわかりやすく書いてあるのに最後で躓きまして・・・
    ○エラー
    修正する必要があるエラー
    More Than One OG URL Specified: Object at URL ‘http://ajyaram.com/’ of type ‘website’ is invalid because it specifies multiple ‘og:url’ values: http://ajyaram.com/, http://ajyaram.com.

    まだ、はじめたばかりでわからない事だらけで・・・
    手助け頂けると助かります。

    • admin
      2013/02/03 - 00:50 | Permalink

      ajyaramleeさん

      当ブログを参考にしていただきありがとうございます。

      さて、ajyaramleeさんが困っているエラーについてですが、

      More Than One OG URL Specified: Object at URL ‘http://ajyaram.com/’ of type ‘website’ is invalid because it specifies multiple ‘og:url’ values: http://ajyaram.com/, http://ajyaram.com.

      上記のエラーは、OGPタグが重複して書き出されていることが原因となります。

      確認のため、http://ajyaram.comのサイトのソースをみさせていただいたところ

      40行目から46行目までの間にOGPタグが書き出されており
      227行目から234行目まで、同様のOGPタグが書き出されております。

      この原因の元は、OGP Graph Pro のプラグインの他に
      http://ajyaram.comで使用されている、何らかのプラグインがOGPを
      出力する機能を持っていることで重複してしまっていると考えられます。

      どのようなプラグインを利用されているかは私の方ではわかりませんが、
      facebook関連のプラグインやJetPackなどはOGPを出力する機能がある可能性が高いです。

      探し方としては、怪しいプラグインを一度停止して、ソースを確認してもらい
      重複しないようになれば、そのプラグインの設定を見直す必要があります

      すこし、説明としてややこしいかもしれませんが、わかる範囲で一度試してもらえればと思います。

      また同様のエラーについて、当ブログでも、対処法を追記したいと思います。

      もしわからなければ、追記したブログを参照してください。
      ※アップはいつになるかわかりませんが、よろしくお願いいたします

      Forest of Memory

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です