ホームページに告知用のバナーを置きたい・作りたい｜先に決める3つと、掲載を終えるまでに続くこと・費用の目安

「期間限定のキャンペーンを、トップ以外のページでも目に付く場所に出したい」「採用の募集や休業のお知らせを、サイトの横や下に画像で置きたい」という場合があります。サイドバーやフッターなどに置いて、キャンペーン・催し・募集などを知らせる画像を、この記事では告知用バナーと呼びます。

この記事では、告知用バナーを置くときに先に決める3つ、いまのサイトに置く場所があるかの見分け方、画像に入れる文字の整理、移動先のページ、スマートフォンでの表示、掲載を終えるときに続くこと、そしてblancの料金表にある項目までを順に整理します。なお、トップページの上部などにある大きな画像を変えたい場合はトップページのメインイメージを変えたい・作り直したいに、すでにある画像を同じ枠のまま入れ替える場合はホームページの文章・写真を差し替えたいにまとめています。

「バナーを置きたい」と思うのは、たとえばこんなときです

バナーを置きたい・変えたい場面には、次のような例があります。知らせたい内容や、いま掲載しているバナーの状態によって、検討する期間や移動先が変わります。

• 期間を区切ったキャンペーンや催しを知らせたい——開始日と終了日が決まっている告知です
• 採用の募集を知らせたい——募集する職種や応募先などを知らせる告知です。掲載期間と、募集を締め切ったあとの扱いは御社で決める部分です
• 休業や営業時間の変更を知らせたい——年末年始や臨時の休業、通常の営業時間の変更などを知らせる告知です
• サイトの外にある窓口を知らせたい——予約の受付、オンラインショップ、SNSのアカウントなど、別のサイトへの入口を置きたい場合です
• すでに置いているバナーの内容が古くなった——終わったキャンペーンや、過ぎた日付が載ったままになっている状態です

先に決める3つ

告知用バナーでは、知らせる内容と移動先、掲載する場所と枚数、掲載期間の3つを整理します。どれも御社で決める部分です。まだ決まっていない項目がある段階でも、ご相談いただいて差し支えありません。

1. 何を知らせ、押したあとにどこへ移動するか

バナーで知らせる内容と、バナーに移動先を設定するかどうかを決めます。移動先を設定する場合は、どのページへ移動するかも決める部分です。移動先のページがまだ無い場合は、そのページをどうするかも御社で決める部分です。

2. どこに、何枚置くか

サイドバー、フッター、ページの途中など、どこに置くかを決めます。置ける場所と枚数は、いまのサイトの作りによって変わります。複数のページに同じバナーを出すか、特定のページだけに出すかも、あわせて決める部分です。

3. いつから、いつまで載せるか

掲載を始める日と、掲載を終える日を決めます。終わりの日が決まっていない告知の場合は、どの時点で内容を見直すかを決めておく部分です。掲載を終えたあとに、その場所に何を表示するかも、御社で決める部分です。

メインイメージや、写真の差し替えとの違い

この記事で扱うのは、サイドバーやフッターなどに置く告知用の画像です。料金表でも、「告知用バナー作成」は「メインイメージ制作」とは別の項目になっています。トップページの上部などに置く大きな画像を変える場合は、冒頭でご案内したメインイメージの記事をご覧ください。

すでに置いてあるバナーを、同じ場所・同じ大きさのまま別の画像に入れ替える場合は、写真の差し替えの記事で扱っている範囲と重なります。この記事では、バナーを新しく置く場合と、バナーの内容を作り直す場合を扱います。

いまのサイトに、バナーを置く場所があるかの見分け方

ご自身で当たりを付ける場合は、次の点を見ていただくと分かることがあります。いまの作りが分からない場合は、分かっていることと未確認のことを分けて整理します。

• すでにバナーが並んでいる場所があるか——サイドバーやフッターに画像が並んでいる場合は、その場所がバナーを置く枠として作られていることがあります
• 管理画面に、バナーや画像を並べる設定の欄があるか——CMSが入っているサイトでは、管理画面から画像と移動先を設定できる形になっていることがあります
• ページごとに、横や下の表示が違うか——同じサイトの中でも、ページによってサイドバーの有無や表示される内容が違うことがあります

