【完全版】Facebookページのタイムライン化で本当に検討すべき11項目のチェックリスト
2012/03/07
Facebookページのタイムライン移行作業はこの11個!
![01](/wp-content/uploads/2012/03/01-560x373.png)
3月30日までに何をやらなければいけないか、
もうお客様や社内メンバーへの説明は終わりましたか?
Facebookページのタイムライン化は、事前に分かっていた方も多いと思いますが、制作会社の方・代理店の方に大きなインパクトがあったのでは無いでしょうか。ページの作り直しが発生するので。。
タイムライン化にあたり誤った情報も出てしまっているようなので、今回の記事ではラボとして正しい情報をまとめて、チェックリスト化しました。
![0111](/wp-content/uploads/2012/03/0111.png)
※よく誤った情報が出ていたりしているものを、目次で【要注意】と書いています。
※カバー写真作りについてはFacebookタイムラインのカバー写真作りで使える14個のサービス、徹底まとめもご参照ください。
■目次
・チェック1.カバー写真の制作、設定
・チェック2.プロフィール写真の制作、設定
・チェック3.ウェルカムページのデザイン変更【要注意】
・チェック4.広告の誘導先をウェルカムページに変更【要注意】
・チェック5.タイムラインの投稿内容をトップ表示・ハイライト表示
・チェック6.過去の大事な出来事用の画像・文言の制作、登録
・チェック7.アプリページのデザイン修正(横幅を広げる)
・チェック8.基本データにURLが表示されるように修正
・チェック9.ファンからFacebookページ宛のメッセージのエスカレー
ション設定【要注意】
・チェック10.アプリタブ用の画像制作、設定【要注意】
・チェック11.基本データ横に表示する3つの要素を決める。
・番外編1.タイムライン適応の流れ
・番外編2.各画像サイズのまとめ
・番外編3.Facebook公式の各種紹介ページのリンク集
ラボのFacebookページでは記事で書いていない情報も発信中!
よかったら記事を読む前に「いいね!」をお願いします!
↓
チェック1.カバー写真の制作、設定
![1.11](/wp-content/uploads/2012/03/1.11.jpg)
クリエイティブなカバー写真を作る!
タイムラインでは「カバー写真」と「プロフィール写真」を組み合わせて作ると目を引きます。
▼例:「カバー写真」と「プロフィール写真」を組み合わせた例
![2.12](/wp-content/uploads/2012/03/2.12.jpg)
![3.13](/wp-content/uploads/2012/03/3.13.jpg)
こちらのテンプレートを使うと、以下の参考画面のようにPhotoshop上で1枚の写真から、カバー写真・プロフィール画像を作れます。
![4.14](/wp-content/uploads/2012/03/4.14.jpg)
Facebook「タイムライン機能」の秀逸カバー写真20選 ロケットニュース24(β)
![5.16](/wp-content/uploads/2012/03/5.16.jpg)
素材集からカバー写真を持ってくる!
時間がなくてまだカバー写真を作れない、という方もいらっしゃると思います。そんな時は以下の記事でまとめたサイトをご利用下さい。無料でオシャレな写真が一杯あります。
これで友達に差をつけろ!Facebookタイムラインのカバー写真作りで使える14個のサービス、徹底まとめ
![6.18](/wp-content/uploads/2012/03/6.18.jpg)
規約に注意!宣伝はNG!
Facebookの規約では、宣伝やユーザーに何かしらのアクションを促してはいけないと書かれています。アカウント停止の危険性もありますので注意しましょう。
▼カバー写真でNGな内容
- 金額や購入に関する情報を書いてはいけない。(例:40% OFF、ここからダウンロードしよう!)
- 基本情報で書くべき内容を書いてはいけない。(例:WebサイトのURL、Eメール・メーリングリストのアドレス)
- Facebookの機能やそれを用いたアクションを言及してはいけない。(例:いいね!してね、シェアしてね)
- アクションを呼びかけてはいけない。(例:これを今すぐ手にいれよう!友達に教えてね!)
チェック2.プロフィール写真の制作、設定
![7.17](/wp-content/uploads/2012/03/7.17.jpg)
これまでのように縦長のプロフィール写真は設定できないので注意して下さい。
最悪、新規で作らなくても大丈夫!
プロフィール写真は、もし変更がなければ制作しなくても問題ありません。
プロフィール写真が縦長の方は、以下の画面でサムネイルの編集をしたかと思います。(ウォール投稿時に表示される正方形の画像です。)
![8.19](/wp-content/uploads/2012/03/8.19.jpg)
チェック3.ウェルカムページのデザイン変更【要注意】
![9.23](/wp-content/uploads/2012/03/9.23.jpg)
仕様的になくなるのはデフォルトページ設定であって、ウェルカムページもファンゲート機能も使えます。(弊社でFacebookキャンペーンアプリの開発を担当しているエンジニアにも確認しましたが、現在、ファンゲート機能が上手く動かないのはバグですので、すぐに治ると思います。※追記:3月7日夜あたりに、ファンゲートが直ったようです。)
じゃぁどうすれば良いの?
これからのファン獲得の流れは、以下のようになります。
![21](/wp-content/uploads/2012/03/21-560x264.png)
ウェルカムページの横幅を810pxにしましょう。
![10.22](/wp-content/uploads/2012/03/10.22.jpg)
▼注意点・補足
- ファンゲート分も合わせてあったほうが良いと思います。
- 「いいね!」の位置が右上になるので、矢印を付ける場合は位置を合わせましょう。
- 横幅は520pxも選択出来るようですが、810pxのほうが見映えは良いかなと思います。
- 3月2日(金)時点では、横幅にバグが出ているようでした。そして、3月7日のアメリカ時間の午後にはバグが直るようです。
萩原さん、教えて頂いて有難うございました!
チェック4.広告の誘導先をウェルカムページに変更【要注意】
![11.25](/wp-content/uploads/2012/03/11.25.jpg)
誘導先をデフォルト設定にしていた方は注意!
皆さんもご存知のように、「非ファンへ最初に見せるページ」のデフォルト設定がなくなります。
これまでは、「非ファンに対してはウェルカムページを見せる」と設定していた方も多いかと思います。そして、Facebook広告の誘導先も、「どうせ非ファンにだけ掲載するのだから、デフォルトを誘導先にしていこう」と思ってらっしゃった方も多いかと思います。
心配な方は、一度誘導先をチェックして頂けたらと思います。
チェック5.タイムラインの投稿内容をトップ表示・ハイライト表示
![12.60](/wp-content/uploads/2012/03/12.60.jpg)
トップ表示とは?
タイムラインは基本的には時系列で並び、古いものは下に落ちていきます。ですが、以下のように「トップに固定」を選択すると、タイムラインの一番上に表示させ続けられます。
![13.61](/wp-content/uploads/2012/03/13.61.jpg)
ハイライト表示とは?
タイムラインの中での表示場所ではなく、表示面積を変える方法です。各投稿にマイスオーバーすると「★ボタン」が出るので、クリックするとハイライト表示になります。
![62](/wp-content/uploads/2012/03/621.png)
![14.63](/wp-content/uploads/2012/03/14.63.jpg)
チェック6.過去の大事な出来事用の画像・文言の制作、登録
![14.26](/wp-content/uploads/2012/03/14.26.jpg)
人はその企業やブランドの歴史に触れると親近感が湧いたり、惹きつけられるものがありますよね。
画像はなしでも良いですが、画像を入れる場合は843px×403pxのサイズを用意しましょう。縦はこれ以上長くても良いですが、表示は843px×403pxになってしまいます。
最初は開始日しか設定できないけど、実は…
大事な出来事を設定しようとすると、最初は以下のような開始日・開業日などしか設定できません。
![14.26](/wp-content/uploads/2012/03/14.26.jpg)
![14.31](/wp-content/uploads/2012/03/14.31.jpg)
▼過去の大事な出来事例
- 会社設立
- ブランド設立
- アメリカ進出
- ○○に移転
- ○○に新しい店舗誕生
- 大ヒット商品○○の発売が開始
▼「過去の大事な出来事」で「特に」参考になるFacebookページ
まだしっかりと設定している会社は少ないのですが、以下の2ページは参考になります。
http://www.facebook.com/redbull
![14.34](/wp-content/uploads/2012/03/14.34.jpg)
![14.35](/wp-content/uploads/2012/03/14.35.jpg)
Burberry・fantaも歴史の見せ方で参考になります。
正確に言うと「過去の出来事」ではなく「通常投稿」として投稿しているのですが、ブランドの歴史をコレクション的に並べていくのもファンに喜ばれるコンテンツになると思います。
https://www.facebook.com/burberry
https://www.facebook.com/fanta
![14.33](/wp-content/uploads/2012/03/14.33.jpg)
過去の大事な出来事の設定手順
操作は簡単ですが、念のため流れをご紹介します。以下の手順で進めればすぐ終わります!
![14.27](/wp-content/uploads/2012/03/14.27.jpg)
![14.28](/wp-content/uploads/2012/03/14.28-560x295.jpg)
![29](/wp-content/uploads/2012/03/29.png)
![14.29-2](/wp-content/uploads/2012/03/14.29-2.jpg)
![14.29-3](/wp-content/uploads/2012/03/14.29-3.jpg)
![14.29-4](/wp-content/uploads/2012/03/14.29-4.jpg)
チェック7.アプリページのデザイン修正(横幅を広げる)
![14.37](/wp-content/uploads/2012/03/14.37.jpg)
American Expressさんなど、今のところ、どの会社もこれまでのサイズをそのまま利用しています。表示や動作は問題ないので、予算やリソース状況に合わせて対応して頂く形で良いかなと思います。
恐らく4月に入ってからも、今までのサイズを使い続ける会社さんもいると思います。
チェック8.基本データにURLが表示されるように修正
![15.41](/wp-content/uploads/2012/03/15.41.jpg)
このURLにはリンクが自動で貼られるので、興味を持ってくれたファンの方を、本体サイトへ誘導するメリットがあります。
デフォルト設定では冗長な文章だけになる
GaiaXソーシャルメディア ラボのFacebookページも、最初は以下のように文章だけでした。
![15.42](/wp-content/uploads/2012/03/15.42.jpg)
![15.40](/wp-content/uploads/2012/03/15.40.jpg)
![15.41](/wp-content/uploads/2012/03/15.41.jpg)
チェック9.ファンからFacebookページ宛のメッセージのエスカレーション設定【要注意】
![15.43](/wp-content/uploads/2012/03/15.43.jpg)
ファンからのメッセージは誰がチェックし、どういう内容であれば、誰にエスカレーションをして確認を仰ぐか、事前に決めておきましょう。
【注意】メッセージ着信のアラートが来ない!
ファンからメッセージが届いても、アラート通知も無ければ、メールアラートも飛んで来ません。以下の「管理者用パネル」を開くと、初めて気付きます。
![15.52](/wp-content/uploads/2012/03/15.52.jpg)
今のところFacebookページ人格でしかチェックできない。。
今のところ、アカウントをFacebookページ人格にすると、メッセージのアラートが届きます。
![15.44](/wp-content/uploads/2012/03/15.44.jpg)
3月6日時点では他に通知を受け取る機能は無いようなので、定期的に「管理者用パネル」を確認することをお勧めします。。。。
メッセージ確認の流れ
念のためメッセージの見方のご紹介です。
以下の流れで、管理者パネルの各メッセージを開くと詳細に行け、返信するとそのFacebookページからの返信になります。
![15.53](/wp-content/uploads/2012/03/15.53.jpg)
メッセージの非表示設定も可能
あまり知られていませんが、「Facebookページへのメッセージ」ボタンは非表示にできます。
![15.45](/wp-content/uploads/2012/03/15.45.jpg)
チェック10.アプリタブ用の画像制作、設定【要注意】
![15.46](/wp-content/uploads/2012/03/15.46.jpg)
ASPサービスのアプリも画像を変えられる!
これまでアプリタブの画像は、アプリASPごとに決まっていました。
例えば、ガイアックスで提供している「Fantastics」というキャンペーンアプリASPは、以下のようにタブ画像が設定されており、利用企業様のほうで変更出来ませんでした。
写真投稿コンテストアプリ | ![]() |
---|---|
fbページ統合アプリ | ![]() |
検定アプリ | ![]() |
Facebook懸賞アプリ | ![]() |
それがタイムライン化により、自由に変更出来るようになったのです!
▼fbページ統合アプリのロゴ変更例
こういった形で、fbページ統合アプリもデフォルトの画像から、オリジナル画像に変更出来ました。
![15.48](/wp-content/uploads/2012/03/15.48.jpg)
今までより目立つ!
Facebookページのタイムライン適応で、「タイムラインが全てだ!タブページは意味がない!」といった声を聞く事もあります。が、むしろタブページはむしろ見られやすくなりました。
ファーストビューで来訪者の視線に入りますし、これまでのように「タブ名=テキスト」ではなく、画像で訴えかける事ができますので。
↓American Expressさんの表示の仕方は綺麗ですよね!!
![15.49](/wp-content/uploads/2012/03/15.49.jpg)
画像変更の手順はこちら
以下の4ステップで簡単に変更可能です。
![47](/wp-content/uploads/2012/03/471.png)
16px × 16pxのアイコン画像はこれまで通り必要
※追記:3月8日(小川さん、ご指摘有難うございました!)
111px×74pxの画像以外にも16px×16pxのアプリアイコン画像も表示されます。
![thum](/wp-content/uploads/2012/03/cd7ac8d45841b179f20067f528f25b25.png)
チェック11.基本データ横に表示する3つの要素を決める。
![15.56](/wp-content/uploads/2012/03/15.56.jpg)
使い方は分かりにくいけど…
順番の変更方法は以下のように鉛筆ボタンから行います。
![15.55](/wp-content/uploads/2012/03/15.55.jpg)
合計2つ表示も出来る
アプリの数を減らせば、Groupon Japanさんのように「写真」「いいね!」のように合計2つだけ表示させる、という事も可能です。
![15.57](/wp-content/uploads/2012/03/15.57.jpg)
番外編1.タイムライン適応の流れ
タイムライン適応の流れも非常に簡単ですが、念のため作業の流れをご紹介します。
「プレビューをクリック
![15.02](/wp-content/uploads/2012/03/15.02.jpg)
「カバーを追加」をクリック
![15.03](/wp-content/uploads/2012/03/15.03.jpg)
写真をアップしたら「変更を保存」をクリック
![15.04](/wp-content/uploads/2012/03/15.04.jpg)
「今すぐ公開」
![15.05](/wp-content/uploads/2012/03/15.05.jpg)
番外編2.各画像サイズのまとめ
こちらの記事「Facebook投稿におけるPC版・スマホ版の最適な画像のサイズとは?」に投稿サイズなど、まとめました!
![15.50](/wp-content/uploads/2012/03/15.50.jpg)
番外編3.Facebook公式の各種紹介ページのリンク集
■fMCガイド
https://www.facebook.com/business/fmc/guides
■新しいFacebookページのご紹介
http://www.facebook.com/about/pages/
■ページの新デザインをプレビューページ
https://www.facebook.com/pages/status/
■Learn About Facebook Pages
http://www.learnfacebookpages.com/
以上、という事で『【完全版】Facebookページタイムライン化で本当に検討すべき11項目のチェックリスト』でした。Facebookページのノートでも本記事の一部抜粋を掲載しております。
今回の記事はお役に立てましたでしょうか?もし気に入って頂けたら、こちらからお友達におススメして頂けると嬉しいです↓
この記事を書いた人:ソーシャルメディアラボ編集部
![](https://pretest.gaiax-socialmedialab.jp/wp-content/uploads/2b530e80c7d0de90885e285c5d798063-3-400x400.png)