umeda

【Facebook】Facebookページの「カバー写真」について(2014年6月リニューアル版)

(もう 1ヶ月弱経ってしまいましたので、今更ですが…)
6月6日に Facebook ページのデザインが新しくなりました。
 

140704_01
 

 

3月に公式発表があり、順次適応されていたようです。
私が管理している Facebookページの中では、
5月下旬に告知画面が表示され、事前に新しいデザインに変更できたページが1つだけありましたが、
6月13~20日までに「自動更新される」と連絡されたページが大多数でした。
 

主に変わった点は、すでに複数のサイトでわかりやすく解説されていますので、
ページ下にピックアップいたしました参考サイトをご参照ください。
 

ここでは、実際にリニューアルされた際に調整に戸惑った「カバー写真」についてご紹介いたします。
 

 

●カバー写真

「カバー写真」「プロフィール写真」ともに、サイズは今までと同じです。


・カバー写真: 851 × 315 ピクセル
・プロフィール写真: 160 × 160 ピクセル

 
 
今まで、「カバー写真」の上には「プロフィール写真」が少しカブっている以外、
何も表示されていなかったのですが
  • Facebookページ名
  • コミュニティなどのカテゴリ名
  • いいねに関する情報 など
が表示されるようになりました。
 
また、
「カバー写真」の下 1/4 程度にはグラデーションもかかっているので
ページの下半分に重要な要素を入れていた場合は、
上に移動するなど、見やすく調整した方がよいと思います。
 
「プロフィール写真」も若干移動しましたので、
「カバー写真」と「プロフィール写真」を組み合わせてデザインしていた場合は、調整が必要です。
 
 
140704_02
 
 
変更後に、 完全に隠れてしまう または 文字がかぶって見えづらくなる部分が広くあるので 「Tips Note」の場合は、全体的に微調整&1名の顔写真を大きく移動ました。  
 
※「いいね!」前や、  管理人がアクセスした場合(例:一番上の画像)、  Facebookページ名やカテゴリ名が長い場合は、  文字がかぶって見えづらくなる部分が  さらに広くなる可能性があります。
140704_3
 
 
(参考サイト)
●FacebookページのUIがもうすぐ新デザインに!  6月13日に切り替わるので主な変更点をまとめてみました|Tips*Blog|株式会社コプロシステム
http://www.coprosystem.co.jp/tipsblog/2014/06/03.html  
●Facebookページの新しいレイアウトはどう変わった?  実際のページを見てみよう!| Hivelocity ハイベロシティ
http://www.hivelocity.co.jp/blog/29559  
●Facebookページ新デザイン移行間近!6月6日前にチェック必須な7つの変更点 - SMMLab(ソーシャルメディアマーケティングラボ)
http://smmlab.jp/?p=32461  
●FacebookページのUI変更。タブ画像が消える。
http://snowadays.jp/2014/03/2614
 
 
 
 
こちらでご紹介しました情報は、2014年7月3日現在のものです。 仕様変更によりサイズ等が変わることも考えられますので、 今後のFacebookの公式発表に十分ご注意ください。
新しいウェブ体験を作ろう TAMのPWA開発
お問い合わせはこちら