2011年4月30日土曜日

OGPを設定しました(settings)



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 == &quot;item&quot;'>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.pageTitle' property='og:description'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <meta content='article' property='og:type'/>
    <meta expr:content='data:blog.pageTitle' property='og:description'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <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 コメント: