Webサイトのフッターやサイドバーの効率良い管理方法

このQ&Aのポイント
  • Webサイトを効率的に管理するためには、フッターやサイドバーの管理方法が重要です。本記事では、フッターやサイドバーを個別のHTMLファイルとして作成し、他のHTMLファイルに読み込ませる方法について解説します。
  • フッターやサイドバーは、全ページで同じ内容を表示する必要があるため、個別のHTMLファイルとして作成することで効率的な管理が可能です。フッターとサイドバーを個別のファイルとして作成し、各ページに読み込ませることで、1つのファイルを更新するだけで全ページの変更が反映されます。
  • この方法により、フッターやサイドバーの更新作業が大幅に簡略化されます。また、検索ロボットに対しても問題はありません。個別のHTMLファイルとして作成しているため、検索ロボットも正しく認識し、インデックスに追加することが可能です。
回答を見る
  • ベストアンサー

Webサイトのフッターやサイドバーの効率良い管理

Webサイトを作成したのですが、けっこう管理が大変です・・・ 現在、30ページくらいあるのですが、これから60ページくらいに増やす予定です。 そうなると、今以上に更新作業がとても大変になります。 現状、サイドバーとフッターは、全てのページで同じ内容になっております。 フッターだけのHTMLファイル、サイドバーだけのHTMLファイルを作成し、それを他のHTMLファイルに読みこませることは可能でしょうか? もし、この方法ができるなら、フッターとサイドバーの更新は、1つのファイルを更新するだけで完了するので、とても助かります。 また、フッターとサイドバーを読みこませる場合、何か問題はあるでしょうか? 例えば、検索ロボットに認識されずらくなるということはありますか?

noname#233083
noname#233083
  • CSS
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

方法はいろいろありますが、ご自身の環境や力量にあわせてどうぞ。 いずれも、外部にheaderやfooterのファイルを置いて、それをHTML読み込む方法です。 ■ PHPで実装 PHPでは、HTMLの中にPHP(PHPの中にHTML)を直接書けるので、少し構文を覚えれば比較的簡単に実装できる。もちろん、WebサーバーがPHPに対応していることが前提。 ■ JavaScriptで実装 Ajaxを使って動的にHTML要素を書き換えることができます。初心者には難しいと思う。また、GoogleはJavaScriptの中身を読んでいると言われるけど、現在のところではJavaScriptの処理は検索結果に出ないので、SEO的に不利。 ■ SSIで実装 WebサーバーがSSIに対応していれば可能。PerlなどのプログラムをHTMLに埋め込むときに使います。これも昔は多用されていたけど、今ではPHPの台頭でほとんどない気がする。 ■ frameで実装 10年ほど前までは、比較的多くのサイトで使われていた手法。でも今は非推奨で、SEO的にも不利。まったくお勧めしないけど、質問への回答としては成立するはず。実装が簡単という理由で初心者が手を出して失敗するパターン。 ■ DreamWeaverで実装 DWには、テンプレート機能があります。その機能を使えば、テンプレートを配置したHTMLを一括編集できます。

noname#233083
質問者

お礼

ありがとうございます。 問い合わせフォームであればphpで実装しております。 難しかったですが、phpを使ってフッターなどを作成してみます。

その他の回答 (1)

  • kamikami30
  • ベストアンサー率24% (812/3335)
回答No.1

純粋なhtmlでは出来ません。 htmlは書いてあるソースを規則に基づいて、デザイン表示するものです。 phpやJavascriptで実現可能です。 特に検索エンジンの影響はないと思います。

noname#233083
質問者

お礼

ありがとうございます。 検索エンジンの影響はないのであれば、phpでやってみます!

