Facebookのバナーの寸法とカバー写真のベストプラクティス

あなたはそれらの厄介なFacebookバナーの寸法に問題がありますか？ バナーやカバー写真が正しく表示されていませんか？ 私たちはあなたをカバーしています。

あなたのFacebookのカバー写真はあなたのブランドについて多くを語っています。 ビジネスがオンラインで繁栄し、ソーシャルプレゼンスを持つためには、見栄えの良いFacebookページが必要です。 近所のランチスポットであろうと国際的なコングロマリットであろうと関係ありません。 Facebookページは、クライアントが訪問したときに魅力的で認識しやすいように見える必要があります。クライアントが最初に目にするのは、上部のカバー写真またはバナーです。 バナーを完璧に見せるためには、少しの作業と正しい態度が必要です。

独自のFacebookバナーまたはカバー写真を作成したことがある場合は、デスクトップとモバイルで同じように表示されないことに気付くでしょう。 側面はモバイルで切断され、重要なビジュアルや言葉が一緒に表示されます。 この記事では、完璧なFacebookのカバー写真を毎回取得するためのベストプラクティスを見ていきます。 さらに、Facebookバナーをデザインする際に、避けるべき間違いや忘れてはならないことについても見ていきます。

完璧にフィットするFacebookバナーの寸法

Facebookのバナーやカバー写真を作成するときに覚えておくべき最も重要なことは、モバイルからデスクトップへのサイズの変更方法です。 下の画像では、「SAFEAREA」と呼ばれるメインスペースの周りのさまざまなセクションを見ることができます。 すべての重要な情報を配置する必要があるのはこの領域です。そうすれば、デスクトップとモバイルの両方に表示されます。

Facebookのバナーまたはカバー写真の公式サイズは820x360pxです。 以前に作成したことがある場合は、Facebookによって完璧な画像がぼやけて見えることがあることに気付いたかもしれません。 そのため、同じアスペクト比のより大きなグラフィックを使用するのが好きです。 820px x 360pxのグラフィックのアスペクト比は2.28なので、アップロード時に完璧に見えるように、1230px x540pxで作成できます。

Adobe Illustrator（AI）またはPhotoshop（PSD）用の以下のテンプレートをダウンロードしてください。 「ここにデザインを挿入」と表示されているレイヤーに画像またはデザインを配置し、画像をWebファイルとしてエクスポートする前に、すべての最上位レイヤーを非表示にします。

ファイルをダウンロードする

無料でダウンロード

エレガントテーマニュースレターに参加して、この無料ダウンロードと、Divi、WordPress、Business、Marketingの新しいコンテンツとリソースを公開したときの通知を入手してください。 すでに購読している場合は、とにかく下にメールアドレスを入力してダウンロードボタンを表示してください。 あなたは私たちのリストに二度購読したり、余分な電子メールを受け取ったりすることはありません。

ダウンロード

正常にサブスクライブしました！

避けるべき一般的な間違い

Facebookのバナーを作成するとき、ばかげた間違いをするのは簡単です。 残念ながら、これらの一見小さな間違いは、Facebookのカバー写真に対する人々の反応に関しては本当に違いを生む可能性があります。 あなたのビジネスのためにFacebookのバナーやカバー写真を作るときに避けるべき最も一般的な間違いのいくつかを見てみましょう。

テキストが多すぎる

「20％以下のテキスト」という古いルールは、Facebookのカバー写真に適用されるルールではなくなりました。 それでも、テキストを最小限に抑えるようにしてください。 使用する単語の数に注意してください。ただし、ほとんどの場合、セーフエリアでそれらが埋めるスペースの量に注意してください。 メッセージを送信するために完全に必要な単語のみを使用してください。

乱雑すぎる

誤って大量のテキストでスペースを埋めることができるのと同じように、テキストとビジュアルの組み合わせでも発生する可能性があります。 Facebookのカバー写真を乱雑にしすぎないようにしてください。 Facebookバナーにたくさんのものを入れる必要はありません。見栄えが良いだけです。 特定のセールやオファーを宣伝する場合は、最も重要な情報のみを追加し、CTAボタンに残りの作業を任せます。

魅力のない色の組み合わせ

醜い色の組み合わせは、瞬時に視覚をはじくものです。 Facebookのカバー写真のグラフィックにランダムな色を使用しないようにしてください。 最善の策は、ブランドカラーを使用するか、Colorhuntで魅力的なカラーパレットを見つけることです。 選択したカラーパレットから16進コードをコピーしてグラフィックエディタに貼り付けるだけです。 写真を使用している場合は、画像からいくつかの色をサンプリングして、テキストに色を付けます。 ビジュアルグラフィックスタイルのFacebookバナーの場合、一度に3色または4色以下に固執します。

少なすぎる遅すぎる

もう1つのひどい間違いは、休日のバナーを間違った時間に変更することです。 経験則として、休日をテーマにしたFacebookのカバー写真を実際の休日の2週間前に変更することをお勧めします。 オンラインで商品を販売する場合は、十分な時間で販売を促進できるように、今後の休日に特に注意する必要があります。

ブランドのベストプラクティス

絶対に避けなければならない最も一般的な間違いを見てきましたので、今度は常に何をすべきかを見てみましょう。 あなたが特定のパラメータに従う限り、あなたのFacebookのカバー写真はあなたとあなたのブランドのために働きます。

色、フォント、メッセージでブランドを維持する

ブランドとして、ウェブからソーシャルメディア、さらにはそれを超えて一貫性を保つことはあなたの責任です。 新しいFacebookバナーまたはカバー写真を作成するときは、ブランドスタイルガイドを最初の参照ポイントにする必要があります。 ブランドの色とブランドのフォントを使用してください。 どんな犠牲を払ってもあなたのブランドのメッセージと感触を維持してください。 ナイキのFacebookページからヒントを得て、彼らは商標スローガンでブランドを視覚化します。 早くやれよ。

フォーカルポイントを使用して、CTAページボタンに注意を向けます

[ページ]ボタンのフォーカルポイントを追加する前に、それが何であるかを確認しましょう。 バナーの下には、信頼できるCTAページボタンがあります。 「今すぐ購入」から「詳細」など、やりたいことに応じて変更できます。 このボタンをまだカスタマイズしていない場合は、「ページの追加ボタン」と表示されます。 それをクリックして、会社に最適なオプションを追加します。

既存のCTAページボタンをカスタマイズするには、ボタンにカーソルを合わせると、小さな編集鉛筆が表示されます。 鉛筆をクリックして、「編集ボタン」を選択します。

この小さなボタンの威力がわかったところで、今度はそれに注意を向けましょう。 視聴者の注意を引くために、右下隅に少し何かを追加します。 Superflyの人々は、ボタンのすぐ上にWebサイトのURLが付いた黒い長方形を追加しました。 彼らはあなたがそのURLをコピーしてあなたのブラウザに貼り付けることを期待していません！ [今すぐ購入]ボタンをクリックするだけです。 写真、グラフィック、さらには矢印など、さまざまな方法でボタンへの焦点を合わせることができます。

あなたが権利を持っている高品質の画像を使用する

使用する権利のある写真を常に使用してください。 Facebookのガイドラインに従っているだけでなく、常識でもあります。 オンラインで見つけてバナーに貼り付けただけの画像は使用しないでください。問題が発生する可能性があります。 有料のストックフォトまたはUnsplashなどのサイトからの無料のストック画像を使用してください。 さらに良いことに、あなた自身の製品のあなた自身の写真を使用してください！ 以下のペプシFacebookバナーは良い例です。

写真やグラフィックの代わりにビデオを使用してみてください

画像の代わりにビデオを試してみませんか？ バナーに動画をアップロードするプロセスは、画像を追加するのと同じです。同じサイズのガイドラインに従ってください。 ビデオ内のすべての重要な動きが「セーフエリア」内にあり、準備ができていることを確認してください。

リンク付きの説明を追加し、関連する画像をページの上部に固定します

大事なことを言い忘れましたが、新しいFacebookのカバー写真やバナーをアップロードするときは、常に関連するリンクを含む説明を追加してください。 これらは一見明らかではありませんが、誰かが画像をクリックすると、あなたが追加したすべての情報を見ることができます。 たとえば、スターバックスの現在のバナーはBorn This Way Foundationに関するものであり、バナーをクリックすると、それに関連するすべてのリンクとタグが表示されます。

同様に、スターバックスもページの上部に固定された画像を持っており、アニメーションGIFの基盤に関するより多くの情報を提供します。 このテクニックが行うことは、Facebookページに本格的な効果を作成することです。 誰かがそれに着陸すると、彼らはあなたの3つの重要なビジュアルを見ることができます。 ロゴ、カバー写真、ピン留めされた画像。 すべてが最適化されている場合、ページボタンとともに、対話するための選択肢がたくさんあります。

結論

最近、最適化されたFacebookページを持つことはそれほど難しくありません。 上記のFacebookバナーサイズテンプレートを使用して、完璧なカバー写真を作成してください。 よくある間違いを避け、ベストプラクティスに従ってFacebookバナーを作成してください。そうすれば、すぐに見栄えのするカバー写真を手に入れることができます。 ページボタンをカスタマイズすることを忘れないでください。また、関連する説明を付けてグラフィックをアップロードすることを忘れないでください。