[Blogger] OGP を設定してみた

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

Oオジサンは Gグンゼの Pパンツ

@toshiya240 です。

以下の記事を読んで OGP を設定してみようと思いました。

OGPとは? 改めてOGPの重要性について考える時が来た。 | Last Day. jp
φ(゚Д゚ )フムフム…

正確に言うと、設定していたつもりでしたがテキトーすぎました(^o^;

Google 先生にお伺い

知っておきたいFacebookのOGPをBloggerに対応させる活用法 | Will feel Tips
前回の記事『自分の指定した任意の場所でJavascriptを実行させる Tipsまとめ』の中で、Javascriptを活用したSNSシェアボタンの設置を紹介しました。簡単でスピーディな情報拡散ツールとしてのSNSの利用を考えるのであれば、Facebookのいいね!ボタンもアクセス数を伸ばす一つの要素になっています。 但し、そのままボタンを設置しただけでは殆ど意味は無く、OGPを設定してあげることで本来の機能を引き出すことが出来るようになります。今回は現状での最善策と考えられる、BloggerをFacebo ...
発見!

φ(゚Д゚ )フムフム…わかりました。

設定してみた

Blooger のテンプレートの head タグの配下に以下のように追記しました。

<!-- OGP -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <meta property='og:type' content='blog' />
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta property='og:type' content='article' />
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <meta property='og:type' content='article' />
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <meta property='og:type' content='article' />
</b:if>
<meta property='og:title' expr:content='data:blog.pageTitle' />
<meta property='og:url' expr:content='data:blog.url' />
<meta property='og:site_name' expr:content='data:blog.title' />
<meta property='og:image' content='http://www.gravatar.com/avatar/1defc346744650a5d07edf83b705806f?s=200' />
<meta property='og:locale' content='ja_JP' />
<meta property='fb:app_id' content='126592340754723' />
  • 参考にしたページではページのタイプ毎に og:title を変更していますが、すべてページタイトルにしました。
  • og:image は Gravtar のアバター画像にしました。 HeartRails Capture を用いたページのキャプチャにしようとしたのですが、エラーになってしまいました。
  • og:description はとりあえず設定しないことにしました。

うまく設定できているか確認してみよう

今すぐ確認した方が良い – FacebookのOGPがきちんと設定できているか調べる方法 | Last Day. jp
れいさん、あ(・∀・)り(・∀・)が(・∀・)と(・∀・)う!

▼トップページ(index)
⍾ www toshiya240 com  Facebook開発者

▼記事ページ(item)⍾ www toshiya240 com 2012 04 iphone quicka html  Facebook開発者

▼個別ページ(static_page)⍾ www toshiya240 com p marsedit html  Facebook開発者

▼アーカイブページ(archive)⍾ www toshiya240 com 2012 04 01 archive html  Facebook開発者

Facebook のいいねボタンを表示するようにしました

いままでうまくできていなかったのは OGP の設定が中途半端であったためのようです。

OGP の設定が正しくできたようなので、Facebook のいいねボタンを表示するようにしました。 押していただけると小躍りします。

関連記事

0 コメント: