Blogger を Facebook に対応させる方法
Bloggerのデザイン、HTMLの編集で、「ウィジェットのテンプレートを展開」をチェックした後、下記の2つの変更を加えました。
1.太字の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' xmlns:og='http://ogp.me/ns#'>」
2.以下のmetaタグを追加。(fb:adminsとfb:page_idにはご自身のFacebook情報を入力してください。)
「<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:description'/>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:description'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='blog' property='og:type'/>
</b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/195250_719890941_557727_n.jpg' property='og:image'/>
<meta content='719890941' property='fb:admins'/>
<meta content='174488255923079' property='fb:page_id'/>」
設定後の確認はFacebook DeveloperツールのLinterを使うということで、確認してみました。
URLリンターはこちら
http://facebookapps.jp/url_linter/
過去にこんな記事も書いてます!
Facebookの究極の活用術!4つのリンクを極めればこのSocial時代をblogで乗り切れる!!
http://fk2kurimon.blogspot.com/2011/03/facebooksocialblog.html
超便利!URLリンター
http://fk2kurimon.blogspot.com/2011/03/url.html
via:「<遂に公開>SEOの2倍のアクセスを稼ぐFacebook活用術。皆が知らない「いいね!」ボタンと「OGP」の設定方法、超解説」
0 コメント:
コメントを投稿