関連するQ&A

  • phpでヘッターやサイドバーを読みこむ方法について

    Webサイトを作成したのですが、ページ数も多くなってきて管理が大変になりました。 そこで、ヘッダーやサイドバー、フッターを外部ファイルにし、phpで読みこむ方法というものをやってみたいと思っております。 一応、問い合わせフォームはphpで作成してあるので、またphpに挑戦したいと思っております。 そこで、気になることがるのですが、ヘッダーやサイドバー、フッターを外部ファイルにする場合、現状のhtmlで記述してあるままで3つに細分化して外部化すれば問題ないでしょうか? また、ファイル名の拡張子はhtmlのままで良いでしょうか? そして、読みこみ元のファイルの拡張子はphpだと思うのですが、中身としてはどのようなコードを使って読みこめば良いのでしょうか?

    • ベストアンサー
    • PHP
  • WEBサイトのフッターについて。

    現在、物販用WEBサイトを作成中なのですが、フッターのデザインを変更したいと思っております。 ただ、ほとんど知識がない上に、テンプレート配布サイトからDLしたhtmlファイルとcssを見よう見まねで編集する程度でして、ビルダーなどのソフトは使っておりません。 作成中のフッターは |HOME|サイトナビ|よくある質問|お問合せ| という横並びになっているのですが、 http://footer-design.com/ に載っている様な並びにしたいと思っております。 htmlもしくはcssをどのようにしたらよろしいでしょうか? つたない内容で申し訳ありません。どなたかお力をお貸し下さい。 よろしくお願いいたします。

    • 締切済み
    • CSS
  • 数百ページ以上のWebサイト管理について

    現在自社のWebをDreamWeaverで作成、管理していますが、結構きつく感じてきています。 HTMLファイルが500ページ(半分以上は製品ページ)で、そのほかPDFファイルが500ほどあります。 参考までにみなさまの環境を教えていただけないでしょうか? 何か良いアプリケーションがあれば、そちらの情報もいただけるとありがたいです。

    • 締切済み
    • CSS
  • Webサイトの更新とファイルの管理について

    初めて質問いたします。 現在仕事であるサイトのデザイン、更新、管理を行っております。 私が困っているのはファイルの管理方法です。 私が管理しているサイトはデータベースなどは使用しない、 htmlとCSS、Javascriptから構成される50ページほどのサイトで、 サイトの情報更新が月に数回あります。 htmlやCSSを更新する際、 現在はまずローカルで、更新するファイルを複製し、 aaa.html080528のように名前をつけています。 複製したファイルは元のファイルと同じフォルダに保存します。 編集作業が終わった後に、aaa.htmlとaaa.html080528の 両方のファイルをサーバの同じフォルダにUPしています。 つまりローカルとリモートサーバで同期をとり、 両方でバックアップファイルと公開しているファイルを管理している状態です。 しかし、更新が進むにつれバックアップファイル数が膨大な量になり、 なんとか効率よくバックアップファイル等を管理できないか模索中です。 更新作業はDreamweaverを使用しています。 できればローカルでの作業中はバックアップファイルなど 公開していないファイルは見えない状態で作業がしたいと思っています。 同じようなWebサイト管理をされている方は どのようにファイルを管理しているのでしょうか? どうぞよろしくお願い致します。

  • フレームを使わないサイドバーを使用したサイトの更新方法

    サイドバーを使用したサイトの管理(更新方法)について教えてください。 画面を左右に分割し、左側にメニューを、右側に本文を表示させるサイトがあります。左右の分割は、フレームを使用しています。 最近の世の中の流れでは、「URLを他人に伝えづらい」、「フレーム内のHTMLだけが検索エンジンにひっかる」などの問題で、フレームを使わない傾向にあるようですね。 有名なニュース系サイトなどでも、サイドバーにフレームを使用してないようですし。 ここからが質問ですが、 フレームを使わないでサイドバーを作った場合、メニューを更新するたびに、全てのページを更新しなければいけなくなると思います。 個人で作ってる10ページ程度のサイトなら、大した手間ではありませんが、大きなニュース系サイトは、どのようにしているのでしょうか? サイドバーの部分だけSSIを使用するという方法を思い浮かんだのですが、この方法だと、CGIを使えるサーバーでなければいけないですよね。 フレームを使わない前提で、スマートにサイドバー部分を更新できる方法がありましたら教えてください。 ホームページは、テキストエディターで書いてます。

    • ベストアンサー
    • HTML
  • Wordのヘッダー・フッター

    作成はWordXPで作成したものを2010で互換モードで修正しようとしています(現状、問題があり、2010ファイルにできないため) その対象のファイルの1つは、2ページ目のヘッダー・フッターが1ページ目と変わるように作成されています。 そのほかに3つ同じような内容のファイルがあるのですが、それは、2ページ目も同じヘッター・フッターになっています。 この3つのファイルを、他の1つのファイルと同様2ページ目のヘッターとフッターを別のものにしようとしましたがうまくいきませんでした。 試した方法は、ページレイアウトタブのページの区切りで、セクション区切りを次のページから開始を選択して、改ページしています。 一応ヘッダー・フッターを表示するとセクション1、2と別れて表示されますが、セクション2のヘッター・フッターを編集すると、セクション1のものも変わってしまい、うまくいきません。 元の文書を作成した人が現在ではだれかわからず、その人に聞くことができません。 すみませんが、何か方法をご存知の方がいましたら、方法を教えてください。

  • WEBサイトを管理する方法(ソフト)を教えて下さい

    こんにちは。 WEBサイトを管理する方法を教えてください。 小規模な個人サイトを作っています。 小説を載せています。 (http://wingnovel.web.fc2.com/) ページ数はまだ50くらいなので、そんなに大変ではないのですが、 少しずつ増えていくことを考えると… 何が言いたいかと言うと、デザインを変えたい!と思ったときに、CSSのみ弄ればよいような場合は問題ありませんが、HTMLから書き直さなければならないといった状態になったとき、ページ数の分だけHTMLを書き直すことになってしまうと思います。 私の希望としては、(各ページごとに異なる内容なのはメインカラムの小説のみなので)小説部分をデーターベースなどに保存して、テンプレートを用いて、それぞれデーターベースの内容を代入していく見たいな…(FC2ブログみたいですね。。。)ということはできませんか? また、データーベースはパソコンのほうにおいておいて、パソコンでHTMLファイルを作成→サーバーにアップという手順がいいかなと思っています。(ファイル数が増えれば転送に時間もかかるとは思いますが、、、文章なので大丈夫ではないでしょうか?) というのも、サーバーのほうはフリーのスペースなのでサーバー側で行う処理はほとんどできません。 いつか、有料の物に移転したいとは思っておりますが、現段階においてはとてもとても… 当方が持っている知識は、HTML、CSS、ジャバスクリプトがほんのちょっとと言った程度で、 データーベースに付いてはまったくわかりません… もちろん、書籍やネットで勉強していくつもりではおりますが、どうぞよろしくお願いいたします。 もしよろしければ、データーベースに付いてもご教授お願いいたします。

  • WEB管理の引継ぎ内容について

    駆け出しのWEB制作者です。 ある会社のサイトを制作し、あわせて管理をまかされていたのですが、 業績悪化に伴いその会社内で管理するということになり、次回の契約切れとともに ご縁がなくなることになりました。 FTPなどのパスやドメイン管理者の移管等手続き上の 引継ぎは問題ないのですが、 その会社のサイトには、 毎月必ず更新しなくてはならないページがあります。 更新部分は日付と一部のテキストを変える程度で、JSやHTMLの構成 などは行いません。多少なりHTMLがわかる人なら見ればできる程度の ページです。 が、先方の会社の担当者が 更新ページの作り方のレクチャーの要求を匂わせています。 判断するに、まったくの初心者が更新作業をやるようなのです。 一般的にこのような場合、HTMLやCSSの記述方法のレクチャーも 引継ぎの中に入るものなのでしょうか? 正直まったくの初心者さんにお教えするのは骨だな、という気がします。 縁故がからむため、簡単な管理料金などの契約は結んでいますが 契約停止後の引継ぎ内容までは決められていません。 よろしくお願いいたします。

  • エクセル ヘッダー(フッター)に更新日を挿入

    エクセルで作成・更新した資料を管理する目的で、ヘッダーあるいはフッターに更新日を入れたいのですがどのようにすればよいでしょうか。 「ページ設定」-「ヘッダー/フッター」にある[日付]やTODAY関数では、ファイルを開いた日の日付が入ってしまい、過去に作成した資料も現在の日付で印刷されてしまいますので使えません。 イメージとしては、マクロ(?)を作成して、更新したシートをアクティブな状態にしてマクロを実行するとシートごとに更新日がフッターに挿入されるようなものをです。 さらに、わがままを言えば同一ブック内のシート間に参照がある場合、変更がされる参照先のシートのフッターも変更されると、なおありがたいです。

  • 管理しているサイトの読み込みが遅いです。

    はじめまして 会社での仕事であるサイトを管理しています。 コンテンツのファイルは全てPHP+ごく一部にデータベースを使用しています。 作りとしてはメイン記事+includeでヘッダ・フッタ・サイドバー・広告(ランダム表示)・関連記事一覧など様々な外部ファイルを読み込んでいます。 そういった構造が関係しているのか画像ファイルを大量にて使用しているわけではないのに、ページの読み込みに少し時間がかかります。 やはりincludeなど多用すると読み込み時間にも影響を与えてくるものなのでしょうか? また、この状況を改善するためにシステムを変更する事もかんがえています。 SQLやXHTMLなど色々なシステム(?)がある事を知りましたが、大量のコンテンツの管理・作成をする上でどういったものを使用するのがよいでしょうか? ちなみにコンテンツは800ページ程、月間アクセスは150~300万PVほどです。

専門家に質問してみよう