ホームページ作成の超基本!サイト構成と名称

無料ツールソフトの使い方ホームページの作り方Hpで集客する方法グーグルサービス
 
初めてのHP作成の動画高齢者のホームページの作り方よくある質問
 

ホームページ作成の超基本!サイト構成と名称

ホームページ作成の超基本!サイト構成と名称

各部分の名称と機能

ホームページをブラウザで開いた画面では、それぞれに名称があり個別の機能を持っています。SEOの基本部分でもありますので、それぞれの呼び名と機能を解説します。

 

また作成ソフトの取り扱い説明などでも頻繁にこのような言葉は使われています。

 

ホームページトップ画面

 

@ トップバナー [ヘッダー]・・・重要度 ホームページトップ画面

検索エンジンを利用する閲覧者さんは、このバナーを見て、自分が探しているホームページに相応しいか判断します。なので、会社名や電話番号、住所などの細かい情報より、発信しているサービスの内容がひと目で解るデザインにするべきです。

 

色相については、医療系、士業系、学習塾、なら青系統美容系なら薄ピンク、また飲食店の場合ではメニューの料理の画像がボケないように白を多く取り入れるなど考慮されているはずです。

 

あなたはグーグル検索などでホームページを開いた瞬間「戻るボタン」を押した事はないですか?トップバナーの役目は、せっかく開いて頂いたホームページを、すぐに閉じられないようにする事を第一に考えられています。

 

関連記事

企業、店舗のホームページ作成|トップバナー作成の注意点

 

A グローバルメニュー [メインメニュー]・・・重要度 ホームページトップ画面

ひとつ前のコンテンツ前半でお伝えした通り、ホームページ制作では、色々なHTMLファイルや画像などを、ひとつのフォルダの中に入れて管理します。

 

そのフォルダの中にはトップページであるindex.htmlの以外にも、ページ数の分だけ「他のページHTMLファイル」が存在します。

 

この「他のページHTMLファイル」は、通常グーグル検索でトップページが表示される事が多いため、直接的に閲覧する事ができない可能性が高くなります。

 

このためトップページでは他のページに移動してもらうためのリンクの集合体を用意しているわけです。これがグローバルメニューと呼ばれるものです。

 

閲覧者さんはこのグローバルメニューを見る事によって、検索したホームページにどんなコンテンツがあるのかをある程度予測する事ができ、ホームページの規模もおおまかに把握できます。

 

このようにグローバルメニューはホームページの情報量をアピールする大切な要素になるため、通常トップバナーの上下とちらかに表示されているはずです。またこのように配置する事で使いやすいホームページになります。

 

当然ですがグローバルメニューから、ホームページ内のすべてのページに対してリンクでつながっていなければいけません。そして一回のクリックで、すべてのページに飛べることが理想です。

 

またグーグルのホームページの価値を判断するクローラーは、このグローバルメニューのリンクを介して、トップページから他のページに移動し巡回します。

 

グローバルメニューのリンクはで例えると目次みたいな存在でもあり、ホームページの顔として、またSEOで考えても最も重要なリンクなのです。

 

B イメージ画像・・・重要度 ホームページトップ画面

トップバナーでは「サービスの内容」「悩み解決のキーワード」を重点的にアピールしますので、このイメージ画像の部分では会社、店舗の電話番号や住所などの情報を載せておく場合があります。

 

このイメージ画像はトップバナーの補助的な役割として考えるのが定石で、必要ない場合とくに無くても構わないと思います。

 

C サイドバー・・・重要度 ホームページトップ画面

このサイドバーは、トップバナー、メニューに次いで閲覧者さんの目に止まる場所であり、ホームページでは相当重要なスペースになります。

 

必要な情報としては、重複しますがグローバルメニュー(メインメニュー)のリンクや、グローバルメニューに記述しきれなかった他のコンテンツ、ページに対するリンクをすべて記述します。この事はホームページ作成の基本と言えます。

 

基本的に、このサイドバーのリンクからホームページのすべてのページに対して飛べるようにしておくことが重要って事です。

 

