Hainaのホームページを解体し、解説します。
ファビコン、ヘッダー、ロゴ、フッダー、メニュー、サブメニューなど構成の一部について解説します。Google検索画面についても少し触れます。
HPのタブに表示されるホームページ名称の頭には小さなアイコンが表示されます。
これがファビコンです。無くても問題はありません。設定しない場合はデフォルトのアイコンが表示されます。16×16px若しくは32×32pxのサイズの画像を使用します。
ホームページ上方の領域をヘッダーと呼びます。
ロゴやメニューなどを配置します。
ここで使うロゴは、印刷用の「CMYK」というカラーモード設定ではなく、Web用の「RGB」のカラーモードで設定したものを使用します。
ロゴは、印刷用であるのかWEB用であるのかを意識して使用することが重要でです。印刷用のロゴファイルをWeb用に用いたり、Web用を印刷用に用いたりすると、ぼやけたり、くすんだりする結果になります。
画像ファイルをお渡しいただく時には、Webで綺麗に表示されるよう、カラーモード=「RGB」で制作されたロゴをご用意ください。
ページのいちばん下のグレーと黒のエリアがフッターです。
フッターには、通常、主要ページへのリンクやサイトマップ、Cookieポリシーなど必要に応じて、配置します。
【フッター配置例】
- サイトマップ(HPの設計図のようなもの)
- お問い合わせページへのリンク
- 主要メニューのリンク
- 紹介事項のリンク
- 会社概要
- 地図
- 会社のロゴマーク
- SNSへのリンク
- 社名
Google検索で表示されるハイナのホームページのタイトルと説明文です。
タイトルは簡潔に。説明文は他サイトと差別化できるポイントをターゲットに向けて、2行程度でお伝えできるように作成します。検索キーワードによって、表示される文が変わります。
GoogleにHPのURLを登録し、サイトマップ(HPの設計図)を送信すると、数日から数週間して検索できるようになります。