Webサイトの階層化のしかたについて

前へ 次へ
このQ&Aのポイント
  • 弱小企業でWebサイトの担当をしていますが、全くの独学なので基本的な事が分かっておりませんので宜しくお願いします。
  • 先日セミナーに行ったところ、サイトをテーマ毎に階層化しなさいと説明をうけましたが、やり方がわかりません。
  • 階層化にすると「http://AAA.com/BBB/CCC.html」となり、「/」で区切られてページ（アドレス）が表示される事ですよね。現在は全て「http://AAA.com/BBB.html」、「http://AAA.com/CCC.html」と表示されています。現在はｈｔｍｌファイルはメインのフォルダ内に全て入れていて、ｃｓｓファイル、ｊｓファイル、画像ファイルはメインフォルダの中にｃｓｓフォルダ、ｊｓフォルダ、画像フォルダを作って入れています。CCC.ｈｔｍｌファイルをどこに置けば良いのでしょうか。メインフォルダの中に例えばBBBフォルダを作ってその中にCCC.ｈｔｍｌファイルを入れると言う事なんでしょうか。そうするとBBB.ｈｔｍｌファイルを見るときは「http://AAA.com/BBB.html」になりますし、CCC.htmlファイルを表示するときは「http://AAA.com/BBB/CCC.html」になりますよね。同様に「http://AAA.com/BBB/CCC/DDD.html」としたい場合は、BBBフォルダ内にCCCフォルダを作ってDDD.htmlファイルを入れておくという事なんでしょうか。極基本的な質問ですが、ご回答宜しくお願い致します。
回答を見る
  • ベストアンサー

Webサイトの階層化のしかたについて

弱小企業でWebサイトの担当をしていますが、全くの独学なので基本的な事が分かっておりませんので宜しくお願いします。 先日セミナーに行ったところ、サイトをテーマ毎に階層化しなさいと説明をうけましたが、やり方がわかりません。 階層化にすると「http://AAA.com/BBB/CCC.html」となり、「/」で区切られてページ（アドレス）が表示される事ですよね。 現在は全て「http://AAA.com/BBB.html」、「http://AAA.com/CCC.html」と表示されています。 現在はｈｔｍｌファイルはメインのフォルダ内に全て入れていて、ｃｓｓファイル、ｊｓファイル、画像ファイルはメインフォルダの中にｃｓｓフォルダ、ｊｓフォルダ、画像フォルダを作って入れています。 CCC.ｈｔｍｌファイルをどこに置けば良いのでしょうか。 メインフォルダの中に例えばBBBフォルダを作ってその中にCCC.ｈｔｍｌファイルを入れると言う事なんでしょうか。 そうするとBBB.ｈｔｍｌファイルを見るときは「http://AAA.com/BBB.html」になりますし、CCC.htmlファイルを表示するときは「http://AAA.com/BBB/CCC.html」になりますよね。 同様に「http://AAA.com/BBB/CCC/DDD.html」としたい場合は、BBBフォルダ内にCCCフォルダを作ってDDD.htmlファイルを入れておくという事なんでしょうか。 極基本的な質問ですが、ご回答宜しくお願い致します。

  • HTML
  • 回答数5
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

