「WP-OGP」でフェイスブックからアクセス倍増方法とは！合計PVが2倍へ嬉しい悲鳴に！

6月 292011

ひとまず以下の「WP-Stats」のアクセス解析画面をご覧ください。アクセスが2倍になっている日が突然生じました。Facebookからのアクセスが急増したのです。なぜ？それはSNS用のhtmlメタタグ「Open Graph Protocol（OGP）」の導入プラグイン「WP-OGP」を設置したからでした。

「WP-OGP」導入でなぜアクセスが倍増したの？
「WP-OGP」導入方法と使い方とは
・フェイスブックのアプリIDとアカウントのID取得
・プラグインのインストールと設定
投稿記事固有のサムネイル画像を入れる方法とは？

１．「WP-OGP」導入でなぜアクセスが倍増したの？

いつからかわかりませんが、Facebookやミクシー、グリーなどのSNSは参照URLが外部Webページでもそれをインデックスし始めているようです。

その時に使う情報はWebページ内の＜head＞に記述される「Open Graph Protocol（OGP）」を用います。（そのOGPの意味およびそれを各投稿記事に設置する意義はIT戦記をご参照ください。）そのOGPを各投稿ページに自動で挿入するために「WP-OGP」をブログへインストールしました。

それを導入したその日から、上記Wordpressのアクセス解析「Stats」にあるようにアクセスが突然増加しました。どこからトラフィックが流れているのだろうとダッシュボードで確認すると、なんと「Facebook.com」からではないですか？

その驚くべき仕組みは上記の記事を参照指定ください。

２．「WP-OGP」導入方法と使い方とは

では早速「WP-OGP」導入方法ですが、その前にFacebookの情報が必要です。この「WP-OGP」はフェイスブック・アプリ扱いになりますのでアプリIDが必要です。

アプリIDの取得

まず、自分のフェイスブック・アカウントでログインしてhttps://developers.facebook.com/setup/へ行きます。以下のように分かりやすい名前と設置先のブログURLを記入します。

以下のアプリIDをメモします。

フェイスブックID

さらに自分のアカウントの「Facebook ID」をwhat-is-my-user-idから確認してメモ。

「WP-OGP」の使い方

準備が整ったところで、「WP-OGP」をインストールします。いつものようにWordpressのダッシュボードのプラグイン「新規追加」からキーワード「WP-OGP」を入力して「プラグインの検索」をクリック。

「WP-OGP」を「今すぐインストール」をクリック。

次に「Are you sure you want to install this plugin?」で「OK」をクリックしてインストール開始。

「WP-OGP」のインストール後に「プラグインを有効化」

設定

あとは設定をするだけです。WPの管理画面のサイドバーの「WP-OGP」をクリック。

上記で取得したフェイスックアプリのID（fb:appid）とフェイスブックID（fb:admins）を入力して、「Save Changes」をクリックして保存します。（以下はフェイスブックIDを入力していませんが、かまいません。）

次にWordpressで用いている「theme」のheder.phpの＜ｈｔｍｌ＞宣言の中に以下のように継ぎ足します。

これで終了です。最後にきちんとOGPタグが表示されているかどうかを、URLリンターで調べてみます。

となり、タグはヘッド内に記述されているようですが、きちんとフェイスックアプリのID（fb:appid）とフェイスブックID（fb:admins）を読み取っていません。どうやらプラグインのバージョンVer.1.0.5にバグがあるようですが、gadget or gimmick を参考に修正してください。

修正後は以下のようにきちんと表示されました。

３．投稿記事固有のサムネイル画像を入れる方法とは？

Webページ（投稿記事）のimage画像もプラグインのデフォルトのままです。これも変更します。新しく画像を作り、default.jpgで保存し。デフォルト画像のURL[http://・・ドメインのWordpressの設定フォルダ・・/wp-content/plugins/wp-ogp/default.jpg]へアップロードします。