• ベストアンサー

上部ナビゲーションを固定したホームページ

ホームページの制作を業者に依頼しようと考えています。 ホームページを見る際、ページを下にスクロールしてナビゲーションが画面から見えなくなり、クリック出来なくなるのを不便に思います。 そこで、上部ナビゲーションを固定したホームページにしたいと考えているのですが、 1.上部ナビゲーションを固定したホームページをご紹介頂けませんでしょうか? 2.ナビゲーションを固定すると、フレームを用いた場合はSEO対策的に不利になる、うまくページが表示されないブラウザがあるなどの記載を目にしますが、ナビゲーションを固定するのはデメリットが大きいでしょうか? 宜しくお願い致します。

  • JKP25
  • お礼率92% (65/70)

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.4

>ヘッダやフッダの文書は検索エンジンに重視されないのでしょうか?  フッターはナビとして利用して検索結果には反映されない。  ヘッダにページの要約(Summary)をきちんと正確に書いておくと検索結果に反映されますね。 > >Another HTML-lint gatewayで依頼を検討している業者を含め幾つかのページを見てみましたが、「がんばりましょう」ばかりでした・・・。  少なくともマイナス点では失格でしょう。 >うまくページが表示されないブラウザがあることは、SEO対策的にには問題なくとも、実際にページをちゃんと閲覧できない人がでるのがデメリットとなるのではないかと思いまして。  これは、現状ではウェブ標準で製作されていれば問題ないでしょう。IE6は無視して構わないでしょう。一方、スマートフォンや携帯電話での閲覧は無視できなくなりました。 >ナビの固定に関しては、ページの途中からでもナビにアクセスしやすくしておきたいことと、個人的にページ最下部のナビが使いにくいと思うことが多いという理由もあります。  これは、依頼者側からすれば当然の発想で、「ざっと見たらすぐ次のページを拝見したい」と言うことですね。実際にそのページを閲覧しているときには、そのページに興味があればじっくり全部読んでくれます。閲覧中に必要な他のページやサイトへは、適切にそのページないし場所へのリンクが記載されている方が重要です。  たとえば、仕様書の「7.5 文書本体 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5 )」を読んでいたとすると、ページ内に含まれているたくさんのリンク・・・これが本当に有益ですよね。  ただ、この点についてはそのページの内容にも関わってくるので、どちらが良いとは決め付けられません。ただ、いわゆる「パンくずリスト」は置いておくと、迷子にすることは無いでしょう。先の仕様書も最初と最後にパンくずリストがありますね。  サイトナビゲーションは、現実ほとんど利用されないのです。そのサイトの商品--たとえば、小型冷蔵庫---を探しているときに、突然テレビや会社情報を読みたくなることは少ないでしょう。せいぜい、親になる「冷蔵庫」のページか、次の機種でしょう。  あるサイトの評価をしたり、サイトの見本を提示されたときと、実際にそのサイトの特定のページを閲覧しているときは、まったく異なることに留意してください。  それでもでしたら、慎(つつ)ましやかに、大きな項目を固定するのも良いかもしれません。しかし、個人はともかく、大多数のサイトではあまり使用されていないことを忘れないでください。それよりも、パンくずリストが固定されているほうがずっと使いやすいでしょうね。 ★パンくずリスト - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88 )

JKP25
質問者

お礼

度々、詳しく教えて頂き有り難うございます。 ヘッダは重要なのですね。 Another HTML-lint gatewayの結果は、かなり重視すべきでしょうか? ブラウザによる表示の不具合は心配しなくてよいとのことで安心しました。 迷子になる程大きなサイトになる予定はありません。階層も2層程度を考えております。どのページのどの位置からでも当方の所在地、営業時間、連絡先が一目で分かるようにしておきたいと考えております。書いて下さっている通り、大きな項目を固定するイメージです。

