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

スポンサーリンク

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

image

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

1.「WP-OGP」導入でなぜアクセスが倍増したの?

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

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

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

image

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

2.「WP-OGP」導入方法と使い方とは

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

アプリIDの取得

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

image

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

image

フェイスブックID

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

「WP-OGP」の使い方

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

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

image

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

image

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

image

設定

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

image

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

image

次にWordpressで用いている「theme」のheder.phpの<html>宣言の中に以下のように継ぎ足します。

image

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

image

となり、タグはヘッド内に記述されているようですが、きちんとフェイスックアプリのID(fb:appid)とフェイスブックID(fb:admins)を読み取っていません。

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

image

3.投稿記事固有のサムネイル画像を入れる方法とは?

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

image

以下のように無事に変更されました。

しかし投稿記事(Webページ)ごとに固有の画像にしたほうが、Facebookユーザーの「ニュースフィード」に表示されて、印象が良くなり、リンク先をクリックしたくなりますね。

image

実は、WPの「投稿編集」から記事のサムネイル画像を登録しているときちんと表示されるようです。しかし私はこれまでの数百の投稿記事にサムネイル画像は登録していず、「カスタムフィールド」を用いてサムネイル画像をURL登録しています。

それで、WPの条件タグを以下のようにtheme(テーマ)のheader.phpに追加します。

image

さらにプラグイン「WP-OGP」のファイル[wp-ogp.php]の、126,127,133,134,140,141pをコメントアウト(/*・・・・ */を挿入)します。(<meta property=og:image=”・・・・・>などが2重に表示されないようにするのです。)

image

その結果リンカーで投稿記事の画像が表示されました。

image

以上の設定が、Facebook.comからのトラフィックによって、総アクセスが倍増した経緯です。

まだ2日目ですが、期待せずに ブログの更新を続けます。

スポンサーリンク
PC用
PC用

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

コメントを残す