Funny panic!

これです！！ これがOGPです！！！

イメージ出来なかった方のために OGPを設定しなかった場合のリンクを貼った際のタイムラインは 以下のような記事になります。

もう、サイトに入ろうとは思いませんよね。 

OGPはつまり、「シェアした時の見栄え」の設定になります。 

この設定を工夫することで、新くサイトに来てくれる確率は大きく変わります。 

OGPで工夫されているプロモーション事例

 Webのプロモーションが必須になってきている昨今、 このOGPを巧みに生かしたユニークなサイトが日夜生まれています。

 「バズ（拡散）」を意識した施策には必須の設定とも言えるのではないでしょうか。 ユーザーのサイト内の行動に合わせ、OGP画像を自動生成をするサイトも、近頃では主流になってきています。「診断系」のサイトなどがその例になります。 

今回はいくつかOGPを工夫し、たくさんの人達にシェアされているサイトをご紹介できればと思います。

キリン　グリーンラベル「グリーン、見つけた。」キャンペーン

https://green-name.kirin.jp

こちらは自分の名前の中にグリーン（自然）なものが含まれているかを判断して、自動でGifアニメーションを生成しています。自分の名前のアニメーションにコメントを付けてシェアしたくなりますね！

サントリー　CCレモン元気応援プロジェクト 

http://www.suntory.co.jp/softdrink/cclemon/song/

松岡修造が様々な名前の人に向けて応援ソングを送ってくれます。 それぞれの動画のページでシェアをすると、それぞれの名前のOGP設定で呟くことができます。 同じ名前の人は思わずアクセスしたくなっちゃいますね。

診断系メディア   vonvon

http://jp.vonvon.me/

プロモーションというよりは「診断系」メディアになりますが Facebook上でよくシェアされる診断系の記事の多くはvonvonになります。 自分の診断結果を画像とタイトルに乗せてくれるので それにコメントをして、投稿する人も多いと思います。

今のタイムラインを見ても、いつでもどこでも様々な記事がシェアされている中で、Webの集客施策ではあまりソーシャルゲームのプロモサイトがシェアされることは比較的少ないと言えます。

一般の人からすると、

「いい大人がゲームのサイトをシェアするだなんて…」

と思い、ゲームの記事をシェアするのは少し億劫であったりするのではないでしょうか。

今ソーシャルゲーム業界のマーケティングにおいてそんな敷居の高さを乗り越え、沢山の人に見てもらえるようなバズ（拡散）る施策に出来るかが課題になるのではないでしょうか。

OGP初期設定方法

 OGPの設定方法はとてもシンプルです。設定したいページのソースの<meta>要素にOGPタグを挿入することで完了します。

弊社のサイトのソースを例に見てみます。

<meta property=“og:title” content=“株式会社ドリコム”> <meta property=“og:description” content=“Drecom with entertainment 僕らは、インターネットで期待を超える未来を創るものづくり企業です。”> <meta property=“og:type” content=“website”> <meta property=“og:url” content=“http://www.drecom.co.jp/”> <meta property=“og:image” content=“http://www.drecom.co.jp/shared/icon/logo.gif”>

“og:title”ページの名前です。

“og:description”ページの説明文です。facebookではここがページタイトルの下に表示されます。

“og:type”ページがどんなページであるか(例：blog, website, cafe, hotel, restaurantなど)を記載します。

“og:url”ページのURLです。

“og:image”サムネイル画像のURL。サイト内の画像でなくても構いません。

上記の情報を入れるだけで、シェアした際の最低限の情報は乗っけられると思います。

また、FacebookやTwitterにさらにリッチに表示させるためには追加の工程を挟む必要があります。 それぞれ独自のMetaと工程を挟むため、割愛させていただきます。

詳しく記載している以下の記事を参考にしてみてください。

http://millkeyweb.com/facebook-ogp/

最後に

OGPの表示は、実際に本番に上げてみてからでないと デバッグ出来ないため、弊社のように情報機密性の高いものを扱う場合はとても苦労します。

システムで画像のランダム表示にチャレンジをしても Facebookのキャッシュが残ってランダム表示が出来なかったりと、 知見も少しずつ、毎度のエラーが起こる度に学ぶことが多いです。

工数は取らないため、あまり重要視されない場合が多いですがこのOGPの設定は、ユーザーに一番身近で、プロダクトに接する大切な機会を生んでくれます。

今後も意外と見逃しがちなOGPをしっかりと注視して企画を練っていきたいです。

これを読んでくれた方々にも この小さな設定の大切さに気づいてくれれば嬉しく思います。

ありがとうございました。

P.S.

このTumblr上でのOGP設定方法がわからず苦戦しておりますw