その他の回答 (3)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

 ナビゲーションが画面上部に固定されている場合、通常はスタイルシートでそのように指定すれば良いです。  ただ、「ページを下にスクロールしても・・ナビゲーションが常に表示されている」が、必ずしもユーザビリティ上優れているとは言い切れません。なぜなら、その分だけ画面が狭くなり一度に表示できるデータ量が、わずかとはいえ少なくなること、ナビゲーションがページの最上部ないし最下部にあることさえわかっていれば、あまり負担にならないからです。複数のページに分かれた大きなコンテンツの場合は、本文の始まりや最後に、前後とそのコンテンツの目次へのリンクがあればよいからです。  SEOについても多少誤解があるようですが、デザイン(プレゼンテーション)とSEO(検索エンジン最適化)は、まったく無関係です。SEOとは、その文書が文書構造にしたがって正しくマークアップされているか?--言い換えれば、検索エンジンがそのページの内容を正確に把握できるか?---ということです。  要は、検索エンジンに、どの部分が文書のヘッダであり、フッタであり、本文であり、ナビゲーションであり、本文と関係ない記事であるかが理解できれば良いのです。(それが、あるキーワードで検索したときにそのページを上位に表示してくれるという結果に繫がりますが、あくまで結果であって、SEO自体は、検索エンジンに正しく内容が伝わるようにすること)  それは、フレームを避けてスタイルシートでページを作ろうが、まったく同じことが言えます。なぜなら、検索エンジンは、一般的なスクリーンブラウザではなく、Lynxのようなテキストブラウザですからね。 【引用】____________ここから Lynx などのテキスト ブラウザを使用して、サイトを確認します(ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります)。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( http://support.google.com/webmasters/bin/answer.py?hl=ja&answer=35769&ctx=cb&src=cb&cbid=1cagbyu932fho#2 )]より  依頼しようとする会社の製作したページを「Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )」で調べてみたり、Lynx( http://lynx-win32-pata.sourceforge.jp/index-ja.html )で閲覧してみると良いでしょう。  繰り返しますが「ナビゲーションを固定すると、フレームを用いた場合はSEO対策的に不利になる、うまくページが表示されないブラウザがあるなど」とSEOは無関係です。たとえブラウザでいくら表示が崩れても、フレームで作成されていても、検索エンジンにきちんと内容が伝わるように作成されていれば問題ないでしょう。  

JKP25
質問者

お礼

大変詳細なご説明有り難うございます。大変、参考になりました。 ヘッダやフッダの文書は検索エンジンに重視されないのでしょうか? Another HTML-lint gatewayで依頼を検討している業者を含め幾つかのページを見てみましたが、「がんばりましょう」ばかりでした・・・。 うまくページが表示されないブラウザがあることは、SEO対策的にには問題なくとも、実際にページをちゃんと閲覧できない人がでるのがデメリットとなるのではないかと思いまして。 ナビの固定に関しては、ページの途中からでもナビにアクセスしやすくしておきたいことと、個人的にページ最下部のナビが使いにくいと思うことが多いという理由もあります。

noname#171678
noname#171678
回答No.2

1. アメブロなどのブログポータルサイトが代表例です。 2. フレームを使用しないでCSS等でこれを実現します。   SEO的には、ご指摘の通り、今時はフレームを使用したサイトは見かけません。 そのような部分は、業者さんなら常識的な部分なので、そのように注文されるとよいでしょう。

JKP25
質問者

お礼

有り難うございます。 アメブロを見ましたが、メニューが固定されているページが分かりませんでした・・・。 業者の方と良く相談してみます。

  • aoyama984
  • ベストアンサー率45% (253/561)
回答No.1

http://beauty.geocities.jp/nishihama985/css-box/mypage.htm フレームはおすすめできません CSSレイアウトで メインページ がハイライトされるものをすすめます

JKP25
質問者

補足

有り難うございます。 リンクをクリニックするとスクロールバーが2重に出てきますが、これはサンプルだからでしょうか?実際のサイトであれば、スクロールバーは画面左の1本のみになると考えて宜しいでしょうか? 教えて頂いたようなページをイメージしておりました。CSSが良いのですね。そのように相談してみたいと思います。

関連するQ&A

  • テンプレートの有効性について

    宜しくお願いいたします。 例えばヘッダーやフッター、ナビゲーション部分など全ページに共通する部分がありますよね。 普通はそれらは一箇所(フレームやテンプレート)で構成させ、後はそれらを呼び出して各ページを作る、 後々の更新を考えても、これがもっとも効率の良いWEBサイト作成といえると思います。 しかし一方で、このことによるデメリットを教えてください。特にテンプレートについて興味があります。 例えばフレームでサイトを制作する例では、ロボット検索はフレームまでしか読み込まないためSEOでは不利と聞きます。 テンプレートは同じようになるのでしょうか。 「SEOで弱い」のであれば、テンプレートは使用せず、 ページごとに地道に作るほうが◎かな、と思ってもいます。ただ、お答えをいただいてみないと分かりません。 テンプレートを呼び出した場合、制限されてしまうことはないでしょうか。 一例ですがテンプレートがすでにHEAD内を固めているので、そのページ内ではもうHEADが書き換えられないなど(?)。 素人なので一例を出すのが下手ですが…^^; 要するに一例ですが、つまり“何かが固定される”→“やってみれば意外と使いづらい”とかはありますか。 その他、テンプレートでのデメリットを教えてください。 また、上級者の方は、やはりWEBサイト制作はひな型を呼び出して作られているのでしょうか。 1ページごとに作られている方は稀ですか? 参考までに私はDreamweaverMX2004です。 宜しくお願いいたします。

  • 表の位置をスクロールしても動かないようにブラウザで固定させたい

    ○○○○ブラウザ○○○○▲ ■■■■■■■■■■■○□ ■1.位置固定の表■■○□ ■■■■■■■■■■■○□ ◇◇◇◇◇◇◇◇◇◇◇○□ ■■■■■■■■■■■○□ ■■■■■■■■■■■○□ ■■■2。非固定の■■○□ ■■■ 普通の表 ■■○□ ■■■■■■■■■■■○□ ■■■■■■■■■■■○□ ■■■■■■■■■■■○□ ○○○○○○○○○○○○▼ みたいなのを フレームを使わずに 1ページ内におさめたいと思っています いろいろ調べましたがわかりません フレームで3ページ分 用意しないとできないのでしょうか? 1。style="position:fixed" としてみましたが、   firefoxでは固定できるようなのですがなぜか、IEでは 固定できませんでした。 2。のほうは スクロールバーで移動するとスクロールしてくれればいいです。   z-indexは、1を上にする予定です。 フレームを使えばないいことなんですが。(^_^; cgiで動的に作りたいので フレームにすると3回呼び出さないといけないので 負荷がかかるのでさけたいと思っています 1ページで済ませたいと思っています。 1。は メニューとして使いたいのでブラウザ画面から動かないようにしたいです。 2。は、ブラウザのスクロールで移動みたいなのが欲しいです。。 よろしくお願いします m(_ _)m

    • ベストアンサー
    • HTML
  • ホームページのフレームでそのサイズの固定

    ホームページを上下2分割、下の段を左右2分割にしているのですが、フレーム分けの境界線を固定したいのです。 境界線はパーセンテージで出てしまうのですが これを上から***ピクセル、左から***ピクセルのように、固定できないでしょうか? パーセンテージだとPCの表示サイズの違いで、スクロールバーが出てしまい困ります。 よろしくお願いします。 <FRAMESET rows="24%,76%" frameborder="NO" border="0"> <FRAME name="frame1" src="top.html"> <FRAMESET cols="16%,84%"> <FRAME name="frame2" src="menu.html"> <FRAME name="frame3" src="page1.html"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET>

  • ホームページのメニュー固定について

    ホームページを立ち上げているのですが、メニューについて悩んでおります。 例を挙げると下記のようなIBMのページで http://www.ibm.com/jp/ 上部のメニューがどのページから見ても固定されています。 このようなページを作成したいのですが、 フレームは使わず、またSSIも使用せず、なんとか別の方法で出来ないでしょうか? かなり多くのページがあるので、1ページ1ページ編集する事は厳しく、また、メニュー部分は頻繁に更新予定です。 使用しているソフトはホームページビルダーV6です。 どなたかご教授頂けますと幸いです。

  • ホームページの背景固定

    ページの背景に画像を置いて固定し、文字だけがスクロールするようにしたいのですが、どのようにしたら良いのでしょうか。 ホームページビルダー7を使っています。

  • フレーム有り、無しのホームページ、どちらが見やすい?

    様々な方々にお聞きしたいのですが、 「フレーム有りのホームページ」と「フレーム無しのホームページ」はどちらが見やすく、使いやすいと思いますか? -----以下は質問した背景です。----- 現在、商用ホームページの運用、管理を行っています。昨年度、リニューアルを行い使いやすくという意味でフレームを用いたホームページに切り替えました。 ※具体的にはページ右側(150ピクセル)、ページ上部(150ピクセル)にメニューを配置しブラウザサイズが変更されても右側、上部は固定されたままにしています。 フレームを採用したきっかけとして、どのページを閲覧していても見たいページをすぐ脇や上のメニューから選択できるであろう。と思ったからです。しかし、ここ最近、自分のホームページにアクセスする方々(フリーのアクセス解析などを各ページに埋め込んでいます。)検索フレーズ、ワードを解析すると「あるページだけ」の閲覧に留まり、他のページに移動してくれていないことが起きています。原因のひとつがフレームを採用したホームページだからだと思っています。 ※検索フレーズ、ワードが特定の言葉の場合、そのヒットしたページのみの表示となってしまい、メニューが表示されない。結局のところ、検索でヒットした以外の他のページはほとんどの人が見ない。 運営、管理側としては商用ホームページ(ネットショップではない、概要などの情報をメインとして掲載)なので、できるだけ他のページも閲覧して欲しいと思います。そういった意味では、フレーム採用のホームページではなく、スクロールすると右側、上部のメニューが表示されなくなるようなページを採用することになると思います。 ※無論、ページ下部や途中に「ページトップへ戻る」などのリンクをはりますが、、、 ここ最近、様々な企業のホームページを参考とさせていただいていますが、大手電気メーカなどフレームではないページがほとんどだと思います。そういった意味ではフレームはどうなのかなぁ・・・。と感じます。 ちなみに参考までですが、私が運用、管理している商用ホームページはページ数が150ページほどですが、年間に約10ページ近く増えていきます。 以上、ご回答お待ちしております。

  • ナビゲーションをフレームで上手くつける方法教えて下さい

    サイト内が煩雑になってきたので、 グローバルナビゲーションを付けようと思っています。 ブックマークに各ページ対応出来るよう、 全ページにナビを付けたいのですが、 ページ枚数がちょっと多いので、 自動でやりくってくれるツールを作ろうと模索中です。 ただ、各コンテンツ内の様々な箇所でフレーム入れ子を バリバリ使っているので、 全ページにフレームセットを作ってみたものの上手くいきませんでした。 ナビは、画面に固定したいので、フレームでやろうとしているのですが、 フレーム以外に良い方法があったら教えて下さい。 また、フレームでも既存フレームを壊さないで上手く出来るよ! という方法をご存知でしたら教えて下さい。 よろしくお願い致します。

  • 固定フレームのついたフレームページにリンクするには?

    メモ帳でホームページを作っています。初心者です。 メニューページにはフレームを使わず、 コンテンツ用ページを二つのフレームを使って、上部に各コンテントファイル、下部にメニュー(各コンテント名を一覧表示)が表示されるようにしています。下部フレームは固定フレームにしたいと思っています。 メニューページで各コンテント名をクリックしたとき、 上部にそのコンテントファイル、下部に固定メニューファイルの表示されたフレームページへリンクさせたいのですが、この方法がわかりません。 初めは、フレームページにアドレスを付けてリンクすればいいのよねー、と試みたのですが、そうすると全てのフレームページ、つまり上部フレームにそれぞれのコンテンツファイルが表示され、下部にメニューファイルが表示されたフレームページのひとつひとつにアドレスをつけないと、リンクできないのでは?と疑問がわきました。 しかし、それではフレームページの固定メニューファイルの各コンテント名をクリックしたときに、上部フレームにはコンテンツファイルのみでなく、各コンテンツのフレームページが表示されてしまい、下部の固定フレームが増えていって(泣)変なことになってしまいますよね。 フレームページ間のリンクは、その固定フレームの各コンテント名のtargetを上部フレーム名にすればよいので問題ないのですが・・・。 メニューページもフレームページにすれば解決するでしょって感じですが^_^;、メニューページには各コンテント名が載せてあるのに下にも同じ項目を並べるのはくどい気がして、ちょっと・・・と思いまして。 ご存知の方よろしくお願いします!

    • ベストアンサー
    • CSS
  • ホームページビルダー2001でフレームの固定

    ビルダー2001でフレームのページを作っているのですが、 フレームの中に画像を固定し画像の上を文字がスクロールするようにしています。 しかしPCの環境によっては画像の幅に合わせているフレームがずれて見えてしまいます。 IEの画面左にお気に入りなどを表示させてもずれます。 自分のPCではちゃんと画像の幅にフレームを設定出来ているのですが・・・。 フレームの幅を固定する方法をご存知の方、よろしくお願い致します。

  • ホームページ制作について

    現在、ホームページビルダーV9で自分のHPを制作中の 者ですが、背景を固定して文章だけがスクロールするページの 作り方がわかりません。HP制作の入門書も何冊か読んで みたけど、掲載されていませんでした。 わかる方がいらしたら教えてください。お願い致します。