知っておきたいFacebookのOGPをBloggerに対応させる活用法 - Will feel Tips Blogger
前回の記事『自分の指定した任意の場所でJavascriptを実行させる Tipsまとめ』の中で、Javascriptを活用したSNSシェアボタンの設置を紹介しました。簡単でスピーディな情報拡散ツールとしてのSNSの利用を考えるのであれば、Facebookのいいね！ボタンもアクセス数を伸ばす一つの要素になっています。 但し、そのままボタンを設置しただけでは殆ど意味は無く、OGPを設定してあげることで本来の機能を引き出すことが出来るようになります。今回は現状での最善策と考えられる、BloggerをFacebookのOGPに対応させる方法を紹介致します。 OGP (Open Graph Protocol) とは何か 基本的な内容は下記Linkページにて詳しく解説されており、分かりやすく参考になります。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protoco
OGPを設定しました（settings）
Blogger を Facebook に対応させる方法 Bloggerのデザイン、HTMLの編集で、「ウィジェットのテンプレートを展開」をチェックした後、下記の２つの変更を加えました。 １．太字の2行を追加。 「<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml' x
Facebookに投稿する前に、OGPの設定を確認できる"URLリンター"について
本文に画像があるのに関係ないサムネイルが表示される例。OGPのイメージをサイト全体で設定している場合は仕方ないんですが。。 URLリンターの使い方 URLリンターにアクセスして、確認したいURLを入力し、Lintボタンを押すだけです。 http://developers.facebook.com/tools/lint/ og:imageについて OGPを設定する際に、たまにサイト全体に同じ画像を指定しているサイト/ブログがありますが、個人的にこれは逆効果になる場合もあるのではと思います。サイトのブランドロゴを常に出したい・・みたいな思いもあるかもですが、閲覧者にとっては記事ごとにサムネイルが表示される方がよいですよね。 Bloggerのog:imageについて このブログはGoogleのBloggerを使ってるんですが、やはりGoogleのブログですのでOGPへの対応は早急には進んでいない
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogger を Facebook に対応させる方法 | RunoLog