iframeとframeset。SEO上での問題点と制作での使用用途

iFrame と frameset

特徴と SEO での注意事項

http://www.html5.jp/trans/w3c_differences.html

http://www.htmq.com/html/sample/frame.htm

frameset （フレームセット）とは

ウィンドウをいくつかのフレームに分割する際に使用

・ほとんど使用されていない。

特徴

・ HTML5 では廃止になっている。

・ iFrame の機能とほぼ同じ。

⇒ 機能は、 iFrame とほとんど同じため、以後は iFrame で説明

2


http://www.htmq.com/html/sample/frame.htm


iFrame とは

正式には、 Inline Frame （インラインフレーム）という。

他のページをフレーム（枠）内に表示させることができる。Web ページを部品化する際によく使用されていた。

index.html content.html

3

iFrame の特徴

・ Google の認識は、 a タグと同様の扱いらしい。

・ HTML5 では正式に採用されている。

・クロールされないサイト、セキュアなサイトでは効率化のために使用されていることが多い。→ 会計などのシステム系　 http://asp.kyoto-fsci.or.jp/login/

→SNS 系のボタンやプラグインで、 iFrame タグが使われていることもある。

http://www.html5.jp/tag/elements/iframe.html

5

http://asp.kyoto-fsci.or.jp/login/

http://www.html5.jp/tag/elements/iframe.html

iFrame の問題点１

簡単にコピーサイトが大量に作れる。

http://ticklecode.com/present/140411_iframe/sample.html

他のサイトの機能を簡単に流用できたり、同じサイトを URL を変えて乱立させることができる。

6



iFrame の問題点 2

ユーザー訪問時の視覚的なコンテンツ量と、クロールしたときの物理的なコンテンツ量に差がありすぎる。

視覚上では 1000 文字以上あったとしても・・・

<html>：<iframe ・・・</html.

クロール上は100 文字もない・・・7

iFrame の問題点 3フレームで表示している部品ページも独立したページとしてクロールされる。

タイトルやメタディス、コンテンツの充実をしないと、低品質なページとしてクロールされてしまう。

index.html content.html

独立したページとしてクロール

http://ticklecode.com/present/140411_iframe/sample2.html

8



SEO 上での注意点、まとめ１

原則、 iFrame はないほうがよい。

理由は、 SEO 上で下降要因になることはあっても、上昇要因にはならないから。

9

訪問者からはコンテンツがあるように見えるが、HTML ではコンテンツが少ない。→ ページの評価が低い。

コンテンツの増加をしたいと思っても、追加する場所がない。→ すでに、 iFrame で表示が占有されている。

iFrame の部品が、あまりにも低品質なページになりやすい。→ サイト全体の評価の下降要因になる。

SEO 上での注意点、まとめ２

10

iframeとframeset。SEO上での問題点と制作での使用用途

Technology

Transcript of iframeとframeset。SEO上での問題点と制作での使用用途