管理画面から設定できる箇所かどうかは、いまのサイトの作りと、設定の仕方によって変わります。

画像に入れる文字と、ページの文章として置く文字

バナーには、キャンペーン名、期間、金額、電話番号などを入れることがあります。どの文字を画像に入れ、どの文字をページの文章として置くかは、御社で決める部分です。どの形を取れるかは、いまのサイトの作りによって変わります。いま置いているバナーの文字を、なぞって選べるかも確認の手がかりです。選べない場合は、文字が画像の中に入っていることがあります。

画像の中の文字を直す方法と作業の範囲は、残っているデータの内容と、変更したい箇所によって変わります。期間や金額など、あとで変わる可能性がある文字を画像に入れる場合は、そのことを踏まえて入れる文字を決める部分です。画像に入れた内容を、移動先のページの文章にも載せるかどうかも、あわせて決める部分です。

社名や連絡先が変わったときは、ページの文章とは別に、画像の中にも古い電話番号や住所が残っていないかを確認する部分です。直す箇所の洗い出し方は社名変更・移転でホームページはどこを直す？にまとめています。

移動先のページを決める

バナーの移動先は、サイトの中のページか、サイトの外のページかを決めます。サイトの中の場合は、すでにあるページを使うか、新しく作るかも検討する部分です。どれにするかで、用意するものと作業の範囲が変わります。

• サイトの中の、すでにあるページ——告知の内容が、いまあるページに載っている場合です。そのページの内容が、バナーで知らせる内容と合っているかを確認する部分です
• サイトの中に、新しく作るページ——告知の詳しい内容を載せるページが、まだ無い場合です。ページを新しく作るかどうかと、そのページに載せる内容は、御社で決める部分です
• サイトの外のページ——予約の受付、オンラインショップ、SNSなど、別のサイトへ移動する場合です。移動先のアドレスが変わる可能性があるかどうかも、確認する部分です

お知らせの内容を、画像ではなく文章の一覧として載せる方法もあります。お知らせ欄の作り方は新着情報・お知らせ欄を作りたいにまとめています。

使う写真・イラスト・書体の確認

バナーに使う写真・イラスト・書体は、以前のキャンペーンやSNS用に作った画像を使う場合も含めて、今回のバナーにも使える条件かを確認する部分です。利用できる用途や期間、加工や外部への提供の扱いは、それぞれの規約や取り決めによって変わります。人が写っている場合は、今回の掲載先や期間についても、ご本人への確認方法や社内の取り決めにあわせて進めていただく部分です。確認の観点はホームページに載せる写真、その1枚は使って大丈夫？にまとめています。

スマートフォンで見たときの表示

スマートフォンで告知用バナーを確かめるときは、掲載対象のページで表示されるか、どこに表示されるか、期間や応募先などの文字が読めるかを確認する部分です。表示の有無・位置・文字の見え方は、いまのサイトの作りと、ご覧になる端末・ブラウザやその設定によって変わります。ページの下のほうに表示が移ることも、表示されないこともあります。

複数のページに同じ告知を載せる場合も、各ページの表示が御社で決めた掲載内容に合っているかを確認する部分です。バナー以外にも表示の問題がある場合の確認項目や対応の選択肢は、ホームページがスマホ対応していないにまとめています。

告知の期間・条件と、掲載するページを確かめる

公開前には、掲載するページ、告知の期間や条件、移動先の内容を確認する部分です。端末ごとの表示とあわせて、御社で決めた掲載内容に合っているかをご確認ください。

• パソコンとスマートフォンそれぞれで、表示の有無が御社で決めた内容に合っているか——表示される位置は、いまのサイトの作りと、ご覧になる端末・ブラウザやその設定によって変わります
• 押したときの移動先が合っているか——移動先を設定している場合の確認です。サイトの外へ移動する場合は、そのアドレスもあわせてご確認ください
• 画像の中の文字が、画面の幅が狭い環境でも読める大きさか——あわせて、期間・金額・連絡先に誤りがないかもご確認ください
• 移動先のページの内容と、バナーの内容が合っているか——期間や条件が、両方で同じになっているかの確認です
• 写真・イラスト・書体の利用条件と、写っている方の扱いを確かめたか——規約や、ご本人への確認方法・社内の取り決めにあわせて確認する部分です

