ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

独学で学ぶWebスキル/テクニックコミュのiframeタグをobjectタグで代替したいのですが・・(HTML4.01)

  • mixiチェック
  • このエントリーをはてなブックマークに追加
HTML4.01に関する質問です.

現在,私のホームページはヘッダー,サイドメニュー,フッターを
「iframe」で表示しています(コの字型のナビ).
ヘッダーはheader.html,サイドメニューはside_menu.html,
フッターはfooter.htmlというファイルでこれをindex.html他40枚
程のページで共用するという構成です.

これに関して2点か質問させて頂きます.宜しくお願いします.

?iframeタグは非推奨要素ということでobjectタグで代替させよ
 うとしたのですが,IEの場合に「スクロールバー」が表示されて
 しまいiframeでscrolling="no"としている現状と異なる結果と
 なってしまいます.NN,FIREFOX,OPERAでは「スクロールバー」
 の表示はされないのですが・・・

 IEの場合に「スクロールバー」を表示させないことは可能でしょうか?

※objectの実装がブラウザによりまちまちであり,またHTML仕様が
 期待する動作をしないことがある,という情報を何箇所かで確認
 しました.
 これもその類だとしたら,objectでの代替は現時点ではあきらめる,
 というのが適切な判断なのかなぁと思ったりもしているのですが.

?そもそもこのような構成で,ナビ等の共用部分をiframeやobject
 で埋め込むという考え方が良くないということもありますでしょうか?
 主観的な意見でも宜しいのでコメント頂ければ幸いです.

 また,埋め込まなくても共用できる方法があればご教示下さい.
 ※私としては,40ページ全てに同じ記述を入れるという選択だけは,
  保守の観点からしたくないのです.

※よくありそうな質問かと認識して検索にて調査もしてみたのですが,
 探し方が悪いのか答えが見つかりませんでした.
 よろしくお願いします.

コメント(26)

ご回答頂けないということは、このトピックはあまり一般的な問題
では無かったのかな?
同じ悩みを抱えている人がいらっしゃるような気がしてたんですけど・・・残念。

他でも聞いてみることにしますので、こちらは締めさせて頂きます。

★回答には至らなかったものの、なんらか調査して頂いたという方が
 いらっしゃいましたら、ありがとうございました。m(__)m
私が知っていることだけですが。
objectモジュールに埋め込まれるHTMLファイルの横幅の設定でいいのでは?
もしかして縦スクロールのことでしょうか?
それなら、私はわかりません。

ただ、iframeにしろobjectにしろ、使い方の発想がフレームではないでしょうか。
SEOから見たら情報が全くないindexファイルになると思います。
よく分からないままに記してみました。
間違っていたらご容赦ください。
>おすぎ さん

「40ページ全てに同じ記述を入れるという選択」はされたくないようなのでコメントしにくいですよね。

Dreamweaverのテンプレート機能を使えば保守が簡単にできます。
また、私はSEO対策の観点から「全てに少し違った記述を入れて」います。

一般的には、普通はこのどちらかなんです。

コメントをご希望されている選択肢自体に無理があるように思います。
言われる通り、objectはまともに解釈しないブラウザもあるので希望されていることは諦めたほうが早いと思います。

大抵の人は

●PHPやSSIを使って動的に生成する。
●しぇんしぇいしゃんの言うとおり素直にフレームを使う。
●根性で全てに書く。

のいずれかで対処していると思います。

と思ったのですが、そう言えばJavaScriptを使う方法もありました。このあたりを参考にしてみてください。

http://scrlab.g-7.ne.jp/memo/contents.php
追記ですが、参照先の方のようにメニュー部分(リンク)をJavaScriptで書くとSEOで不利になるのでお薦めしません。
一旦、締めさせて頂いたのですが、そのタイミングがよかったのか、
直後に回答をいくつも頂きました(笑)
締めは一旦取り消させて頂きます。

皆さん、ご回答ありがとうございます。m(__)m

--------------------------------------------------------

■しぇんしぇいさん

