表示するページは、
スタンダードサイズが 520px、ワイドサイズは810pxになります。
（※表示サイズはfacebookアプリ開発ページで選択できます）

ページが出来ましたら下記のURLにアクセスします。

※FacebookアプリのIDは、開発者ページの下記の部分に表示しています。
（開発者ページについては、前回の記事を参照ください。

URLにアクセスすると、下記のページが表示しますので
表示させるFacebookページを選び、「ページタブを追加」をクリックします。

これで、Facebookページに、アプリのタブが表示され
作成したページが表示するようになります。

まず、 facebookページのアプリを作成するために、開発者ページを開きます。
facebookページの一番下のメニューに「開発者」のリンクをクリックします。

開発者ページを開きましたら、
画面上部のメニューから、「アプリ」→「新しいアプリを作成」を
クリックします。

下記の「新しいアプリを作成」画面になりますので、項目を入力します。

「Display Name」は画面上に表示される名前を入力します。
「Namespace」はFacebookアプリのURLに使われる名称です。
（Facebook上で今まで登録されていない名称を入れる必要があります）
「カテゴリ」は、「ページ用アプリ」を選びます。

入力が終わったら、「アプリケーションを作成」ボタンをクリックします。

下記のセキュリティチェックの画面が表示しますので、
画面に表示された文字を入力して、「送信」をクリックします。

※読みづらい場合は「別の文字を表示」を何回かクリックして
わかるものを入力してください。

下記のアプリの設定画面が表示されます。

左側メニューのFacebookアプリの「設定」をクリックすると、
下記の基本データ画面になりますので、
画面上の「+Add Platform」をクリックします。

下記の画面になりますので、「ページタブ」をクリックします。

下記の「ページタブ」に関する設定画面になりますので、
読み込むHTMLファイルのあるサイトのURL等を入力します。
※URLの終わりの箇所は、○○.htmlなどでなく、「/」で終わるようにします。

同じように、「+Add Platform」をクリックし、「ウェブサイト」をクリックします。

アイフレームで表示させるサイトのURLを入力します。

入力が終わりましたら（基本データ画面の）「変更を保存」をクリックします。

これでアプリの設定が終わりましたので、
次回は、実際にアプリ（アイフレームでHTMLファイルを表示）を
Facebookページに表示させる方法をご案内します。

このアプリの画像は、横111ピクセル×縦74ピクセルで作成します。

facebookページアプリは、多種配布されています。
（オリジナルで作成もできます）

また、facebookページのアプリで、
外部HTMLをアイフレームで読み込ませ、
情報を公開することも可能です

facebookページの外部HTMLは、次回ご案内します。

まず、facebookページの看板となるカバー画像は
サイズを横851ピクセル×縦315ピクセルで作成します。

フェイスブックにログイン前だと隠れてしまう部分とプロフィール画像で
隠れてしまう部分がありますので、それを想定して作成します。
（ロゴマークた人物の顔などが隠れてしまわないようにしておくとよいでしょう）

※フェイスブックにログイン前だと下記のように表示します。

次にプロフィール画像は、
横180ピクセル×縦180ピクセルの正方形で作成します。
（推奨とされるサイズです。）

ただし、画像をアップすると若干縮小され、
白い余白部分もカットされるので、文字などが途切れないよう配置します。
※プロフィール写真の表示位置は、Facebookページでも微調整することができます。

この画像をアップロードすれば出来上がりです。

作成自体は難しくなく、複数作成することができます。
また、管理者も複数設定することができ、
共同で運用することができます。

何より仕事であったり趣味であったりと、
興味のある情報を 発信したり、閲覧することができます。

また、ブログの記事やホームページと連携したり、
Twitterで発信したりすることが可能です。

Facebookページをカスタマイズすることによって
ホームページと同じような情報ページも可能です。

無料で比較的簡単に作れるので、
オフィシャルホームページのサポートとしても活用できます。

下記は当社で作成したFacebookページです。
コミュニティとしてはまだまだこれからですが、
興味がある方はご覧いただけると幸いです。

HamaAd Press Facebookページ

イメージパーク印刷課Facebookページ

（例）
<meta property=”og:title” content=”ページの見出し）”>
<meta property=”og:type” content=”ページのタイプ（blogやwebsite等）”>
<meta property=”og:description” content=”ページの説明文”>
<meta property=”og:url” content=”ページのURL”>
<meta property=”og:image” content=”表示させる画像のURL”>
<meta property=”og:site_name” content=”ホームページの名称”>

（その他、音声や動画、連絡先なども記述することができます。）

このOGPは、例えばフェイスブックで
「いいね」や「シェア」した時に 表示されます。

フェイスブックやGoogle+の投稿でURLを入力するだけで、
画像や情報が表示します。

※OPGが設定しされていなくともHTMLの情報やページ上の画像が読み込まれますが、
　意図していない画像が使われたりすることがあります。