soraなりの日々 - fc2 -

こころにひっかかったもの

[facebook, ogp] 月間10万PVに貢献!... という記事の FC2 での対応の仕方

ども、ご無沙汰してます。

ここ最近、福岡でも雨降り続きですね。
なので、自転車乗れずに少し寂しい気持ちです。

さて、先日だか先々日ぐらいに、はてブで見かけた下記の記事。

[月間10万PVに貢献!Facebookからのアクセスを5倍に増やす方法]
http://gadget-or-gimmick.com/archives/2011-06-16/114209.html

スゴい人気記事ですね!

上記のリンク記事(以下リンク記事)に触発され、このブログと他に自分が
管理している bitshiftersappleknight もこの機会に OGP に対応させてみました。

対応するにあたってリンク記事がかなり役に立ちました!
情報ありがとうございましたm(_ _)m


リンク記事では主に wordpress での方法でしたので、
ここでは FC2 ブログへの対応について記載してみたいと思います。

このエントリーをはてなブックマークに追加
といっても、やってる内容はリンク記事中の
「公式ツールを使って手動で設定する」と同じです。

ただ、メンドクサイんで公式ツールを使わず
ヘッダーにそのまま書き出します。

下記を参考にさせていただきました。
というか、そのまんまです。。。

[FC2ブログをFacebookのOpen Graph protocol(OGP)に対応させる]
http://128bit.blog41.fc2.com/blog-entry-267.html

では、いきましょう!

1.html タグに OGP の属性を追加
 fc2 の管理画面にある "テンプレートの設定" よりブログのデザインテンプレート中の
 html のタグに以下の文を追加します。

 
xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"


2.meta を追加
 同じく head 内に以下のメタタグを追加します。

 

<meta property="og:site_name" content="<%blog_name>" />
<meta property="fb:app_id" content="ユーザーID or ユーザーNo" />
<!--myimage--><meta property="og:image" content="<%image>" /><!--/myimage-->
<!--index_area-->
<meta property="og:title" content="<%blog_name>" />
<meta property="og:type" content="blog" />
<meta property="og:description" content="<%introduction>" />
<!--/index_area-->
<!--permanent_area-->
<meta property="og:title" content="<%sub_title>" />
<meta property="og:type" content="article" />
<meta property="og:url" content="<%url>blog-entry-<%pno>.html" />
<meta property="og:description" content="<!--topentry--><%topentry_discription><!--/topentry-->" />
<!--/permanent_area-->


設定はコレで終わりですね。
とっても簡単です!

wordpress にしてもバージョンでプラギンが入らなかったりするので、
さくっと直接書いてしまうのが結構楽です。

サイトもブログもコンテンツが命!
みなさんのコンテンツがより多くの人に読まれる助けになればと思います。
このエントリーをはてなブックマークに追加

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://sora2hs.blog70.fc2.com/tb.php/527-054b429c
この記事にトラックバックする(FC2ブログユーザー)