WEBサイトのディレクトリ構造

質問

WEBサイトを制作するに当たってディレクトリ構造をどうしようか悩んでいます。
（フレームワークとか複雑なものではなくxhtml+css+javascript程度のものです）
書籍やWEB検索で調べたのですが、漠然としたイメージでよくわかりません。

例えば「トップ」「会社案内」「製品・サービス案内」「コンタクト」というページを制作する場合
・htmlファイルを全て同じ階層でindex.html, company.html, products.html, contact.htmlに。
・画像はimg,　CSSはcss,　スクリプトはlibディレクトリに入れていました。

しかし調べたところカテゴリ別にディレクトリを作るほうがSEO的にもいいそうで・・・
あと共有のものはcommonフォルダに入れるとか。

ということは上記の例でいえばcompanyというディレクトリのindex.htmlとするということでしょうか？

ただしそうするとcommonへのリンクで相対アドレスを記述する場合
階層ごとにリンク先を../../common/lib/script.jsとか書かないとだめってことですよね？
あとindex.htmlの上書き間違いが起きないのかなあと思ったり。

それと
topでない階層のcss等のディレクトリはどのように配置するんでしょうか？
/company/cssなのか/company/○○/css←○○にはcommonのようなフォルダを挟むのか？
同様にtopのcommonに分類されないcss等はどのようにするのでしょうか？

きっちり決まっているわけではないので人それぞれだとおもいますがアドバイス頂けたらと思います。

回答No.1

ORUKA1951 · ベストアンサー

＞しかし調べたところカテゴリ別にディレクトリを作るほうがSEO的にもいいそうで・・・
デマです。(^^)
　SEOで考えなきゃならないのは、
・世界中の人から価値があると認められる内容であること
　当然、色々なところからリンクされてくるでしょう。恣意的なリンクサイトではだめ!!
・文書構造にしたがって正しくマークアップされているか？
だけです。

　階層は、自分が整理しやすけりゃよい--ということは「それ以下の階層で共通的に使用されるものはその階層内に」ということ。
例
/
|-- index.html
|-- images/ すべてで使用される画像
|-- css/
|-- js/
|-- products/
|　　　|-- index.html
|　　　|-- images/
|　　　|-- hardwear/
|　　　|　　　|-- index.html

お礼

早速の回答有難うございます。
カテゴリ分けするなら・・・
やはり例で示されているような感じですよね・・・
参考にさせていただきます。