home > facebook

「Open Graph Pro」でWordPressをOGP対応

「Open Graph Pro」でWordPressをOGP対応

facebookの「いいね！」ボタンはさまざまなサイトで設置されいます。この「いいね！」ボタン、ただ設置するだけじゃ不十分だって知っていましたか？あわせてOGPの設定も行うことで2倍3倍の集客効果があるそうです！うひょーマジですかｗ

OGPって言葉だけは何回か見かけたことはあったんですがなんかめんどくさそうなので知らんぷりしていましたが、OGPに対応しないことでかなり損をするみたいなのでようやく重い腰をあげてみました。

そもそもOGPっなに？

Open Graph Protocolの略。「このページにはどんなことが書かれているのか」を外部サイトに知らせるための記述方法のことで、facebookだけでなく、mixiやGREEなどのSNSで採用されている共通の仕様です。OGPについての詳細は次の記事がわかりやすいです。

どうしてOGPの設定をするだけで何倍もの集客効果があるのか

理由は簡単！だれかが「いいね！」ボタンを押したとき、OGPが設定せれているとその友達のニュースフィードにも「いいね！」した内容が表示されるから。露出が増えるので単純にアクセスも増えるという理屈です。ちなみにOGPの設定がされていなければ「いいね！」した人のニュースフィードに表示されるだけでおしまいです。

また、OGPでニュースフィードに表示されるタイトル、画像、概要などを指定できるので見せたい内容をコントロールできます。

