ページへのリンク作成で悩んでいます。

締切済

質問者：taro_hinata
質問日時：2010/07/23 03:26
回答数：3件

ページへのリンク作成で悩んでいます。
現在４つのページをもつWEBサイトがあったとし、それぞれのページに下記のようなリンク（メニュー）があったとします。

１．ホーム
２．商品説明
３．フォーム
４．会社概要

ここで５．Q＆Aというページを作成したとして、各ページへのリンクをメニューに追加したいのですが、各ページずつのhtmlを修正していたのでは非常に効率が悪いかと思います。

外部にひとつhtmlのメニュー用のファイルを用意し、それぞれのページの任意の場所で読み込むことができれば、今後メニュー数が増えた際でも外部ファイルひとつ更新すれば楽になるのではないかと思うのですが、その方法が分かりません。

１．上記の方法の是非とやり方
２．他の方法

の２点をご教授いただければと思います。
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： ORUKA1951
回答日時：2010/07/23 15:18

SEO的にも、様々な条件を考えてHTMLをすべて書きなおすのが良いです。

私は、正規表現で置換可能なテキストエディタを使用しています。
たとえば、
　編集
　　→ファイルから置換にて
　　(<ul class="nav">\n\t\t<li>.*</li>\n\t\t<li>.*</li>\n\t\t<li>.*</li>\n)(</ul>)
　　｜
　　置換
　　↓
　　\1\n\t<li><a href="QA.html">Q&A</a></li>\n</ul>
　として、[置換]ボタンを押すだけで何百ページあろうがたちどころに置換される。

私は、テキストエディタ EmEditor - Unicode、巨大ファイルにも対応する Windows用定番テキストエディター！ ( http://jp.emeditor.com/ )をつかってます。

- 0
- 件

通報する

No.2

回答者： yyr446
回答日時：2010/07/23 09:52

PHPを使えないなら、

メニュー部をインラインフレーム<iframe>にして外出しするか、
javascriptでAJAXでロードするのが、普通です。
※フレームセットはもう使わない方がよいでしょう。
※javascriptオフや、javascript非サポートの端末は見捨てるしか無いです。
※iframe内や動的生成部分は、検索エンジンの対象外になりますが、
　ナビゲーションメニュー的な物なら、外れてもSEO的に悪いとは一概に
　いえないですが、すべての端末で問題なく操作できると言う点でひっかかり
　ます。

もう一つ、SSI（サーバーサイドインクルード）という手法がありますが、
最近SSIのページはあまりみかけません。理由は知りません。

- 0
- 件

通報する

No.1

回答者： k_yukichan
回答日時：2010/07/23 07:26

>１．上記の方法の是非とやり方

　・方法１
　　フレームを使う。<frameset> <frame> タグで検索してみてください。
　　※ 古典的な方法です。
　　　 HTMLだけで組めて簡単ですが SEO 的に好ましくありません。

　・方法２
　　リンク部分を JavaScript で用意し、ページごとに、この JavaScript を読み込ませる。
　　※ 現実的ではありません。メンテナンスが面倒です。
　　　検索エンジンが JavaScript を実行しないため SEO 的に好ましくありません。

　・方法３
　　PHP などのサーバ側で動くスクリプトを使う。
　　※ おすすめですが、PHP の知識 & PHP が動くサーバ環境でなければなりません。
　　　 > メニュー数が増えた際でも外部ファイルひとつ更新...
　　　　この要件を満たすベストな方法です。
　　例 <body>
　　　 <div class="head"><h1>○○株式会社</h1></div>
　　　 <div class="menu">
　　　 <?php include('menu.html'); ?> 【← PHP はここです】
　　　 </div>
　　　 <div class="content">
　　　ここに本文
　　　 </div>
　　　 </body>

>２．他の方法
　HTML が【数ページ程度】であれば、１ページずつメニューを更新するのも悪くありません。
　HTML 中にコメントをわかりやすく書いておけば置き換えも、そう苦にならないです。

参考URL：http://benri-tools.net/contents.php?code=kyotu_m …