サーバーにどのように置こうが勝手ですが・・・運用していくことを考えれば、あなたが「マイドキュメント」に階層づけて整理しているように、きちんと整理しておかないと大変なことになります。 　CSSファイルを入れるフォルダは統一すべき？ - Webデザイン・CSS - 教えて！goo ( http://okwave.jp/qa/q7253181.html#a3 )をはじめ、幾度か回答した記憶があるのですが・・ [再掲] / ルート |-- index.html |-- contactus.html |-- CSS/　　サイトすべてで利用されるCSS |-- images/ サイトすべてで使用される画像 |-- dir1/ 　サブディレクトリ |　　|-- index.html |　　|-- CSS/　　サブディレクトリ以下でのみ使用される画像 |　　|-- images/ サブディレクトリ以下でのみ使用されるスタイルシート |-- dir2 |　　|-- index.html |　　|-- CSS/ |　　|-- images/ |　　|-- dir2-2/ |　　　　　　|-- index.html |　　　　　　|-- CSS/ |　　　　　　|-- images/ |-- dir3/ とかです。説明は上記リンク先をご覧ください。 　付け加えるならば、dir2の内容を全面的に変更したい場合は、新たにdir2'でも作成して、完成したらdir2をすべて抹消すれば良いでしょう。 　

oyajin082
質問者

お礼

アドバイスありがとうございます。 ディレクトリ内にindex.htmlファイルを作ったり、cssファイルも作ると管理しやすいのですね。 試してみます。

その他の回答 (4)

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.5

SEOですか。 2つの階層があります。リンク階層とフォルダ階層。 1つはどこからかリンクを貼られた場合の、そこから1クリックでいけるページ、2クリックでたどれるページ……とありますが、エンジンロボットがたどれるページを考えた階層。ロボットは延々とリンクがなくなるまで探さずに、1クリック圏内でさよなら、2クリック圏内でさよならとページによって分けます。それ以外は無かったことになりますので、ロボットを誘導できるページを作ると有利です。これは、先に書いた人間が興味ないと直ぐに帰ってしまうのに似ています。あまりに離れたページは見ないことが多いし、ロボットもたどらない。 ロボット向けにはすべてのページからサイトマップにリンクを貼ればサイトマップで1クリック。そこから他のページへで、2クリックという方法や、サイトマップをgoogle指定の方法で、教えてあげるのも有効です。両方1ページには100リンク以内としてください。 フォルダの階層ですが、例えば、http://fruits/apple/***.htm なら、ロボットにも人にも果物でりんごとわかります。このような場合、検索結果にfruitsやappleが加点されますし、パンくずリスト代わりにもなります。fruitsで検索されれば、このURLに含まれるfruitsも対象になります。 その他、リンクを変えないための階層はseoにも有効です。というか、urlを変えると減点になります。変更したページにリンクが貼られていたら折角のリンク加算が0になります。お気に入りに登録してくれた人も迷子、見つかりませんと表示されれば帰ってしまう人が出ます。 人を不満なまま帰さないことは、seoに有効です。googleはいろいろなツールを無料で提供し、そのツールを通じて人々の行動を観察しています。そしてそれを、検索結果に反映しています。最初、seo向きに上手く作り上位表示されても、人に好まれないサイトは、下位に下げてしまう仕組みができています。人を大事にすることはseoにも有効です。 この手の質問では良く思うのですが、seoならどうして自分で調べないのでしょう？「seo 階層」調べました？調べれば出てきますし、そういう利用者をターゲットにするのにその気持ちや利用法を体験できますよ。

oyajin082
質問者

お礼

アドバイスありがとうございます。 人を不満にさせない事が重要なんですね。 SEO階層で勉強してみます。

  • DrFell
  • ベストアンサー率55% (305/551)
回答No.4

>先日セミナーに行ったところ、サイトをテーマ毎に階層化しなさいと説明をうけましたが、やり方がわかりません。 >階層化にすると「http://AAA.com/BBB/CCC.html」となり、「/」で区切られてページ（アドレス）が表示される事ですよね。 そこだけを抜き出されても、文脈がありますので、どういう意味で説明されたのか、真偽はわかりません。が、私が思うには、フォルダ・ディレクトリの構成のことだけではないと思います。 例えば、今見ておられるサイトはQ&Aサイトですが、多岐にわたるテーマでのやり取りが行われています。ここだと、 [技術者向] コンピューター ＞ プログラミング ＞ HTML ですね。 これも、階層化です。フォルダの構成も同様に分ける必要がある場合と、無い場合があります。階層化されると、訪問者を迷子にすることなく目的のページや興味のあるページにたどり着け安くします。フォルダの構成は、訪問者にはあまり関係がありません。初見の人にわかりやすい、迷子を出さないページの案内が着地したページ（検索できたらすべてのページになります）で出来ていれば問題ないと思います。 フォルダはマイルールで結構です。ページ数がそんなに無い場合は1つのフォルダでも問題ありません。将来増えるのであれば、最初からフォルダで区画整備をされるといいです。途中から同じ内容のページを違うurlに変更することはサイト運営上このましくありません。 りんご等種類で分けてもいいですし、春夏秋冬、色、地域、価格帯、など、着眼点はいろいろです。urlを変更することをしないで済むように最初に構想を練れば、マイルールで管理されればいいと思います。ホームページレンタルスペースのサービスによっては、フォルダは3階層までなど制限がある場合がありますので、お気をつけください。 汎用的名ファイルcssなどは既に、フォルダで分けておられるようですし、サイト規模によっては問題ないと思いますよ。 訪問者視点のサイトは「3クリック以内」で検索するとよろしいかと。3クリックに拘る必要はありませんが、迷子やすぐ嫌になる人を出さないこと、という考え方もあると知ることは有益だと思います。 urlを変えないということは「パーマリンク -wordpress」あたりで検索ですね。 「サイトをテーマ毎に階層化しなさい」と言われたからなんか知らんけど階層化するより、その理由・意義を知って、有効に階層化されることをお勧めします。

oyajin082
質問者

お礼

アドバイスありがとうございます。 セミナーで言われたのはSEO対策で、テーマ毎にディレクトリを作っておくと検索エンジンが理解しやすくなるからとの事でした。 階層化するだけじゃなくて、迷子や３クリックなど訪問者の方にとって使いやすい事が重要なんですね。 独学の者にとっては技術的な事が殆ど分からないので参考にさせて頂きます。

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.3

＞フルーツショップ 商品の取り扱い単位をそういう風にするなら それでいいわよ どちらかというと現実の店舗を想像したほうがいいわ 棚というか区画ごとにその区画のテーマを作って いろいろな商品を置くでしょう？ そんな感じかな

oyajin082
質問者

お礼

ありがとうございます。 棚の感じですね、やってみます。

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

TOPページがあると思います そこからいくつかメニューがあると思われます > テーマごと そのメニュー項目ごとにディレクトリを作成する そういうイメージです そうすることで、メニューからその項目を削除した際 同時に削除するHTMLファイルがそのディレクトリにまとまっている という構造になります

oyajin082
質問者

補足

アドバイスありがとうございます。 例えばフルーツショップの場合、トップページはフルーツ全般の画像などがあって、メニューに「リンゴ」「梨」～とある場合に、「リンゴ」というフォルダを作ってその中に、「デリシャス」「紅玉」「青リンゴ」～、「梨」と言うフォルダに「豊水」「幸水」「20世紀」というhtmlファイルが入るっていう事でよろしいのでしょうか。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • 複数階層のフォルダを一度に作成する方法

    ASPでフォルダを作成したいのですが FileSystemObjectのCreateFolderだと １階層分のフォルダしか作成できないので 一度に複数階層のフォルダを作成する方法がないかと悩んでいます。 「C:\aaa」というフォルダか元々あったとして その中に「bbb」というフォルダを作成したい場合は FileSystemObject.CreateFolder("C:\aaa\bbb") で作成できますが 「bbb」の中にさらに「ccc」というフォルダを作成したい場合は FileSystemObject.CreateFolder("C:\aaa\bbb\ccc") としてもbbbフォルダが存在しないためエラーになります。 FileSystemObject.CreateFolder("C:\aaa\bbb") FileSystemObject.CreateFolder("C:\aaa\bbb\ccc") と２回やればできるのですが 作成したいフォルダパスは階層も固定ではないので できれば１回で「bbb」フォルダも「ccc」フォルダも作成したいのです。 ループを回して上から順番にひとつひとつ作成するしかないのでしょうか？ ASPで使用できる何かよい関数などご存知でしたら教えてくださいm(_ _)m

  • dosでサイズを比較して異なるファイルだけコピー

    dosで全フォルダ内のファイルサイズを比較して異なるファイルだけコピーしたい 次のようなファイル構成で AAAフィルダ　　　　BBBフォルダ 　cccフォルダ　　　　cccフォルダ 　　abc.txt　　　　　　abc.txt 　　def.jpg　　　　　　def.jpg 　dddフォルダ　　　　dddフォルダ 　　ghi.txt　　　　　　ghi.txt 　　jkl.jpg　　　　　　jkl.jpg AAA\ccc\abc.txtとBBB\ccc\abc.txt AAA\ccc\def.jpgとBBB\ccc\def.jpg AAA\ddd\ghi.txtとBBB\ddd\ghi.txt AAA\ddd\jkl.jpgとBBB\ddd\jkl.jpg 拡張子は問わずそれぞれに対するファイルのファイルサイズを比較して 大きくても小さくても異なるファイルだけbbbフォルダ内に上書きコピー したくご教授をお願いします

  • (VBA) 多階層のフォルダーの配置換え

    VBA　多階層のフォルダーを配置換えする 2021/07/13 16:54 以下のような操作をEXCELのVBAで処理可能でしょうか　？ --------------------- 例えば、 添付画像のような階層が深いフォルダーの各層の最後に存在している AAABBB,CCC,DDD,EEEの各フォルダーを#testに引き上げる。 ターゲットは、フォルダーでファイルではありません。 1段下層のフォルダーを引き上げるBATなどは検索すれば見つかりますが 階層が深い（多階層）の場合を見つけられませんでした。 （ファイルの場合は少し見つかりましたがフォルダーは見つけられませんでした。） 具体的には O:\#test\AAA O:\#test\#2\BBB O:\#test\#2\#3\CCC O:\#test\#2\#3\DDD O:\#test\#2\#3\#4\EEE を O:\#test\AAA O:\#test\BBB O:\#test\CCC O:\#test\DDD O:\#test\EEE に配置換えする 配置換え後は、O:\#test\#2及＃2以降の下層のフォルダーは削除する。 ---------------------

  • バッチファイルでファイルを比較後他のフォルダにコピ

    次のようなファイル構成で C:\AAA　　　　　C:\BBB 　　\ccc　　　　　　\ccc 　　　abc.txt　　　　abc.txt 　　　def.jpg　　　　def.jpg 　　\ddd　　　　　　\ddd 　　　ghi.txt　　　　ghi.txt 　　　jkl.jpg　　　　jkl.jpg C:AAA\ccc\abc.txt と C:BBB\ccc\abc.txt を比較 C:AAA\ccc\def.jpg と C:BBB\ccc\def.jpg を比較 C:AAA\ddd\ghi.txt と C:BBB\ddd\ghi.txt を比較 C:AAA\ddd\jkl.jpg と C:BBB\ddd\jkl.jpg を比較 全てのファイルに対し比較後C:\CCC(別のフォルダ)に階層を含めコピーしたく for /R %%A in ("C:\AAA") do for /R %%B in ("C:\BBB") do if %%~zA NEQ %%~zB (goto A) :A echo NEQ としましたがループしてしまいました 比較後C:\CCC(別のフォルダ)に階層を含めコピーする方法も含め ご教授をい願いします

  • 正規表現で一つ目の区切り文字で区切りたいのですが・・・

    aaa/bbb/ccc/ddd aaa/bbb/ccc/ddd/eee aaa/ccc/ddd $a=~/(.*)\/(.*)/; $1はそれぞれ aaa/bbb/ccc aaa/bbb/ccc/ddd aaa/ccc と成ってしまいます。 このように 「最後の/」で分けられてしまいます。 一つ目の/で分けるにはどうしたらよいでしょうか。

    • ベストアンサー
    • Perl
  • 複数のファイルコピー

    初めて質問をいたします。 VBAの勉強中なのですが、複数のフォルダの中にある特定のファイルを、別のフォルダにコピーをしたいのですが、どのようにしたら良いのでしょうか。 例えは、C:\aaa\bbb\cccの中へ C:\aaa\bbb\ddd\eee\fff\Jggg.xls、 C:\aaa\bbb\ddd\hhh\iii\Jjjj.xlsをコピーする感じです。 どのようにしたら、可能でしょうか。 C:\aaa\bbbフォルダ以下全てのフォルダの中から、「J」の付くxlsファイルを全てコピー等出来るのでしょうか。 よろしくお願いします。

  • 【Excel】 特定の文字でセルを分けたい

    こんにちは。 1　aaa\bbb\ccc 2　aaa\bbb\ccc\ddd 3　eeee\ffff\gggg 4　eeee\ffff\gggg\hhhh 上のようにディレクトリ表示されているA列を \で列を分けたいのです。 階層は列によって異なります。 1行目は　Aにaaa　Bにbbb　Cにccc という形です。 どのような方法があるでしょうか。 よろしくお願いいたします。

  • 【エクセル】空セルを埋める方法

    お世話になります。 下記のような表があります。 １行目：AAA,BBB,CCC,DDD ２行目：空セル,BBB,CCC,DDD ３行目：空セル,BBB,CCC,DDD ４行目：aaa,BBB,CCC,DDD ５行目：空セル,BBB,CCC,DDD ・・・ こんなパターンの行が結構あります。 空セル部分を下記のように埋めたいのですが １行目：AAA,BBB,CCC,DDD ２行目：AAA,BBB,CCC,DDD ３行目：AAA,BBB,CCC,DDD ４行目：aaa,BBB,CCC,DDD ５行目：aaa,BBB,CCC,DDD てっとり早く埋める方法ありませんか？ いまは、【ctrl+↓】 ⇒【↑】⇒【ctrl+D】を延々繰り返しています。 宜しくお願いいたします。

  • Excel VBA サブディレクトリの取得について

    Excel VBA についての質問です。 私は、VBAの初心者です。 フォルダ選択ダイアログを開き、あるフォルダを選択させます。 選択したフォルダ配下のファイルとサブフォルダにあるファイル一覧とそのファイルのパス取得したいです。 【例】D:\TEMP\AAA　フォルダを選択 D:\TEMP\AAA　 D:\TEMP\AAA\BBB\CCC.txt D:\TEMP\AAA\BBB\DDD\EEE.txt D:\TEMP\AAA\BBB\DDD\FFF.txt GGG.txt が存在する。 まず、フォルダAAAまで選択されたら、 以下の結果がエクセルに出力したいです。 BBB　　　　　　　　 CCC.txt BBB\DDD　　　　　　　　EEE.txt BBB\DDD　　　　　　　　FFF.txt 　　　　　　　　　　　　　　GGG.txt うまく伝えないかもしれないですが、ご教授お願いいたします。

  • １つ上の階層にフォルダを移動させるバッチファイル

    windows XPで下記のようなバッチファイルを作成したいです。 aaaフォルダ内にyyy.batと111フォルダがあり、111フォルダの中にbbbフォルダとcccフォルダがあるとします。なお、bbb、cccフォルダ内にはファイルが存在しています。 そしてaaa、bbb、cccの各フォルダの名称は可変します。 この状態でyyy.batにbbb、cccフォルダをaaaフォルダ内に移動させる（一つ上の階層に移動させる）バッチプログラムを作成したいと思っています。 どのようにすればいいのでしょうか。 お分かりの方、お教えいただけないでしょうか。 よろしくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する