「Facebookで理解する、いいね！が広がるOGPの仕組み」に行ってきた

「Facebookで理解する、いいね！が広がるOGPの仕組み」に行ってきた。12/14だったので、これもすでに1ヶ月以上前のことだけど。

• SwapSkillsFreeEvnet(7)： Facebookで理解する、いいね！が広がるOGPの仕組み

Facebookをなめていた、こんなにいろいろ知らないことがあるとは。

Facebookで理解する、いいね！が広がるOGPの仕組み

• 2011年のトレンド
  • ソーシャル
  • モバイル

• ソーシャルボタン
  • 大手のサイトでもついてきた
  • どうせボタンをつけるならOGPをちゃんと設定して見せたいよね

• 最近のSEO
  • 質のよいリンクを貼る
  • 質のよいコンテンツ？
    • ブロガー、ブックマーカーに特化したコンテンツ→すくない
    • ソーシャルメディアユーザー→多い
  • 大多数に質のよいコンテンツを提供することが大事

• ソーシャルでのアピールは拡散性が高い
  • 友達の友達の友達の…
  • 口コミ

• これからのアクセスアップ、SEO
  • ソーシャルボタンを乗せる

• ソーシャルプラグインの活用
  • Like Button
  • Send Button
  • Subscribe Button
  • Comments
  • Active Feed
  • Recommendations
  • Like Box
  • Login Button
  • Registration
  • Faceplip
  • Live Stream

• プラグインの設置
  • http://developers.facebook.com/docs/
  • XFBML / HTML5
    • 読み込みが遅い。
    • 高さと幅は自動算出
    • URL自動算出
  • IFRAME
    • 読み込みが早い
    • 高さと幅を事前設定
    • URLを事前指定

• OGP(Open Graph Protocol)
  • OGPを設定すると
    • Likeされたときに適切な概要文が表示される
    • Likeされたときに適切な画像が表示される
• エッジランク
  • Facebook内の重み付けされた親密度
  • ハイライトへの出現頻度などに関係する
  • シェアのほうがランクが高い
  • 手間がかかる分、ランクが高い
• OGP設定すると、投稿された際の表示がコントロールできる
• 多くの人に情報が伝わるようになる

• アプリの管理
  • http://developers.facebook.com/apps
• デバッガ
  • http://developers.facebook.com/debug
• テストユーザの作成
  • http://developers.facebook.com/TestUsers

• Facebook以外のOGP
  • http://developer.gree.co.jp/connect/plugins/sf
  • http://developer.mixi.co.jp/connect/mixi_plugin/mixi_check/spec_mixi_check/

• まとめ
  • ソーシャルメディア対応はいろいろある
  • 適切な対策で、サイトの露出を最大限に高めることができる

まとめ

Facebookのプラグインは、どれも見たことはあるものだった。でもそれぞれの違いや、設置方法を意識したことはなかった。それぞれに特徴があるので、どれを使うかちゃんと考えないといけない。
それにしてもFacebookすごい。まずはOGPの設定をちゃんとやるところからはじめないと。

あとSwapSkillsのフリーイベントは質が高くていい。Responsive Web Designのやつもよかったし、また機会があれば参加したい。

関連エントリ

• 「レスポンシブ・ウェブデザインとは何か？ / SwapSkillsFreeEvnet(5)」に行ってきた - techlog