252012 1月

facebookのOGPを設定する方法


facebookに「イイね！」したときに良い感じに表示されるのがOGPです。

tumblrへの設定方法 

１．facebookIDの取得：Facebook　IDの確認方法 - human network marketing log

2．下のコードの「あなたのFacebookID」の部分を１で取得したものに変更する。

３．コードをコピペして、いつもどおり、デザインの<HEAD>～</HEAD>にコピーする。


{block:PermalinkPagination}
<meta property="og:title" content="{block:Description}{MetaDescription}{/block:Description}" />
<meta property="og:type" content="article" />
<meta property="og:url" content="{Permalink}" />
{block:Posts}{block:Photo}<meta property="og:image" content="{PhotoURL-500}" />{/block:Photo}{/block:Posts}
<meta property="og:site_name" content="{Title}" />
<meta property="fb:admins" content="あなたのFacebookID" />
<meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}" />
{/block:PermalinkPagination}
{block:IndexPage}
<meta property="og:title" content="{Title}" />
<meta property="og:type" content="blog" />
<meta property="og:image" content="{PortraitURL-128}" />
<meta property="og:site_name" content="{Title}" />
<meta property="fb:admins" content="あなたのFacebookID" />
<meta property="og:description" content="{block:Description}{MetaDescription}{/block:Description}" />
{/block:IndexPage}

４．確認方法：ポストを１つ選択して、Debugger - Facebook開発者内にペースト。良い感じに出ればOK！

 

コピペでOK！2秒でTumblrにOGPを設置する方法 | A!@attrip

TumblrのＯＧＰ設置を確認する方法 | A!@attrip

Posted: 1ヶ月前 | Tags: tumblr facebook

＜＜
＞＞
Share