【WordPress】Facebook OGP 設定手順メモ

Facebook / Franco Bouly

え？　OGPって何？

OGPとは、「外部サイトをまるでFacebookページのように見せかけれるhtml記述のルール」です。

via: ＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook活用術。皆が知らない「いいね！」ボタンと「OGP」の設定方法、超解説:ガイアックスソーシャルメディア ラボ／Facebook・twitterの企業利用法についての研究機関

ここでは「外部サイト」というのは自分のブログだったり、会社のウェブサイトなどを指しています。
自分のブログや会社のウェブサイトをFacebookに「見せかける」と何がいいのか、というと、Facebook経由でのアクセス流入が増える、ということです。

　▼OGPを設定したほうが良い3つの理由
　理由１．「いいね！」を押した情報が友達に飛ぶ（設定しないと飛ばない！）
　理由２．ニュースフィードでの表示内容を指定できる。
　理由３．「いいね！」を押してくれたユーザーにアップデート情報を送れる。

via: ＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook活用術。皆が知らない「いいね！」ボタンと「OGP」の設定方法、超解説:ガイアックスソーシャルメディア ラボ／Facebook・twitterの企業利用法についての研究機関

理由２と３はオマケみたいなもんです。
理由１だけのためにOGPを設定しておく、と言っても過言ではありません。

ここでは、プラグインを使わずにテーマファイルにコードを書きこむ方法をシェアします。
というわけで、以下手順メモ。

手順（０）

下記のブログを参考に、「アプリID」を取得します。

★どや！？SEOの2倍のアクセスを稼ぐFacebook活用術！ワードプレス向け「OGP」の設定方法 | デザインどや！？
http://www.doya-doya.com/word-press/2011/05/11/6323

★備忘録：WordPressにFacebookのOGPを設定する（プラグイン無し） | ryodesignblog
http://ryodesign.net/blog/7050

★SEOの2倍アクセスを稼ぐFacebook活用術　「いいね！」ボタンと「OGP」の設定方法を超解説 – ガジェット通信
http://getnews.jp/archives/123658

アプリIDを取得する際に、個人認証が必要な場合があります。
というか初めてアプリ登録する場合は必ず認証が必要になるはずです。

こんなメッセージが出ると思います。

この操作を実行するには、アカウントの認証を完了する必要があります。mobile phoneまたはcredit cardを追加してアカウント認証を行ってください。

ここで「mobile phone」をクリックすると携帯メアドを入力する欄が出るので、記入して送信すると、あなたの携帯にメールが届きます。
そのメールに従って認証しましょう。

手順（１）

header.phpのhtmlタグに以下の属性を追加
[cc lang=”html”]

[/cc]

手順（２）

以下のコードを同じくheader.phpのheadタグ内に記述
[cc lang=”php”]

< ?php global $post; // 記事情報を取得 setup_postdata($post); if ( is_single()) { //single.phpのとき ?>

” />

< ?php }else{ //single.php以外 ?>





< ?php } ?>

[/cc]

手順（３）

URLリンターを使ってみて、エラーが出ないかチェック

★URLリンター – Facebook開発者
http://developers.facebook.com/tools/lint

問題があれば「ご注意」だとか何らかのエラーっぽい表示が出るので、がんばって解決しましょう。
たいていは「○○という項目が見つかりません」的なメッセージ（英語）が出るので、それらをきちんと記入してやれば良いでしょう。

＝＝＝＝＝

と、普通にやれば普通に反映されるはずなのですが、何故かうまく反映されない、という事態に遭遇しました。
URLリンターでチェックして、問題ないのに、ブログではイイねボタンが機能しなかったり、逆にリンターでエラーが出ているのに、イイねボタンが機能したり。

いろいろと調べまくっても、まったく原因がわからず、他の用事をすませて、あらためて取り掛かると治っていたり・・・・。

これがFacebookの仕様か・・・・と思うほどでした。

これには各サーバ会社なども苦慮しているようですね・・・。

【一部サーバー】facebook「いいね！」ボタンが正常に動作しない | JUGEMお知らせブログ
http://info.jugem.jp/?eid=16799

でぃべろっぱーってへてむる: Facebookのいいねボタンで日本語URLが使えない罠
http://devml.blogspot.com/2011/03/facebookurl.html

Gantenna ≫ Blog Archive ≫ Facebookの「いいね」ボタンの不具合？【続報アリ】
http://ganzo.bloggle.jp/technology/facebook%E3%81%AE%E3%80%8C%E3%81%84%E3%81%84%E3%81%AD%E3%80%8D%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AE%E4%B8%8D%E5%85%B7%E5%90%88%EF%BC%9F/

WordPressにFacebookの「いいね！」ボタンを設置する方法～さくらインターネット編
http://smilegroove.net/blog/2011/06/11/facebooktolike/

とりあえず、Facebookでもフォローしておいてください。
★ http://www.facebook.com/yuya.shibata
★ http://www.facebook.com/pages/glad-design-blog-20/186887791355787?sk=wall

と言いつつ、個人的にはFacebookから徐々にフェイドアウトしてGoogle+へ軸足が移りつつあります・・・・。
よろしければフォローください。
★ http://gplus.to/gladdesign

---