掲載を終えるときに続くこと

告知用バナーは、置いて終わりになるとは限りません。期間を区切った告知の場合は、次の3つについて、内容と決める時期を御社で整理する部分です。

• いつ外すか——掲載を終える日と、その日に外す作業を、どなたが行うかを御社で決める部分です。管理画面から外せるかどうかは、いまのサイトの作りによって変わります
• 外したあとに、その場所に何を表示するか——次の告知に入れ替えるか、何も置かない形に戻すかを決める部分です
• 移動先のページをどうするか——告知のために作ったページを残すか、内容を書き換えるか、公開をやめるかを決める部分です。公開をやめる場合は、ほかのページからそのページへの移動が残っていないかも確認する部分です

終了した告知を次のバナーに入れ替える場合は、新しい告知の期間・文言・移動先を御社で決める部分です。管理画面から入れ替えられるかは、いまのサイトの作りによって変わります。料金表には「更新操作のレクチャー（1時間）」の項目があります。

掲載を終えたバナーのデータをどう扱うか

次の募集やキャンペーンで画像を使うかどうかと、残すデータの種類・保管先・担当者は、御社で決める部分です。次回の文字や色の変更方法は、残っているデータの内容と、変更したい箇所によって変わります。制作に使われるデータ形式の例は、PSD・AIファイルとは？で説明しています。

いま置いているバナーについて、元のデータが手元にあるかどうかは、以前に作られた方との取り決めによって変わります。

料金表にある作業と、御社で決めること

告知用バナーでは、画像を作ること、サイトに設置すること、掲載を終えるときに外すことを分けて、依頼したい範囲を整理します。料金表には、次の項目があります。

• 告知用バナー作成——料金表に項目があります。備考は「※サイドバーやフッター等に設置するものです。」です
• 写真加工——料金表に項目があります。備考は「※明るさ調整・トリミングなど（5枚程度につき）」です
• HTML修正——料金表に項目があります。備考は「※1ページあたり」です

素材の購入・文言の作成・画像データの保管を、その名称で示した項目はありません。誰が担当し、何を依頼するかは御社で決める部分です。

• 写真やイラストの素材の購入——どなたが購入されるかを決めていただく部分です
• バナーに入れる文言——何と書くかを決めていただく部分です
• 画像のデータの保管——どなたが保管されるかを決めていただく部分です

料金表には、告知用バナー作成にサイトへの設置作業を含むかどうかの記載がありません。設置を含めたご依頼の範囲と費用は、お見積りでご確認ください。

費用の目安

以下は、この主題に関係する項目を料金表から引用したものです。個別作業料金については「金額はよくある範囲でお示ししています。同じ作業でも、ページ数・データの量・いまのサイトの作りによって手間が変わるためです。」と記載されています。

HTML関連

• HTML修正　5,500円（税込）——※1ページあたり

※Wix・Jimdo等のホームページ作成サービスで作られたサイトは、編集制約のため作業時間が増えますので、上記料金の1.5倍となります。

デザイン

• 告知用バナー作成　5,500～16,500円（税込）——※サイドバーやフッター等に設置するものです。

画像関連

• 写真加工　2,200～11,000円（税込）——※明るさ調整・トリミングなど（5枚程度につき）

月額プラン

• スタンダードプラン　1ヶ月あたり16,500円（税込）（※最低契約期間3ヶ月）——対象は「HTMLで作られたサイト・WordPress以外のCMS」。内容に「月5回までの更新作業（テキストや写真差し替えなどに加え画像加工やバナー修正などの作業を行います。）」があります

そのほか、関係することがある項目

• 更新操作のレクチャー（1時間）　11,000円（税込）——※オンラインまたはご来社。操作手順書をお渡しします。

※こちらの価格表に無いものについては別途お見積もりとなります。

月額の契約で何が含まれるかの考え方はホームページの保守・管理契約は何をしてくれる？に、金額の比べ方はホームページの相見積もり、どう比べる？に、修正作業ごとの料金の考え方はホームページ修正の費用相場にまとめています。