>objectモジュールに埋め込まれるHTMLファイルの横幅の設定でい
>いのでは?
>もしかして縦スクロールのことでしょうか?
 横幅については、埋め込まれるhtml(幅700px)がちょうど収まる
 ように指定しているのですが、表示されてしまいます。

 ★画像左:期待する表示(iframeで対応した場合) 
  画像右:objectでうまくいかない状態。

 試しに、objectの指定を720pxまで広げたら横スクロールは表示
 されなくなりました。縦スクロールバーの幅の分だけ広げてあげ
 ないとならないようです。
 縦スクロールバーにについては高さを調節しても消えません。
 メニュー部分にこれが表示されるのは耐え難いです。

 現時点で、?についてはobjectでの代替は諦めるしかなさそうだ
 と思っています。

>ただ、iframeにしろobjectにしろ、使い方の発想がフレームでは
>ないでしょうか。
>SEOから見たら情報が全くないindexファイルになると思います。

 画面分割するために、「frameset+frame」を用いた場合、以下
 の観点から問題があるとは認識しています。
  ・urlが示すファイルには、構成のみ記述されコンテンツが無い。
  ・検索からコンテンツページを表示した場合、ナビのないペー
   ジが表示される。
  ・お気に入り登録した時に当該ページをうまく再現表示できない。等。

 一方、埋め込みする「iframe」に関しては上記の問題は無いので
 それほど問題は無いのかな?と思っています。

 ただし、私はSEOのことはまだ良く分からないので、この観点か
 ら見たら問題があるのかもしれないとも思っています。
 それが、今回の?の質問に繋がってます。
 もしかするとナビが直接記述されていないとサイト構成がうまく
 把握できないとかで問題が出るんでしょうか?

--------------------------------------------------------

■グランパホワイトさん

>コメントをご希望されている選択肢自体に無理があるように思います。
 
 無理かどうかが分からなかったので質問させて頂きました。
 「私が調べ切れないだけでどこかにうまい解消方法があるのかも
 しれない」と思ったものですから。
 無理だということが分かればそれは回答として充分です。

 私、普段行なっているプログラミングの際に「重複ロジックは切
 り出して外部に」ということを強く意識しているのでHTMLでもど
 うしてもそういう意識が働いてしまいまして、提示した条件を付
 けさせて頂いたのです。
 でもHTML自体にはそういった構造を持つ機能/手段が無いという
 ことなんですよね。
 それでしたら現状維持で「iframe」で行くという選択が妥当でしょ
 うか。