【OGP対応前】イメージ画像が全然関係ないものが表示されています (ﾉД`)

【OGP対応後】正しい画像が表示されています。

「WP-OGP」より「Open Graph Pro」がオススメ

WordPressのOGPのプラグイン「WP-OGP」が有名なので試してみたところ、コードの修正が必要（Appid→App_id）だったり、表示される画像が固定だったり（記事内の最初の画像を表示したい）、文字化けしたりといろいろと微妙で困っていたとところ、下記の記事を発見！紹介されていた「Open Graph Pro」を使ってみたところ本当に入れるだけでOKで、俄然こちらのプラグインがオススメです。

WordPressでOGPを使う手順

STEP1 : ユーザーIDの確認方法

下記のURLの「Yusuke.Yamanda」のところを自分のアカウントに変えてアクセス
https://graph.facebook.com/Yusuke.Yamanda

STEP2 : App IDの取得方法

  1. Facebook開発者ページにアクセス
  2. 上メニューの「アプリ」をクリック
  3. 「新しいアプリケーションを作成」をクリック
  4. アプリの名前を入力、規約の同意をチェックして「続行」
  5. これでApp IDが発行されました。

STEP3 : WordPress側の設定

  1. Open Graph Proをインストール
  2. 設定画面でAdmin User(s)にユーザーID、Application IDにApp IDを入力
  3. Imageのところで、画像なし記事のときに表示する画像を指定（別途FTP）
  4. header.phpの冒頭を下記の内容に修正 
    <html lang="ja" xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">

STEP4 : テスト

Debuggerで出力内容を確認
間違いがなければ完了！

記事と、ブログと、SNSと、つながるサービス「zenback」を導入してみた

記事と、ブログと、SNSと、つながるサービス「zenback」を導入してみた

[N]ネタフルのコグレマサト、[mi]みたいもん！のいしたにまさき共著による『マキコミの技術』出版記念セミナー「ソーシャルストリーム全盛時代だからこそ見直すブログ術 ＆一歩踏み出すマキコミ術」に参加してきました。

アジャイルメディア・ネットワークの徳力さん司会のもと、両著者をはじめ、ライブドアの佐々木さん、シックスアパートの関さんなど豪華メンバーが集結！facebookやTwitterといったソーシャルメディアが全盛のいま、あらためてブログの役割について考えてみようとテーマで、ブログを書いているとどんなことが起こるのかパネルディスカッションが行われました。

いろいろな気付きのあるセミナーでしたが、それはそれでおいておいてｗ
そのときにシックスアパートから紹介されたブログサービス「zenback」がおもしろそうだったので早速導入してみました。

当ブログではブログ記事の最下部にzenbackのブログパーツが表示されるようになっています。[N]ネタフル、404 Blog Not Found、ITmedia オルタナティブ・ブログをはじめ、結構いろいろなブログで使われています。

zenbackってなに？

より多くの人にブログ記事を読んでもらうためのさまざまな仕組みをパッケージにした無料のブログパーツです。ブログ記事についての次のような関連情報を自動的に表示してくれます。表示したい関連情報、表示する順番、表示する件数などを自分好みにカスタマイズできます。

  • その記事についての自分のブログ内の関連記事
  • その記事についてのTwitterでのつぶやき
  • その記事についてのfacebookコメント
  • その記事についてのはてなブックマーク
  • その記事についてのzenbackユーザーの関連記事（必須）
  • その記事についてのzenbackキーワード（必須）

注1：一部の関連情報とzenbackからのお知らせは非表示にはできません。
注2：法人向けにさらにサイト管理機能を強化した「zenbak BIZ」もあります。

zenbackが使えるブログ動作環境

  • テンプレートやサイドバーの編集ができること
  • JavaScriptが利用できること
  • RSSを配信していること
  • パスワードで閲覧制限されていないこと

zenbackを使ってみよう！

上記の利用条件を満たしていれば、zenbackの導入はびっくりするほど簡単です。所要時間は5分程度です。関連記事、関連キーワードの表示には数時間〜最大30時間ほどかかるようです。

  1. zenbackのサイトでユーザー登録
  2. ブログのURLを登録
  3. 表示したい関連情報を選択
  4. コードが生成されるのでそれをブログのテンプレートにコピペ
  5. あとはデータが反映されるのを待つだけ

zenbackを使ってみて

もっとめんどい設定があるものと思って二の足を踏んでいましたがこんなに簡単ならもっと早く導入すれば良かったかも。あまりに簡単に設定できてキャプチャー撮るのを忘れたのでもうひとつのブログ（Gourmet of the Dead）の分も設定しました。どちらのブログもWordPressを使っていますが、ColdSleepは記事の終わりに表示したかったのでsingle.phpに、Gourmet of the Deadではサイドバーに表示したかったのでsidebar.phpにコードを貼り付けました（記事詳細ページでのみ表示したかったので<?php if(is_single()): ?>で条件付けしています）。

まだ設置して1週間程度ですが、他のzenbackユーザーブログからの流入が気持ち増加しています。他のzenbackユーザーの関連記事やzenback関連キーワードといった外部リンク増加によってブログの離脱率が上がるのが心配でしたがいまのところあまり目立った変化はありません（もともと離脱率が高いからかもしれませんがｗ）。

『ソーシャルメディアマーケター美咲 新人担当者 美咲の仕事帳』を読んだ感想

ソーシャルメディアマーケター美咲 新人担当者 美咲の仕事帳

著者／訳者：池田 紀行

出版社：翔泳社( 2011-03-16 )

定価：￥ 1,575

Amazon価格：￥ 1,575

単行本（ソフトカバー） ( 220 ページ )

ISBN-10 : 4798123498

ISBN-13 : 9784798123493

表紙から『もし高校野球の女子マネージャーがドラッカーの「マネジメント」を読んだら』の二番煎じ、三番煎じを狙った本かと思ってなめていましたが、実際読んでみると『もしドラ』以上に目からウロコのすばらしい一冊でした。なめた態度で読み始めて申し訳ありませんでした（正座ｗ）。

本書はソーシャルメディアマーケティング現場が抱える課題とその解決までの道のりを物語仕立てのわかりやすいフォーマットを用いて解説しています。海外での盛り上がりをうけて国内でもソーシャルメディアの利用が妄信的に報じられているなか、ソーシャルメディアの現状を冷静に分析し、本来あるべき姿に基づいて今できること、やるべきことを考える最良の指南書となっています。多少聞きなれない言葉があったり、物語に登場する人物はうすっぺらでちょっとアレだったりしますが2時間程度でさくっと読めます。

あらすじ

ソーシャルメディアマーケティングチームに配属された主人公（遠藤美咲）が、クライアントからの様々な要望に、マーケティングコンサルタントの五十嵐のアドバイスのもと、草食系男子の同僚と一緒に奮闘する成長ストーリー。ソーシャルメディアの利用において手段が目的化してしまっているクライアントの誤解を、地に足のついたソリューションで解決していく。2人の恋の行方も気になります（いえ、全然気になりませんｗ）。

読書メモ（個人的3つのポイント）

  1. ソーシャルマーケティングは魔法の杖ではない
    ソーシャルメディアを使うことが優先事項になっていないか？ユーザー視点で考え、本当の目的を忘れてはならない。
  2. 話題の影響範囲の違い：自分ゴト＜仲間ゴト＜世の中ゴト
    ソーシャルメディアは仲間ゴトづくりには適した場所ではあるが、マスメディアのような「世の中ゴト」させるパワーはない。
  3. 「費用対効果」ではなく「投資対効果」で評価すべき
    効果測定においても「手段の目的化」が起きている。ソーシャルメディアの効果測定は短期的な費用対効果で測ることは難しく、長期的な投資対効果で評価 すべきである。

おまけ

「とにかくTwitterやfacebookを使って何かやりたい」というような話をはじめ、「お金をかけずに宣伝したい」「炎上しないようにコントールしたい」「他媒体との費用対効果の比較がほしい」など、ソーシャルメディアを何でも叶えてくれる魔法のように考えている人は結構いる気がします。クライアントに限った話ではなくWeb制作会社のなかのひとであっても…。クライアントの意向だからと思考停止せず、ユーザーの立場にたって考えることを徹底したいと思います。

本書のベースとなった作者の前著『キズナのマーケティング』も気になります。遠藤美咲のtwitterアカウントもあわせてチェック！

Page 1 / 3123