こっそり解説

Hainaのホームページを解体し、解説します。

ファビコン、ヘッダー、ロゴ、フッダー、メニュー、サブメニューなど構成の一部について解説します。Google検索画面についても少し触れます。

ファビコン

HPのタブに表示されるホームページ名称の頭には小さなアイコンが表示されます。

これがファビコンです。無くても問題はありません。設定しない場合はデフォルトのアイコンが表示されます。16×16px若しくは32×32pxのサイズの画像を使用します。

ホームページ上方の領域をヘッダーと呼びます。

ロゴやメニューなどを配置します。

ここで使うロゴは、印刷用の「CMYK」というカラーモード設定ではなく、Web用の「RGB」のカラーモードで設定したものを使用します。

ロゴは、印刷用であるのかWEB用であるのかを意識して使用することが重要でです。印刷用のロゴファイルをWeb用に用いたり、Web用を印刷用に用いたりすると、ぼやけたり、くすんだりする結果になります。

画像ファイルをお渡しいただく時には、Webで綺麗に表示されるよう、カラーモード＝「RGB」で制作されたロゴをご用意ください。

ページのいちばん下のグレーと黒のエリアがフッターです。

フッターには、通常、主要ページへのリンクやサイトマップ、Cookieポリシーなど必要に応じて、配置します。

【フッター配置例】

Google検索で表示されるハイナのホームページのタイトルと説明文です。

タイトルは簡潔に。説明文は他サイトと差別化できるポイントをターゲットに向けて、2行程度でお伝えできるように作成します。検索キーワードによって、表示される文が変わります。

GoogleにHPのURLを登録し、サイトマップ（HPの設計図）を送信すると、数日から数週間して検索できるようになります。