Facebookとは

SNSの一つでFacebookという実名登録を推奨しているサービスがあり、利用者数を伸ばしています。SNSはそもそもIDとパスワードでログインを行うため、Googleなどのサーチエンジンからリンクを確認することは出来ませんが、ユーザー同士の口コミによりページを紹介してくれるので、口コミによる閲覧者を増やすことができます。
SEO対策というのではありませんが、SNSはもはや無視できない媒体ですので閲覧者を増やすという対策からすると導入は必須では無いでしょうか?
当HPでも→にFacebookのいいね!ボタンを設置しておりまして、ここではその設置方法を紹介していきます。


Facebook いいね! ボタンの設置

いいね!ボタンは英語ではLink Buttonと表示され、ボタン設置は英文のURLにてコードを作成することができます。
STEP1 Get Link Button Codeコードの取得はLink Buttonより行うことができます。
上記URLを開くとStep 1として左のようなフォームがあります。
このフォームに必要事項を入力していくと希望のページへいいね!ボタンを設置するためのコードを取得することができます。


上から順番に説明していくと
1.URL to Like:ボタンを設置するブログ、サイトのURLを入力します。
2.Send Button:友達やグループに直接ページを紹介出来る“送る”ボタンを付けたい場合はこのチェックをONにします。
3.Layout Style:レイアウトをstandard、button_count、box_countの3種類から選ぶことができます。
4.Width:組み込むボタン領域の幅をピクセル単位で指定します。
5.Verb to display:いいね!ボタンをお勧めに変更することができます。likeがいいね!、recommendがお勧めです。
6.Color Scheme:ボタンの色をlightが明るめ、darkが暗めの2つから選ぶことができます。
7.Font:日本語フォントはこの中にありませんので、選択する必要はありません。
8.Get Code:必要事項を入力しこのボタンをおすとコードが取得できます。
コードはウィンドウの上部にあるHTML5、XFBML、IFRAMEのいずれかを選択できますが、一般的にはIFRAMEを選択します。


Facebook OGPコードの設置

OGPコードが設置しなくてもいいね!ボタンを設置することができますが、OGPコードを設置しておいたほうがページのタイトル、紹介、画像を指定することで、ページのアピールをもっとすることができます。
Step2 Get Open Graph TagsOGPコード(FacebookではOGT?)は上記いいね!ボタン設置取得コードの下側に取得フォームがあります。


上から順番に説明していくと
1.Title:ページタイトルを入力します。
2.Type:ページがどの分類になるのかを選択します。項目は非常に多岐にわたっています。
3.URL:コードを設置するURLを入力します。
4.Image:ページを代表する画像があればそのURLを入力します。
5.Site name:サイトタイトルを入力します。
6.Admin:FacebookのユーザーID
7.Get Tags:必要事項(全て入力する必要はありません)を入力しこのボタンをおすとコードが取得できます。


取得したコードはメタタグなのでhtmlソースの<head>〜</head>中に記載します。


back

↑このページのトップへ戻る↑