いつもお世話になっております。
毎度毎度申し訳ありませんが、お知恵を貸してください。
今ネットショップを作ろうとサイト作成しています。
トップページ右上、一部のスペースに、管理人の紹介や更新情報などを載せたいと考えています。
最初、ここにはiframeを使おうと考えていました。
トップページ右上の小さなスペースを利用して、管理人の紹介や更新情報などのページを、iframeを使って切り替えていこう、と。
でもframeやiframeはSEO的にあまりオススメされない方法だと知り、iframeを使わずに同様のことが出来ないかと調べていました。
でも、iframeを使わずにスクロールバーを出す方法や、SSIを利用したリンク管理の効率化などの情報はあったのですが、埋め込んだページだけをリンクで切り替える、という私の探す情報は見つかりませんでした。
そこで質問なのですが、このようなことはiframeを使わなければ出来ないことなのでしょうか?
以前、CSSで似たようなことをしていたサイトがあるという話しを聞いたことがあるのですが、探し出すことが出来ませんでした。
もしよろしければ、アドバイスを御願い致します。
No.2ベストアンサー
- 回答日時:
表示だけiframeと同じにする(適宜borderなどを指定して下さい)
<div style="width:200px;height:100px;overflow:auto;">またはoverflow:scroll;</div>
<object data="hoge.html" style="200px;height:100px;">object非対応ブラウザ用コンテンツ</object>
> 埋め込んだページだけをリンクで切り替える、という私の探す情報は見つかりませんでした。
frameやiframeのリンクをほかの方法で行うことはできません。
いわゆるAjaxならリンクもできますが、難しいです。(というかややこしいのとめんどくさい)
さらにJavaScriptを使うので、検索エンジンには完全に無視されます。
frameを使ったページや、
更新情報をiframeで表示している場合、iframeの中にメニューを書く人はほとんどいません。
しかし、検索サイトから直接、更新情報に入ってくる人にとっては、
iframeの外側のページではなく更新情報のHTMLファイルだけを表示しますから、
リンクが全くない、独立したページが表示されてしまう、と言うことになり、
そこからトップページに戻れない場合が出てきます。
SEOの問題ではなく、
検索サイトから来た人が使いづらいサイトになってしまうことがある、と言う問題です。
そう言う点に注意して作成すれば、フレームの使用は全く問題ありません。
お返事が遅くなり申し訳ありません。
結局Javascriptを使うのであれば意味がありませんね…
talooさんのお話を参考に、iframeでより利用しやすいサイト構成を考えてみたいと思います。
有難うございました。
No.1
- 回答日時:
スクロールバーだけなら<textarea></textarea>で出せます。
ただ、iframeは完全にページを埋め込むのでブラウザのほぼ全機能を利用できますが、textareaではスタイルシートによる修飾がやっとでしょう。どうしてもSEOを意識して、単一ページとしたければ、古くはSSIやCGI,PHPやjavaでサイトを組めば、簡単に一部分をダイナミックコンテンツにできます。
JavaScriptやAjaxでも似たようなことはできますが、SEO対策としてはJavaScript(Ajax)によるコンテンツは不向きです。
ダイナミックコンテンツはそれなりの知識が必要ですし、(私もそうですが)専門家に頼めばそれなりに費用が発生します。
お返事が遅くなり申し訳ありません。
やはりiframeと同様のことをしようとするのはとても難しいのですね…。
有難うございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Google Drive Google form を利用して 問い合わせフォームを作りたい 1 2022/04/25 14:15
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- インターネット広告・アフィリエイト アフェリエイトサイト 作成について 5 2022/05/13 21:31
- Amazon ネット初心者に詐欺・フィッシングメールを確実に見分けさせる方法はありあせんか? 5 2023/06/28 11:03
- 画像編集・動画編集・音楽編集 【急】【Zbrush】3DCG初心者です。ノートPCでのZbrush動作環境につきまして 1 2023/08/19 17:38
- CGI サイト訪問者の情報を取得したい 1 2023/02/21 11:03
- デスクトップパソコン 「自動修復でPCを修復できませんでした」と表示されPCが起動しないのですが対処法はありますか? 5 2022/05/13 09:16
- 賃貸マンション・賃貸アパート 賃貸物件 番手 申し込みについて 4 2023/08/18 21:43
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
googleモバイルがiframeで表示...
-
ボタンが押されたらWebページの...
-
WEB上で編集できない、スク...
-
テキストボックス内にハイパー...
-
-css- ページオープン時やリロ...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
スクロールバーのスクロール量...
-
bodyタグの範囲について
-
h1にmarginを指定すると一瞬カ...
-
<p>で<td>のように枠を表示させ...
-
<a href="#" …>の意味を教えて...
-
SCRIPT5007: 未定義または NULL...
-
base64encodeでの文字化けについて
-
別ファイルのfunctionの読み込み方
-
リンク移動先のURLを取得
-
スマホ上で、左右スワイプで次...
-
HTML内に記載された画像のURLを...
-
Java ScriptでIPによるアクセス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
テキストボックス内にハイパー...
-
ボタンが押されたらWebページの...
-
横スクロールを右から左へ・・・
-
WEB上で編集できない、スク...
-
別ページのページ内リンクでの...
-
"mailtoでメールの【氏名】【性...
-
googleモバイルがiframeで表示...
-
bodyにwidth:100%をつける理由は?
-
複数のiframeの読み込みについて
-
インラインフレームの縦幅を、...
-
【HTML】フレームの中央寄せに...
-
WSHでのIE制御について
-
インラインフレーム内のスクロ...
-
「overflow: hidden」ペー ジ内...
-
ページによって表示位置がずれ...
-
DOCTYPEの指定より異なる動き
-
外部ページからハッシュタグ(...
おすすめ情報