FacebookのOGPに fb:admins と fb:app_id の設定は必要?htmlタグのxmlnsは?

こんにちは、@cappeeです。

サイトやブログを作ったらFacebookのOGPを設定するのはマストになってきましたね。

ソーシャルボタンの設置方法などはこちらをご覧ください。
ソーシャルボタンの設置まとめとボタンの幅や吹き出しの直し方、コーディング方法など[2013.2.22改正]

OGPとは

Open Graph protocolの略で、facebook、mixiなどのソーシャルにシェアした場合にOGPを設定しておけば意図した内容を表示させる事ができる、というものです。
詳しくは下記をご覧ください。

 FacebookのOGPに fb:admins と fb:app id の設定は必要?htmlタグのxmlnsは?

【保存版】やるとやらないでは大違い!Facebookいいね!ボタンを最適化する「OGP」設定方法まとめ

fb:admins と fb:app_id の設定は必要?

OGPで指定する fb:admins と fb:app_id ですが、受託なんかの場合は予め管理者にするFacebookユーザーを確認する必要があるため少々面倒だったりもします。

fb:admins と fb:app_id は記述しないと表示されないのかしら?と思って、記述なしにしてOGPを確認できるFacebookのデバッガーでみてみたところ、下記のような警告が表示されました。

admins app id FacebookのOGPに fb:admins と fb:app id の設定は必要?htmlタグのxmlnsは?
Admins And App ID Missing:fb:admins and fb:app_id tags are missing. These tags are necessary for Facebook to render a News Feed story that generates a high click-through rate.

fb:admins と fb:app_id がないよ。設定すればニュースフィードで高いクリック率がだせるよ。」的なことが書いてあり、指定しないと表示できないわけではないようですが、可能な限り指定はしていた方が良さそうですね。

こういった警告はFacebookは管理者を把握しておきたいという理由も背景にあるようです。

fb:admins と fb:app_id、どちらかを記述するのでも大丈夫ですが、APP ID にはどちらにせよ  Admin ID が必要になりますのですぐに設定したい場合は fb:admins のみをとりあえず設定しておきましょう。

もう片方の fb:app_id がある理由としてはFacebook内にアプリ管理画面が作成されるので、管理者が複数いる場合に設定の管理が楽になります。(Admin ID も複数設定は可能なようです)

Facebookインサイトが使える

もうひとつ設定しておいた方がいい理由としては、Facebookインサイトが使えます!

Facebookインサイトとは、設定したサイトのいいねやシェアなどのアクション数をグラフで確認することができて、Facebookで集客を考えている方には必須のツールです。

OGPで fb:admins を設定済みの場合は、インサイトページを開き、右上の「ウェブサイトのインサイト」から追加できます。
Facebookインサイト

Facebookインサイトに関してや解析の重要性については下記をご覧ください。
フェイスブックのアクセス解析ツール「インサイト(Insights)」の導入と分析方法で分かったこととは?
【保存版】Facebookページ インサイト機能 徹底活用!~画面説明・用語解説編~
【保存版】Facebookページ インサイト 徹底活用!~実践編 押さえておきたい5つの検証ポイント~

Admin ID と APP ID の取得方法

fb:admins の Admin ID は下記のURLの最後に自分のアカウントを入力すれば情報が表示されるので、「id」のところにある数字が Admin ID になります。

http://graph.facebook.com/username

fb:admins と fb:app_id の違いやIDの取得方法に関してはこちらが参考になります。

 FacebookのOGPに fb:admins と fb:app id の設定は必要?htmlタグのxmlnsは?

Facebookインサイト設定の落とし穴、app_id, page_id, admins の違いとは

htmlタグのxmlnsは必要?

HTML5の場合、htmlタグのxmlnsは不要のようです。

かわりにheadタグに下記を記述します。(2013.2.27追記)

ウェブサイトの場合

<html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">

ブログトップページの場合

<html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">

ブログ記事ページの場合

<html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">

詳しくはこちらをご覧ください。

 FacebookのOGPに fb:admins と fb:app id の設定は必要?htmlタグのxmlnsは?

HTML5でOGPの設定をする時にhtmlタグにxmlnsは不要

 

Pocket
article clipper FacebookのOGPに fb:admins と fb:app id の設定は必要?htmlタグのxmlnsは?