>Dreamweaverのテンプレート機能

 私、Dreamweaverは持っていませんがそのような機能があること
 は認識しておりました。
 ただ、この対応の為にDreamweaverを導入するというのもいろい
 ろな面で厳しいというのが私の現状です。
 すみません。注文が多くて(汗

--------------------------------------------------------

■腹巻4世さん

 やはり、objectの実装の問題があり駄目なんですね。
 <embed>も色々調べて外すのを諦めたのですが、<iframe>も外せ
 ないということになりそうです。
 なかなか、html仕様が推奨する通りはできませんね。

 色々代替候補を提示頂きましてありがとうございます。
 私もPHPやJavaScriptを使うことには考えが及んでいたのですが、
 更新の容易性・閲覧者の環境の問題等考慮した場合、やはり今の
 iframeがベストなのかな、と思いつつあります。
 あっ、SEO対策については良く分かってないので判断材料に入れ
 てませんが。

--------------------------------------------------------

?については諦めましたが、「iframeを使ったナビゲーションはSEO
対策上宜しくないのでは?」という指摘がございました。
この点について引き続きご意見を伺いたくお願いします。m(__)m
おすぎ さん

>それでしたら現状維持で「iframe」で行くという選択が妥当でしょうか。

はい。
検索エンジンで上位表示する必要が無いサイトなら妥当です。
私も個人サイトはフレームで制作しましたが、仲間の方々が見るだけだからです。

紙媒体で広く告知する方を優先しているサイトなど以外は、商用サイトでフレームは考えられません。

tableレイアウトにしろCSSレイアウトにしろ、複数のテキストや文章を修正する場合には、table又はdiv毎コピペしてゆけばそんなにしんどくない作業です。

そうしやすいようにtable又はdiv構造を更新しやすいように作っておくと良いんです。

実際私が持っている商用サイトでは400ページものだとしても全ページに記述しています。
400ページを修正するのに上記の方法でやれば1時間くらいで済みます。
>グランパホワイトさん

 重ねての回答ありがとうございます.

>検索エンジンで上位表示する必要が無いサイトなら妥当です。
>私も個人サイトはフレームで制作しましたが、仲間の方々が見る
>だけだからです。

 iframeを使用すると検索で上位表示が望みにくくなるということ
 をおっしゃっているんだと認識しましたが,その部分が私まだ理
 屈がよく理解できてないんです.

 あと,私は「frame+frameset」と「iframe」は構造が違うので
 分けて考えており,(↑でしぇんしぇいさんに回答している理由
 で)前者はよくないけど後者は特に問題ないのかな,という認識
 なんですけど,この認識も誤っているのでしょうか?

 ※例えば,フレームがSEO上良くないということがこちら
  (http://www.sem-r.com/sem/seo/20030923024055.html)
  にも記載されているのですが,ここで書いていることは前者に
  ついての問題だと思うのです.

 もし,iframeによる埋め込みが良くないとするとひょっとして
 objectによる埋め込みもSEO的には基本的によくないことだった
 りするんでしょうか?
 (当然何が埋め込まれるかによりよくない度合いは左右されると
  は思いますが)

 ※すみません.質問する前にまず自分で色々SEO対策の勉強をす
  るべきかとは分かっているのですが.
  もしかしてご存知でしたらご教示して頂けるかな,と甘えてます.

>tableレイアウトにしろCSSレイアウトにしろ、複数のテキストや
>文章を修正する場合には、table又はdiv毎コピペしてゆけばそん
>なにしんどくない作業です。
>そうしやすいようにtable又はdiv構造を更新しやすいように作っ
>ておくと良いんです。

 はい.私の場合はまだ共用部分が40ページ位ですからそれほど
 大変ではないですよね.

 実際,ナビ以外の部分について全体的に共通した修正を行う場合
 は,機械的に一括置換するするような工夫もしたりしています.
 この延長で考えれば定型のナビ部分の一括置換とかもできます
 し・・・

 ただ,↑でも述べましたとおり,同じロジックが重複して多数
 存在するということにどうしても嫌悪が生じまして・・・
 つまらない処を気にしてしまってます.
iframeってインラインフレームのことですよね。
新着情報とかで使うあれですね。
http://www.autoseven.jp/

あれ〜違いましたか?

もしそうなら、インラインフレーム内のページは表示されているページとは別ものなのでSEO対策的に不利です。
いわゆるframesetとSEO対策的には同じことなんです。

もともとファイルネームが異なっていますよね。
>iframeってインラインフレームのことですよね。

 はい,そうです.

>もしそうなら、インラインフレーム内のページは表示されている
>ページとは別ものなのでSEO対策的に不利です。
>いわゆるframesetとSEO対策的には同じことなんです。

 確かに別ページなのですが・・・
 その「不利」といわれるものが,↑でも掲示したページ
 (http://www.sem-r.com/sem/seo/20030923024055.html)
 に書かれている内容なのだと思うのですが,この内容を一つ一つ
 見る限りでは「frameset+frame」には当てはまりますが「iframe」
 をナビに使用している私のケースにはほとんど当てはまらないよ
 うに思えたものですから.

 すみません.しつこく食い下がるようで.

 ※一般に「フレームは良くない」といわれてるものに「インライ
  ンフレームは含まれてはいないんじゃないか」というのが私が
  気にしている事項なんです.
framesetもiframeも異なったページを組み合わせして表示するという点では同じことですよ。

そういう意味では、上記にも書きましたようにインラインで表示するページと、もとのページとは別ページですから不利なんです。

一貫したSEO対策ができないんです。

iframe内ページのコンテンツはSEO対策上無意味だと分かっていて、もとのページだけで対策をしっかりとすれば良いのです。
<body>
<iframe>○○</iframe>
<iframe>○○</iframe>
<iframe>○○</iframe>
</body>
indexファイルは、極端に言えばこういうファイルになりますね。
ロボットにとっては○○の部分は無関係だから、head内の情報だけしか収集できないので徹底的に不利になりますね。
しぇんしぇい さんのおっしゃる通りです。

例えば、
<iframe src="○○/index.html"></iframe>
のようにリンクしているだけですもんねぇ。
>10: おすぎ

このサイトさらっと見てきました。3年前のものでちょっと古いですね。それに肝心なことが書いてない。

クローラーはa要素をたどってクロールするので、iframe内にメニューを隔離しちゃうと、クローラーがサイト内を移動しにくくなるので致命的です。
それ以外にそのサイトで説明されているframeのデメリットについてはおっしゃる通りiframeには当てはまらないと思います(よく読んでないけど)。

構造にもよりますが、ヘッダやフッタなどは隔離しても影響が小さいかもしれません。

>もし,iframeによる埋め込みが良くないとするとひょっとしてobjectによる埋め込みもSEO的には基本的によくないことだったりするんでしょうか?

埋め込んでるものについてはクローラーは判断しないようです。また、objectの実装はまだ不完全なので使用はお薦めしません。
腹巻4世 さんのおっしゃる通りです。

テキストマッチングに関して無意味なだけではなく、サイト内リンク構造&リンクポピュラリティーに関しても重大な悪影響がありますよね。
私は自分のサイトで更新履歴をobjectで埋め込んでいます。
そして
<p><object>○○</object>
代用の更新履歴</p>
このようにしています。
代用の更新履歴にはそれぞれのコンテンツにaタグでリンクを貼っています。
代用のテキストはもちろん表示されません。
noscriptみたいなものですね。
でも、これでロボットはリンクをたどることができます。
もともとは擬似フレームで作っていたのですが
objectタグを使ってみたかったので (笑)
でも、これで、strictにすることができました。
※一人の方へのレスが複数箇所に分かれて記述されてます。
 読みにくいかと思いますが、ご容赦下さい。

■グランパホワイトさん、しぇんしぇいさん、腹巻4世さん

 ご回答ありがとうございます。

 見れる範囲でSEO対策をテーマにしているサイトを見てきたんで
 すが、「玉石混淆」「何が本当のことなのかよく分からない」と
 いうのが私の感じたことです。
 と申しますのは、あるサイトで「これが重要」と挙げている対策
 を別のサイトではそれは関係ないと言ってたりして・・・

 SEO対策というからには「まずはSEの仕様を把握して、それに対
 応する有効な手立てを考える」というのが王道だと思うのです
 が、そういうアプローチは難しいのか、結局「トライアンドエラー」
 による経験則で評価するしかない状況なんでしょうかね。

 そういう状況になるのはそもそも前提となる「SEの仕様」という
 のが開示されていないからなんでしょうか?

 http://www.hyperposition.com/rumor/
 ↑このページの最後の記述とか見ると、SEO対策は「ホームペー
 ジを趣味でやってる一個人が片手間でちょこちょこ」とは行かな
 いものだと諦めの感が漂ってまいりました。

 でも「何か簡単にできそうなことがあればそれはやっておきたい」、
 という気持ちもまだあります。


 皆さんはどこら辺から情報仕入れてらっしゃるんでしょうか?


■グランパホワイトさん

 グランパホワイトさん管理の『ホームページSEO対策無料診断所』
 も訪ねてみたのですが、推薦/承認制とのことで中に入れず・・・
 残念。


■しぇんしぇいさん

 確かにメインコンテンツ部分もiframeで外だししてはそのページ
 に関する情報はほとんど無いに等しいですよね。それは理解でき
 ます。
 ただ、今回話題にしているのは「ナビ部分を共用部分として外だ
 しして埋め込んでいる」ケースで、メインコンテンツのテキスト
 はすべてそのページ内に書いてあるので、あまり悪影響はないん
 じゃないかと思ってるんです。
 そういう考え方は間違っているのか、というのが私の不安な点です。


■グランパホワイトさん、しぇんしぇいさん、腹巻4世さん

 皆様の仰ることを総合すると、「<iframe src="○○/index.html">
 </iframe>のリンク先はa要素ではないのでクローラーは見てい
 ない」ということだと認識致しました。
 こういったクローラーの仕様の説明がどこかで確認できるといい
 んですが・・・ もしご存知でしたらご教示下さい。この件に限
 らず仕様を確認できるところを知っておけば、今後いちいち皆さ
 んの手を煩わせる必要はないですものね。


■腹巻4世さん

>それ以外にそのサイトで説明されているframeのデメリットについ
>てはおっしゃる通りiframeには当てはまらないと思います(よく
>読んでないけど)。

 この点については同意して頂けるということで、私の勘違いでは
 なさそうだということでよかったです。

>クローラーはa要素をたどってクロールするので、iframe内にメニ
>ューを隔離しちゃうと、クローラーがサイト内を移動しに>くくな
>るので致命的です。

 この可能性は私も認識していました。
(?6のレスのしぇんしぇんさんへの回答の最後に記述)
 「ナビがクローラーの視野に入らないとサイト構成がつかみにく
  くなるので問題」ということですね。
 「この点についてiframeにも問題がある」ということは納得しました。

 これを解消、というわけではないですがサイト構成をクローラー
 にうまく認識させる手段として「サイトマップ」があるというこ
 とですので、これについては対応してみることにしました。
 とりあえずgoogleサイトマップのみ対応してみましたが、RORサ
 イトマップも対応すれば他のSEにも有効ですよね、きっと。


■しぇんしぇいさん

 「お薦め海外ミステリ」の更新履歴を昨日objectに変更なさった
 んですね。
 私も「更新履歴を埋め込みhtmlにする」ことを以前に考慮したん
 ですけど、「更新履歴の内容もメインページの検索ワードとして
 拾われた方がいいかな」と判断し、結局単なる<div>囲いにしま
 した。
 (http://park7.wakwak.com/~osugiybb/)←私のページです
 これだとメインページが重くなる一方なんで少し問題ありなんで
 すけどね〜。
objectへの変更はかなり前から企んではいたのですが、内部からのリンクをどうかしたいと思って試行錯誤していたのです。
iframeだとtarget="_top"で解決するのですがね。
strictだとiframeがエラーになるので擬似フレームを使っていたのですが、ここでobjectに接し思い切って変更しました。そのかわり更新履歴からのリンクはあきらめました。

検索ロボットの件ですが、訪れたサイトを隅々までたどるわけではなく、上っ面をさっと撫でるようなものでindexページの初めの部分の情報を仕入れているようです。
だから、サイトマップの効果はあまり期待しないほうがよいと思います。
ミステリのサイトはフレームで作っていたのですが、「海外ミステリ」でなかなかヒットしなくて苦労してました。
そもそもフレームがいけないと言うこともよく理解できなかったです。
XHTML+CSSで作り直してHTMLの構造を工夫してからトップでヒットするようになりました。
半年ほどしたらYahooでもヒットするようになりました。
もしかしたらこれがSEOなのかなと思うようになりました。
あ、もしかしたら私の言葉足らずで誤解が生じてるのかも・・汗

私が言及した「サイトマップ」はサイト内に訪問者へのガイダンス
として表示するものではなく、SEによる解析を補助する目的のものです。
googleだとこちらに説明があります。
→http://www.google.com/support/webmasters/?hl=ja
完全に誤解してました (笑)
覗いたけど、英語だったので退散しました。
>完全に誤解してました (笑)
 
 了解です。

>覗いたけど、英語だったので退散しました。

あら?私のところでは日本語表示されてます。
urlの最後に「日本語の変数(ja)」がついてるんですけど変ですね。
でしたら、表示されたサイトの右肩に「Change Language」という
のがありませんか?
あればそれで言語選択すれば変わると思います。
SEO対策の基本を勉強なさるのでしたら私のブログを全部お読みになると概要は理解できるかと思います。

PCスクールでSEO対策講座も持っていますし、私自身のWebビジネスでも成功を収めていますから絶対間違いのないスキルです。

決して宣伝ではないですので誤解の無いようにお願いします。
善良な方々のお役に立てば嬉しいから基本SEO対策を公開しています。
http://blogs.yahoo.co.jp/grandpawhite2006
>おすぎさん
おっしゃるように、日本語になりました。
たいへんそうだから後日ゆっくりと見ます。
>グランパホワイトさん

 ご提示頂いたブログを閲覧させて頂いてます。
 読み始めて「あれっ?」と思ったのですが、ちょっと前にこちら
 のブログ、既に一回閲覧させて頂いておりました。

 その時は「最新の記事一覧」しか読んでいなかったので、今過去
 分に遡りつつ読んでいるところです。

 さて、「SEO対策行なう前提」としてやはり「商用目的」という
 事がありますね。
 この目的は現時点の私のHPにはほとんどありません。
 最近、試しにgoogle adsenseを付けてみたりしてますが、
 相当のpage viewが無ければまず意味も無いという認識も持って
 ます。
 メインコンテンツが「フリーソフト万歳!」ですからね(笑

 商用要素を盛り込むにしても、まずは「有用なオリジナルのテキ
 スト情報」を充実させることが先決ですよね。
 とりあえず当面はSEには向き合わず訪問者の方を見てコンテン
 ツ充実に励みたいと思っています。

 でも折角の機会なので一通りの薄い知識だけは会得しておきたい
 とは思ってます。

>PCスクールでSEO対策講座も持っていますし、私自身のWebビ
>ジネスでも成功を収めていますから絶対間違いのないスキルです。

 経験による裏付けがないと職業としてはやっていけませんものね。
 グランパホワイトさんも、そこに行き着くまでに多くの「トライ
 アンドエラー」を繰り返したのでしょうね〜
 仕事とは言えその労力は大変なものと想像いたします。
おすぎ さん

がんばってくださいね。

ちょっと角度が変わりますが。
MovableTypeでサイトを制作すると部分の更新が大変楽になりますし、SEO対策的にも有力です。

いずれ視野にいれておかれたら良いかと思います。
■グランパホワイトさん

 ありがとうございます.
 今回の質疑応答の中でいくらかの新しい知識を仕入れることがで
 きました.よかったです.これもグランパホワイトさんをはじ
 め,回答をしてくださった皆さんのおかげです.

>MovableTypeでサイトを制作すると部分の更新が大変楽になりま
>すし、SEO対策的にも有力です。
 現在私は「HTML+CSS」ベースのホームページを運営していますが,
 これは,有志の方が配布されているテンプレートをベースにして
 います.
 テンプレを包含しさらに進化した(というと語弊があるかもしれ
 ませんが)CMSというものの存在も今回知りました.
 MovableTypeはCMSツールとして高い評価を得ているようですね.
 最近HP改装したばかりなので,今すぐという気力はないのですが,
 今後視野に入れていきたいと思っています.

 SEO対策(特にGooglePagerank)を考えた場合,トラックバック
 の機能があるブログは,通常のHPに比べて有利だろうな,と
 いうのも今回認識した事項です.
 HP+mixiにくわえてブログも,というのは今はなかなか難しい
 ですが,こちらについても今後HPから移行していく候補として
 考えたいと思っています.


■回答していただいた皆さん

 今回のトピックに付きましては,自分の中で一応の決着が付きました.
 解決したことをご報告して締めさせて頂きたいと思います.

 どうもありがとうございました.m(__)m

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

独学で学ぶWebスキル/テクニック 更新情報

独学で学ぶWebスキル/テクニックのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング