サイト作成の小技集にようこそ！ 「小技集」なのでたくさん紹介したいのですが・・・ 今、紹介しているのはインラインフレームのみになります。 え〜これから小技を増やしていく予定なのです。

インラインフレームって?

インラインフレームは､HTMLタグのフレームの一種で､ページの中に別のページを表示させる方法です｡このインラインフレームを上手に活用するとサイトの更新が非常に楽になります｡ メニューの更新やサイドバーの更新をはじめ､特定ページのバナー広告を一斉に更新するなど､その応用範囲は非常に広いものがあります｡利用価値が高いうえSEOにも有効なので是非､利用してみてください｡

なぜインラインフレームがSEOに有効なのか

インラインフレームがなぜSEO対に有効であるか？ 簡単に説明するとインラインフレームで表示される部分は別ページになり、そのページのHTMLソースには入らなくなります。 キーワードの大半はページの本文に多く含まれているので、メニュー部分を別ページにすることでHTMLソースが短縮され、ページにおけるキーワード占有率が高くなるわけです。

当サイトでの導入例

タイトル 本文 紹介サイト一覧 (IFRAME) メニュー (IFRAME)

当サイトではメニューをおいている｢サイドバー部分｣と各アフィリエイト紹介ページ下部にある｢紹介サイト一覧｣でインラインフレームを利用しています｡ ページを増やしたり､減らしたりすることで､全ページを更新しなければならない部分は､インラインフレームを利用するといいですよ｡ 全ページ更新するなんて考えただけでも､ゾッとしますからね｡

インラインフレームの導入方法

まずはインラインフレームで表示したい部分を作成します。 つづいて、インラインフレームを入れたい部分に下記ソースを埋め込んでください。その際赤字で表示してある部分は【インラインフレームHTMLの解説】を参考に変更してください。 どうですか思うようにいきましたか？

<IFRAME src="○○○○.html" frameborder="0" marginhight="0" marginwidth="0"width="200" height="700" scrolling="AUTO"></IFRAME>

【インラインフレームHTMLの解説】 　IFRAME 　インラインフレームを表わす属性 　src="○○○○.html" 　インラインフレームに表示するページのURL 　frameborder="0" 　フレームの枠線の表示/非表示（1＝表示/0＝非表示） 　marginhight="0" 　フレーム内の上下のマージンを設定 　marginwidth="0" 　フレーム内の左右のマージンを設定 　width="○○○" 　インラインフレームの横幅の設定 　height="○○○" 　インラインフレームの高さの設定 　scrolling="○○○" 　自動でスクロールバーを出す="AUTO" 　スクロールバーを常に出す="YES" 　スクロールバーを出さない="NO"