サイドバーの配置の原理は人間の心理、行動を調査した結果から導き出されたものであり、どのような業種のホームページであっても、似たような形になっているはずです。一種のSEO対策と言えます

 

D メインコンテンツ・・・重要度 ホームページトップ画面

トップページのメインコンテンツについては、そのホームページの概要や、トップバナーで表記した「サービスの内容」をより詳しく記述するのが定石です。

 

それと、下記画像のようにホームページの中でも重要度が高く、閲覧者さんにより見て欲しいコンテンツのあるページに対して、補足説明や画像を添えて、リンクで飛べるように配置、構成する事も有効です。

 

ホームページトップページリンク

※ 私が運営するホームページ作成提供サイトのトップページのメインコンテンツのリンク

 

このようなリンクを付ける事で、他のページに閲覧者さんを誘導します。トップページではホームページ内の色々なコンテンツを満遍なく閲覧者さんに見てもらうための工夫が必要になるって事です。

 

トップページから他のページへの誘導リンク
  • グローバルメニュー
  • サイドバー
  • メインコンテンツのリンク

 

E フリースペース・・・重要度 ホームページトップ画面

このスペースでは、ブログやSNSなど、運営するホームページに関連するコンテンツに飛ばすためのリンクが良く設置されています。

 

サイドバーの下の方にありますので、あまり目立つ部分ではありまあせんが、「お知らせ」「相互リンクの募集リンク」「運営者情報」「広告」などが配置されている場合が多いです。サブコンテンツ系へのリンクが多く貼られている場所です。

 

F フッター・・・重要度 ホームページトップ画面

フッターは通常1行で表示し、主に著作権の存在、初回のアップロードの西暦、等を記載し、会社名をリンクとしてトップページに飛ばす事が基本になっています。

 

Copyright (C) [西暦] [サイト名] All Rights Reserved.

 

通常ホームページの著作権の表記は上記のように記述されている事が多いのですが、実際に必要な要素だけを書く場合は、下記のようになります。

 

(C) [西暦] [サイト名]

 

  • (C)・・・・・・著作権という意味
  • [西暦]・・・・ホームページをアップロードした年
  • [サイト名]・・著作者の氏名またはホームページのタイトル

 

ホームページ作成ソフトでは、雛形が準備されていて、[西暦][サイト名]が入れ替えできるようになっている場合が多いです。

 

要するに、フッターでは、ホームページを無断でコピーして、「他のコンテンツで使用する事を禁ずる」という警告文を記述しておくって事です。

 

カラムとは!ホームページの基本構成に進む»

トップページの外観!サイト構成と名称の関連ページ

HPの仕組み
ホームページがパソコンのブラウザで表示される原理を解説します。ホームページをアップロードして見れるようにするにはドメインを取得し、レンタルサーバーを契約する必要がありますが、これが直接ホームページが見れる原理に直結しています。
カラムについて
カラムとはトップページの区割りであり、構成や外観のことを言います。このカラム数はホームページの情報量によって決まり、閲覧者さんのサイトの使い勝手に影響します。後で変更する事は非常に手間がかかるため、サイトの規模を当初から推測し決める必要があります。
リンクについて
リンクという機能があるこらこそホームページが成り立ち、現在ここまで発展したと言っても過言ではありません。またSEOや検索表示のされ方に大きく影響するため、グーグルのガイドラインに沿った正しいリンク付けをする必要があります。
ホームページの階層
ホームページのページ数が多くなってくる場合はカテゴリーごとに記事をまとめます。この場合はフォルダを新たに作成し階層を下げる!という作業が必要になります。またサイト作成後の更新で画像を入れ替える場合、画像専用のフォルダを作成しておくと便利です。
画像の扱い方
綺麗なホームページえお作る基本!ホームページ作成で使えない画像もある!サイトのデザインの優劣は画像の使い方と鮮明度が大きく影響しますので、正しい画像の扱い方のルールを解説します。また画像加工のための必須のソフトをご紹介します。

トップページ ソフトの概要 Hp公開の方法 SEO対策基本編 アクセス解析 特典のご案内 購入者メルマガ お問い合せ