え? OGPって何?
OGPとは、「外部サイトをまるでFacebookページのように見せかけれるhtml記述のルール」です。
ここでは「外部サイト」というのは自分のブログだったり、会社のウェブサイトなどを指しています。
自分のブログや会社のウェブサイトをFacebookに「見せかける」と何がいいのか、というと、Facebook経由でのアクセス流入が増える、ということです。
▼OGPを設定したほうが良い3つの理由
理由1.「いいね!」を押した情報が友達に飛ぶ(設定しないと飛ばない!)
理由2.ニュースフィードでの表示内容を指定できる。
理由3.「いいね!」を押してくれたユーザーにアップデート情報を送れる。
理由2と3はオマケみたいなもんです。
理由1だけのためにOGPを設定しておく、と言っても過言ではありません。
ここでは、プラグインを使わずにテーマファイルにコードを書きこむ方法をシェアします。
というわけで、以下手順メモ。
手順(0)
下記のブログを参考に、「アプリ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」をクリックすると携帯メアドを入力する欄が出るので、記入して送信すると、あなたの携帯にメールが届きます。
そのメールに従って認証しましょう。
手順(1)
header.phpのhtmlタグに以下の属性を追加
[cc lang=”html”]
[/cc]
手順(2)
以下のコードを同じくheader.phpのheadタグ内に記述
[cc lang=”php”]
< ?php
global $post; // 記事情報を取得
setup_postdata($post);
if ( is_single()) { //single.phpのとき
?>
” />
< ?php }else{ //single.php以外
?>
< ?php } ?>
[/cc]
手順(3)
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
翔泳社
売り上げランキング: 1684
アスキー・メディアワークス
売り上げランキング: 9023
MdN
売り上げランキング: 861
ピンバック:Facebook の Open Graphic Protocol (OGP) が機能しない! - 俺流!テニス論 2.0