ホームページの階層とは!構成フォルダの基礎知識

ホームページの階層とは!構成フォルダの基礎知識

更新しやすく見やすいホームページ作り!階層の原理

ホームページの階層の原理と基礎知識

ホームページの階層構造

ホームページ作成の作業では、よく「最上階層にアップロードする」という言葉を耳にします。最上階という言葉があるという事は、その下に幾重にも階層が存在するという事です。ホームページをアップロードするために欠かせないソフトがFTPソフトで、ファイルの階層の位置は、このFTPソフトを開いた画面のアドレスバーで確認できます。


このコンテンツでは、「FTPソフト」と「アップロードするホームページフォルダ」と最後に、「実際のホームページ」を使って、ホームページの階層について解説します。トップページは必ず最上階「第1階層」で運用します。


レンタルサーバーの階層イコールURL

ホームページを公開するには、レンタルサーバーと契約し、ホームページファイルをサーバーにアップロードしなければなりません。そのためのソフトがFTPソフトです。下記画像 「FTP]の右側の [サーバー側の領域] が自分が借りているサーバーのフォルダ内であり、この中にホームページファイルをアップロードします。


また、下記画像のアドレスバーを確認する事で、サーバー側の階層を知る事ができます。


FFFTPの画面解説

FTPソフトは色々な種類がありますが、どのソフトでも左がローカル(自分のパソコン)・右がサーバーの領域になります。また、作成ソフトによらずアドレスバーの位置も同様で、シリウス2内蔵のFTPでも同じ位置になります。
FFFTP-0


シリウス2内蔵FTP


home/アカウント

レンタルサーバーでは、サーバー内の1っのフォルダが自分専用に使えます。このフォルダをhomeと呼びます。アドレスバーでは、その下に自分の「FTPアカウント」が表示され、その中にwwwフォルダがすでに作成されています。


この状態がアドレスバーでは、home/アカウント/と表示されていて、サーバー側にwwwフォルダが見えています。下記画像でwwwフォルダをダブルクリックし、その中にホームページのファイルをアップロードする事になります。
FFFTP-1


※ 私のアカウント情報になりますので、アドレスバーの一部は赤色で隠しています。
※ 下記画像はFFFTPでサーバーに接続して、最初に表示される画面です。


wwwフォルダとは、World Wide Web の略でルールに従う事によって、このフォルダの中でWebページを公開できる場所であるとお考え下さい。wwwフォルダ内では、HTMLという言語によりホームページが公開できると言う事です。


home/アカウント/www

wwwフォルダをダブルクリックして開くと下記画像ではアドレスバーが、home/アカウント/wwwに変化しています。現在このwwwフォルダの中には複数のホームページをアップロードしている事がわかります。当初ホームページを1っアップロードした場合は、見えるフォルダは1っです。このようにwwwの配下でフォルダごとにホームページを管理します。

 

FFFTP-2


上記画像では青色に反転しているのが当サイトのフォルダで、フォルダ名をsoftsateとしています。このフォルダの中に今ご覧いただいている当サイトのすべてのファイルが格納されている訳です。


home/アカウント/www/softsate

フォルダ名をsoftsateとしている当サイトのフォルダをダブルクリックで開いて、その中身のホームページファイルを見てみます。アドレスバーはhome/アカウント/www/softsateになりました。下記画像ではindex.htmlという青色反転させているファイルが見えてきました。このファイルが当サイトのトップページです。

 

FFFTP-3


当サイトのフォルダ内のファイル
  • htmlファイル
  • htmlカテゴリーファイル
  • styles.cssファイル
  • styles.css.gzファイル
  • 画像ファイルフォルダ
  • jsファイルフォルダ
  • phpファイル
  • pdfファイル
  • sitemaps.xmlファイル
  • .htaccessファイル
デスクトップ上のホームページフォルダ

上記画像で見えているアップロードされたファイルを、デスクトップ上に置いている状態が下の画像です。

 

ホームページフォルダ


このソフトランキングというフォルダの中に、当サイトのホームページファイルがすべて格納されています。


ホームページフォルダの中のファイル

上記フォルダをダブルクリックして、どのような状態で格納されているかを確認します。

 

ホームページファイル


デスクトップ上で管理しているホームページファイルが見えました。これらのファイルを全選択して、先ほどのFFFTP画面のhome/アカウント/www/softsateフォルダの中に転送します。これがアップロードという作業です。


そして上記画像の状態、つまりホームページフォルダを開いてすぐの状態が第1階層と呼ばれます。第1階層にはファイルではなく、フォルダも確認できます。このフォルダを開いた状態が、第1階層から2番目の第2階層と呼ばれます。


home/アカウント/www/softsate

それではFFFTPに戻って、第1階層から2番目以降の階層を確認し、そのアドレスがどのようになっていくのか確認していきます。下記画像の第1階層に存在するフォルダである homepage-creating をダブルクリックしてみます。

 

FFFTP-4


home/アカウント/www/softsate/homepage-creating

アドレスが home/アカウント/www/softsate/homepage-creating になり、下記画像では第1階層の次の階層である第2階層の中が見えています。これはトップページファイルが置かれている真下の階層であることを意識してください。

 

FFFTP-5


さらにこの第二階層の一番上に、 homepage-improvement というフォルダが存在します。


home/アカウント/www/softsate/homepage-creating/homepage-improvement

上記第2階層のフォルダ homepage-improvement を開くと第三階層の中が見えます。最上階層から3っ目の階層です。

 

FFFTP-6


このファイル群が最終階層に位置しています。これ以上「深い階層」になると、閲覧者さんがホームページの中で迷いやすくなる事から、基本的にホームページの構成は第3階層までが限界と考えた方が良いです。一般的にカテゴリーページとは第2階層のファイルのことを指し、よほどの情報量でなければ第3階層さえも必要ないはずです。


当サイトのあるページのURLを分解してみる

https://softsate.info/homepage-creating/homepage-improvement/related-conflict-homepage.html


上記のURLはwww.をシリウス2の設定で省略しています。

  • STEP
    wwwフォルダの中の
  • STEP
    softsateという独自ドメインを取得したフォルダの中の
  • STEP
    第1階層のhomepage-creatingというカテゴリーフォルダの中の、
  • STEP
    第2階層のhomepage-improvementというカテゴリーフォルダの中の、
  • STEP
    第3階層のrelated-conflict-homepageというページを見た時のURL


作成ソフトではURLの最後のファイル名に.htmlが記述されます

http://softsate.info/homepage-creating/homepage-improvement/
related-conflict-homepage.html


上記ページを見たときパンくずリストは次のようになります

|トップページ|ホームページの作り方 ホームページの改善とSEO 関連競合ホームページを把握してSEO対策を施す


第三階層「関連競合ホームページを把握してSEO対策を施す」ページのファイル名related-conflict-homepageになります。下記リンクからページを開いて、ブラウザのアドレスを確認して見て下さい。(別窓で開きます)
関連競合ホームページを把握してSEO対策を施す


このページは当サイトのサイドバーから一発で飛ぶことができます。下記画像でフォルダ名とファイル名を照らし合わせてご覧頂きますと理解しやすいです。(現在はリニューアルの為デザインが異なります。)


FFFTP-7


従いましてD「関連競合ホームページを把握してSEO対策を施す」URLは次のようになります。


http://softsate.info/homepage-creating/homepage-improvement/
related-conflict-homepage.html


スラッシュ [/] は階層が一つ下がる事を意味します。上記の階層の原理は、どのような作成ソフトを使っても変わりなく、ホームページ作成での階層構造の基本であり、ホームページのコンテンツ構成で重要な役割を持ちます。


ソフトシリウス2では、このような階層構造を自動で生成しますので便利です。また、画像フォルダも第1階層に自動生成し、サイト作成画面から画像フォルダを直接開くことができ、後の更新で画像管理が容易になっています。


ファイル名を決める場合の最重要事項

ソフトでは自動でファイル名(ページ名)が決まる

上記の例でお伝えしている私のサイトの「フォルダやページの名前」は、やたら長いと感じると思います。これはフォルダ名やページ名を適切にキーワードとして記述する事でSEO対策になるからです。ページ名のキーワードによりグーグルのクローラーにページの内容を理解させ、記事の内容を予測させることが、僅かながらSEO上有利になるのです。


ページ名 カテゴリー名
シリウス2 entry1 category1
最短HPテンプレート page1 category


上記はソフトが自動で記述するデフォルトのページ名ですが、ご自身で適切に名前を書き換えて下さい。URLは、フォルダ名、ファイル名を「英単語小文字」で記述しますが、URLにページの意味を落とし込む事が重要なのです。


URLに意味付けをする事はSEO上有利である

上記でお伝えしたURLのテキストを分解する

SEO上で重要な名前記述のルール


1っのファイル名、フォルダ名に対して単語は2っから3っ程度で記述し、それぞれをハイフンで区切る。また助詞や前置詞は使いたい単語とハイフンで区切る必要はなく、1っの単語として扱っても問題ない。

 

例 - forbeginners 「初心者向け」

http://softsate.info/homepage-creating/homepage-improvement/related-conflict-homepage.html

ドメイン名
作成ソフトの情報を満たすサイト

softsate.info

 
  1. soft・・・ソフト
  2. sate・・・満足させる
  3. info・・・インフォメーション・情報
[第一階層のフォルダ名]
ホームページの作り方

/homepage-creating

 
  1. homepage・・・ホームページ
  2. creating ・・・・作成、創造
[第二階層のフォルダ名]
ホームページの改善とSEO

/homepage-improvement

 

  1. homepage  ・・・・ホームページ
  2. improvement・・・改善
[第二階層のフォルダの中の第三階層のページ名]
関連競合ホームページを把握してSEO対策を施す

/related-conflict-homepage

 

  1. related・・・・関連
  2. conflict・・・・競合
  3. homepage  ・・ホームページ

「URLが長いと不利」「URLは覚えやすく」とネット上で発信している人が居ますが、現在ではグーグル検索で、ページURLを英単語で記述する人は皆無です。それよりグーグルにページの意味を訴える事の方がSEOでは有効なのです。


特にこれからホームページ作成に挑戦する人はチャンスなので必ず実践してください。これは、後でURLを変更するとページの価値、つまりGoogleからのサイト評価が[0]になってしまい、当初から計画する必要があるからです。


階層構造について理解しておく事はホームページ作成する上で必須の知識です。もちろんこの階層構造はアップロードしたサーバー内でも同じ構造になるわけで、今後サイト管理をして行く上でも役立ちます。


関連ページ
このリンクは [別窓で開きます]


2026/03/08 18:44:57
SIRIUS2 OFFICIAL PAGE
SIRIUS2 OFFICIAL PAGE
リンク先公式サイトからのご購入でシリウス2を快適に始めるための
ユーチューブ動画アクセス権 [全4本-計67分] を特典としてプレゼント!

さらに電話、メールサポートや画像集、Wordテンプレートもお渡ししています。
また、特典ユーザーズページではシリウス2に必要なSEOに関連する記事を閲覧できます。