• 締切
  • 暇なときにでも

ヘッダをJavaScriptで追加する方法

  • 質問No.7485482
  • 閲覧数339
  • ありがとう数4
  • 気になる数0
  • 回答数5
  • コメント数0

お礼率 28% (579/2033)

個人のWebサイトを運営している者です。

今まですべてのページのヘッダにナビゲーションバーを逐一記述していたのですが、これだとコンテンツの追加・削除があるたびにすべてのページのナビゲーションバーを書き直さないといけないのでめんどうです。
SSIを使えばよいのでしょうが、私が借りているサーバはSSIやCGIが使えないので、JavaScriptで代用できないものかと考えています。

JavaScriptのdocument.createElementを使えばタグの追加はできるようですが、HTMLの追加はできるのでしょうか?

ちなみに、ナビゲーションバーは
<div id="header">
<ul>
<li><a href="aaa.html">あああ</a></li>
(中略)
<li><a href="iii.html">いいい</a></li>
</ul>
</div>
という感じです。

回答 (全5件)

  • 回答No.5

ベストアンサー率 41% (255/620)

No.3です。
私が書くべきことは、No.4さんが簡潔にまとめられておりますが、ひとつだけ補足しますと、SEOは、直接的にアクセスを増やすためのものではなく、検索結果上位を獲得するための方法論でもなく、単に検索エンジンにサイトの構造を正確に渡すためのものだと認識しています。SEOという言葉を使った私が悪かったのかもしれませんね。ともあれ、検索エンジンにサイト構造を渡す必要がないサイトであれば、考慮する必要もありません。
  • 回答No.4

ベストアンサー率 37% (438/1176)

>DreamWeaverというソフトウェアは使用したことがないのですが、調べたところ、ナビゲーションバーをテンプレートとして登録しておけば、すべてのページに一括してテンプレートを適用できるという感じなのでしょうか。

ここにこのテンプレ埋める。と、コードに入れることでプレース指定することができる。

>> SEOの効果がなくなりますよ?
これは、JavaScriptにナビゲーションバーを記述すると、HTMLソースからサブページへのリンクや名前がなくなってしまうからですよね?
確かにSEO効果は失われますが、ナビゲーションバーってSEOではなくアクセシビリティのためのものではないでしょうか?
ナビゲーションバーにそこまでSEO効果があるとも思えませんし。

seoてのは、ボットがサイトをクロールするときに、リンクを辿って行くのですから、もしそのナビゲーションとされる物以外にそこにたどり着くリンクが無ければ辿りつけない。
そうすると場合によってはトップページ以外全く評価されない。ということになるので。
当然seoに響きます。
  • 回答No.3

ベストアンサー率 41% (255/620)

JavaScriptでできますが、その部分に関してはSEOの効果がなくなりますよ?
No.1さんがおっしゃってるように、サーバーでできないなら、HTMLを書いているソフトウェアの機能を使えばいいと思います。たとえば、DreamWeaverにはテンプレートという機能があります。
お礼コメント
selfless

お礼率 28% (579/2033)

回答ありがとうございます。
No.1さんと同様の回答のようなので、こちらでまとめてお礼申し上げます。

DreamWeaverというソフトウェアは使用したことがないのですが、調べたところ、ナビゲーションバーをテンプレートとして登録しておけば、すべてのページに一括してテンプレートを適用できるという感じなのでしょうか。

> SEOの効果がなくなりますよ?
これは、JavaScriptにナビゲーションバーを記述すると、HTMLソースからサブページへのリンクや名前がなくなってしまうからですよね?
確かにSEO効果は失われますが、ナビゲーションバーってSEOではなくアクセシビリティのためのものではないでしょうか?
ナビゲーションバーにそこまでSEO効果があるとも思えませんし。
投稿日時:2012/05/21 12:25
  • 回答No.2

ベストアンサー率 51% (3827/7415)

その内容であればajaxで処理するのが簡単かも
お礼コメント
selfless

お礼率 28% (579/2033)

回答ありがとうございます。
ajaxについて調べてみましたが、確かにこれを使ったほうが簡単かもしれません。
投稿日時:2012/05/21 12:20
  • 回答No.1

ベストアンサー率 51% (166/325)

サーバサイドでジェネレートできないならローカルでジェネレートしたファイルをサーバにコピーするといいと思う。
結果を報告する
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,600万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A

ピックアップ

ページ先頭へ