依頼する内容を社内で整理する

依頼する内容について、社内で整理する項目の例です。それぞれ、決まっている内容と、まだ決まっていない内容を分けて整理します。

• ページのURL——バナーを置きたいページ、または変えたいバナーがあるページはどこか
• 知らせたい内容——キャンペーン・催し・募集など、何を知らせるバナーにするか
• 移動先——移動先を設定するか、設定する場合はどのページにするか
• 掲載の期間——いつ掲載を始め、いつ終えるか。終了日を設けない場合は、いつ内容を見直すか
• 写真や文言の案——どの写真を使い、何と書くか。案を用意する方と、内容を決める方をどうするか
• 今後の入れ替え——どなたが担当するか。管理画面から入れ替えられるかは、いまのサイトの作りによって変わります

何を知らせてどこへ移動するか、どこに何枚置くか、いつからいつまで載せるかは、御社で決める部分です。blancへのご依頼の範囲と費用は、お見積りでご確認ください。

告知用バナーについてのQ&A

メインイメージとバナーは、何が違いますか

料金表では「メインイメージ制作」と「告知用バナー作成」が別の項目になっていて、告知用バナー作成の備考は「※サイドバーやフッター等に設置するものです。」です。トップページの上部などに置く大きな画像については、メインイメージの記事にまとめています。

画像に文字を入れるか、ページの文章にするか迷っています

どちらにするかは、御社で決める部分です。取れる形は、いまのサイトの作りによって変わります。画像の中の文字を直す方法と作業の範囲は、残っているデータの内容と、変更したい箇所によって変わります。期間や金額など、あとで変わる可能性がある文字があるかどうかも、決めるときの材料になります。

スマートフォンでも表示されますか

いまのサイトの作りと、ご覧になる端末・ブラウザやその設定によって変わります。別の位置に表示されることも、表示されないこともあります。画像の中の文字の見え方も、これらの条件によって変わります。

何枚まで置けますか

置ける場所と枚数は、いまのサイトの作りによって変わります。何枚置くか、どの順に並べるかは、御社で決める部分です。

期間が終わったバナーは、自分で外せますか

いまのサイトの作りによって変わります。管理画面にバナーを設定する欄がある場合は、ご自身で外していただけることがあります。外したあとにその場所に何を表示するか、移動先のページをどうするかは、御社で決める部分です。

SNS用に作った画像を、そのままバナーに使えますか

画像の大きさや縦横の比率、いまのサイトの作り、ご覧になる端末・ブラウザやその設定によって変わります。画像の一部が表示されないことや、文字が小さく表示されることがあります。写真・イラスト・書体は、バナーへの利用を含む条件を確かめ、写っている方の扱いはご本人への確認方法や社内の取り決めにあわせる部分です。

画像の中の文字だけを直せますか

文字を変更する方法と作業の範囲は、残っているデータの内容と、変更したい箇所によって変わります。書き出した画像しか無い場合は、画像を作り直すこともあります。お手元に残っているデータの種類と、その保管先を社内で整理する部分です。

他社が作ったサイトですが、バナーを置いてもらえますか

他社が制作したサイトもご相談いただけます。バナーを置ける場所や枚数は、いまのサイトの作りによって変わります。設置を含めたご依頼の範囲と費用は、お見積りでご確認ください。

まとめ

告知用バナーを置くときに、押さえておきたいのは次の3つです。

• 先に決めるのは3つ——何を知らせてどこへ移動するか、どこに何枚置くか、いつからいつまで載せるか。決まっている内容と、まだ決まっていない内容を整理します
• いまの作りで、取れる形が変わる——置ける場所と枚数、管理画面から設定できるかは、いまのサイトの作りによって変わります。スマートフォンでの表示は、ご覧になる端末・ブラウザやその設定によっても変わります
• 掲載を終えるときに続くことがある——期間を区切った告知の場合は、いつ外すか、外したあとに何を表示するか、移動先のページをどうするかを、御社で決める部分です

バナーを置ける場所や変更できる範囲は、いまのサイトの作りによって変わります。ご依頼の範囲と費用は、お見積りでご確認ください。

ご依頼前のご相談とお見積りは無料です。