WordPressの階層構造で気になるところが…「ホームページの階層構造」の話
ホームページ(Webサイト)が生まれた経緯は、HTML(マークアップ言語)の起源から分かります。
簡潔に言うなら、「膨大な資料や論文をより簡単に研究者同士に共有できるようにするために生まれた言語」です。
今はWebサイトやブログサイトなど、資料や論文以外でも様々なコンテンツのホームページがインターネット上にありますが、起源は論文のWeb版(すごいざっくりと言いましたが…)です。
そのため、Googleの検索エンジンとは関係なく、「分かりやすく、目的の情報を共有すること」がWebサイトの本質と言っても過言ではありません。
今回は、主にホームページの階層構造についてまとめました。
ホームページ制作方法の進化
今でこそ、CMS(例:WordPress)・ノースコードツール(例:Wix、Studio、Jimdo、Ameba Ownd、Webnode)のサービスが増えてきたことで、ホームページ(Webサイト)の制作のハードルが下がっていますが、一昔前はCSS(スタイルシート言語の一つ)もなく、HTMLでレイアウト・装飾も含めて対応していた時期がありました。
年々改善されていき、HTMLでマークアップを行い、CSSでレイアウト・装飾を行うように用途が分かれ、セクショニングコンテンツ(セクション関連)のタグが増えたことで、本来の「論文」という形が、より実現しやすくなったとも言えます。
その結果、制作コストと保守管理コストが一から全て対応することに比べて抑えられるため、大切なコンテンツにより力を入れられるようになりました。
ホームページに大切なのは「コンテンツ」です。
ホームページ(Webサイト)の階層構造
ホームページ(Webサイト)の階層構造は図1のようにフォルダとファイルのイメージで説明すると、
トップページが第一階層となり、第二階層、第三階層と、フォルダ中にファイルを入れるイメージで階層が深くなっていきます。(図1参照)
HTMLでホームページを作成した場合、上記のように作成することで分かりやすくなります。
WordPressで作成したサイトの階層構造の問題点について
WordPressの場合は、HTMLで作成したホームページの階層構造(前述「ホームページ(Webサイト)の階層構造」参照)とよく似ています。
ここまで同じであり、WordPressの管理画面上から作成している以上、あまりにもおかしなことをしない限り、おかしな階層構造のホームページを作成してしまうリスクは低いでしょう。
ですが、最大の問題点としてクリエイトアコード(夜空きり)が考えているのは、
ブログのカテゴリーのデフォルトで「category」という階層が含まれますが、「category」にはコンテンツが存在していないため、「サイトURL/category」にアクセスすると404エラーになってしまうことです。(図2参照)
この場合の解決方法は「category」を削除することです。
解決方法についてを本ページで書くのはこのページの内容からズレてしまいますので省略します。
気になる方は、ページボリュームが中々多いのですが、WordPressのカスタマイズに関するまとめ記事がありますので、ご一読ください。
ホームページ(Webサイト)の階層構造を分かりやすくすることは、閲覧者にとっても分かりやすく利用しやすいホームページになるということ
コンテンツが分かりにくい場合は、「分かりやすく利用しやすいホームページ」とは言えないと思われますが、少なくとも、ホームページ(Webサイト)の階層構造を分かりやすく設計することで、閲覧者にとっても迷いにくいサイトになりますので、意識してみてホームページ制作を楽しんでもらえたらと思います。
自分でホームページを作ってみたいけど、勉強サイトを見てもよく分からなくてお困りの方は、ぜひ「Web技術サポート・Webコンテンツサポート」をご利用ください。
ご相談・お問い合わせをお待ちしています!
ホームページ制作・リニューアル・運用・SEO・Web集客、Webマーケティング・Webサイト制作技術・タスク・スケジュール・プロジェクト管理や業務改善のお悩みなどを遠慮なくご相談ください。
資料のダウンロードをご希望の方へご案内です
サービスのご利用を社内で検討したい方のために、実績やサービス概要、料金表などのクリエイトアコードの案内資料をPDFでダウンロードすることができます。ご自由にダウンロードください。