SEO対策
SEOとは 検索サイトへの登録の重要性 サーチエンジンのタイプ サーチエンジンへの登録方法 SEOに最適なサイトとは ブログとSEO 有効なリンク方法 HTML・title(タイトル）タグ HTML・meta（メタ）タグ HTML・ｈ（見出し）タグ HTML・strong(より強調）タグ ページサイズ キーワード解析と設定 検索結果後の解析調整アクセシビリティ
アクセシビリティとは ブラウザチェック 通信回線 OS 年齢層ユーザビリティ
ユーザビリティとは 解像度 背景と文字色 文字サイズ変更サイト内検索
SEO対策書籍
検索エンジン
登録無料検索エンジン
「TAKEC-Search」
総合サーチエンジン！
リンクポピュラリティアップ にもご活用ください。
総合検索エンジン
「TAKEC-Portal」
ショッピング、検索エンジン
などの総合情報サイト
登録は無料です。
地域限定の検索エンジン
「ビバ！松戸市」
千葉県松戸市に関するホームページ限定の検索エンジンです。
「TAKEC-Search」
総合サーチエンジン！
リンクポピュラリティアップ にもご活用ください。
総合検索エンジン
「TAKEC-Portal」
ショッピング、検索エンジン
などの総合情報サイト
登録は無料です。
地域限定の検索エンジン
「ビバ！松戸市」
千葉県松戸市に関するホームページ限定の検索エンジンです。
HOME
アクセシビリティ：ブラウザチェック
アクセシビリティ：ブラウザチェックブラウザチェック
ここで説明する「ブラウザチェック」とは、ホームページ（サイト）を構築する上で必要な、サイトレイアウトの正確な表示結果を確かめるべく、厳選した主要のプラウザでサイトを正しく表示することができるかどうかの、”確認”を行なうことを意味します。
ブラウザの今後（ブラウザ使用率）
インターネットを閲覧する為に必要なブラウザもさまざまな種類があります。Windowsの影響もあり、ほとんどのユーザーが使用しているInternet Explorer（インターネットエクスプローラー）を始め、Netscape（ネットスケープ）※2008年3月1日サポート終了、Mozilla（モジラ）など複数あり、ブラウザのバージョンや対応している(X)HTMLやCSS（カスケードスタイルシート）の仕様などにより、サイトの表示が異なります。
ブラウザによっては使用するタグによりブラウザ自体の表示項目も変化するタイプもあります。（「リンク(link)要素」参照）
このように、さまざまなブラウザがサイトをすべて同じ様に表示させるには限られたHTMLの一部のタグに限定されてしまい、CSSを使用する現在では全てにおいて同じという訳にはなかなかいきません。
「ほとんどの人がエクスプローラーを使用しているからIEに限定にしたサイト作りでいいや！」と個人サイトの場合は割り切ることもできますが、商用で使用されるサイトの場合は信用にも関わるのでそういう訳にもいきません。
そのことから、さまざまなブラウザでチェックして、各ユーザーに対応したサイト構築が求められるのです。
■「ブラウザ使用率」
（2005年5月現在）
以前は約95％ものシェアをしめていたインターネットエクスプローラ（IE)も2005年では約83％にまで落ちました。代わりにファイアーフォックス（Firefox）のシェアが上昇傾向にあります。
（2008年2月現在）
2008年では、やはりファイヤーフォックス（Firefox）が伸びてきましたね。
機能は勿論、バージョンアップなどのお知らせにより、最新の仕様を簡単にインストールすることが出来るのは便利ですね。わざわざHPに伺ったり、最新バージョンの確認などをチェックする必要がありません。でも、日本国内のみでは、使用率はまだ１割程度らしいです。
対してIEの方は、いまだに前バージョンの6.0を使用しているユーザーは全体の4割に上っており、7.0を使用している人（2割強）のほとんどが、新規にパソコンを購入された方というのが多いのではないでしょうか？要は、元からこの仕様だったから・・みたいなね。
IE7.0までは、ウェブ標準規格への対応を準拠していましたが、次期バージョンのIE8.0は、ようやくウェブ標準規格に対応したものとなりそうなので、ブラウザチェックが楽になるかもしれません。
ブラウザによっては使用するタグによりブラウザ自体の表示項目も変化するタイプもあります。（「リンク(link)要素」参照）
このように、さまざまなブラウザがサイトをすべて同じ様に表示させるには限られたHTMLの一部のタグに限定されてしまい、CSSを使用する現在では全てにおいて同じという訳にはなかなかいきません。
「ほとんどの人がエクスプローラーを使用しているからIEに限定にしたサイト作りでいいや！」と個人サイトの場合は割り切ることもできますが、商用で使用されるサイトの場合は信用にも関わるのでそういう訳にもいきません。
そのことから、さまざまなブラウザでチェックして、各ユーザーに対応したサイト構築が求められるのです。
■「ブラウザ使用率」
（2005年5月現在）
| ・インターネットエクスプローラー（IE) | 約83.0% |
| ・ファイヤーフォックス（Firefox） | 約10.2% |
| ・モジラ（Mozilla） | 約3.8% |
| ・ネットスケープ（Netscape） | 約0.9% |
| ・その他（Opera、Safari...） | 約1.9% |
（2008年2月現在）
| ・IE 6.0、7.0 | 約61.7% |
| ・Firefox 1.5、2.0 | 約27.5% |
| ・その他（Opera、Safari...） | 約10.8% |
機能は勿論、バージョンアップなどのお知らせにより、最新の仕様を簡単にインストールすることが出来るのは便利ですね。わざわざHPに伺ったり、最新バージョンの確認などをチェックする必要がありません。でも、日本国内のみでは、使用率はまだ１割程度らしいです。
対してIEの方は、いまだに前バージョンの6.0を使用しているユーザーは全体の4割に上っており、7.0を使用している人（2割強）のほとんどが、新規にパソコンを購入された方というのが多いのではないでしょうか？要は、元からこの仕様だったから・・みたいなね。
IE7.0までは、ウェブ標準規格への対応を準拠していましたが、次期バージョンのIE8.0は、ようやくウェブ標準規格に対応したものとなりそうなので、ブラウザチェックが楽になるかもしれません。
主要ブラウザに対応
CSSで制作されたＨＰはブラウザの規格等により、すべてのブラウザで全く同じ表示にすることはなかなか大変です。その為に確認をする必要があるのですが、数あるすべてのブラウザでチェックするのはかなり厳しいと言えます。
主要ブラウザとなるいくつかに厳選してブラウザチェックを行い、表示レイアウトを確認するようにしましょう。
2005年のブラウザ使用率に比べ、現在ではFirefox、Safariの使用率が伸びています。できるだけ以下のブラウザチェックをされることをお勧めします。
【各主要ブラウザダウンロード】 ※SafariはWinというよりMac版でのブラウザチェックが重要です。
Macの場合はWinより文字サイズが一回り大きくなります。つまり、Winで文字サイズを14pxにした場合は、Macでは15pxにした場合とほぼ同じに表示される事になります。
これはMacにはアンチエイリアスが適応されているからです。
アンチエイリアスとは、輪郭を滑らかにする効果の事であり、その為にWinより一回り程度、文字のサイズが大きくなると言う訳です。Win、Mac間のブラウザチェックで最も注意したいところと言えます。
主要ブラウザとなるいくつかに厳選してブラウザチェックを行い、表示レイアウトを確認するようにしましょう。
2005年のブラウザ使用率に比べ、現在ではFirefox、Safariの使用率が伸びています。できるだけ以下のブラウザチェックをされることをお勧めします。
【各主要ブラウザダウンロード】 ※SafariはWinというよりMac版でのブラウザチェックが重要です。
Macの場合はWinより文字サイズが一回り大きくなります。つまり、Winで文字サイズを14pxにした場合は、Macでは15pxにした場合とほぼ同じに表示される事になります。
これはMacにはアンチエイリアスが適応されているからです。
アンチエイリアスとは、輪郭を滑らかにする効果の事であり、その為にWinより一回り程度、文字のサイズが大きくなると言う訳です。Win、Mac間のブラウザチェックで最も注意したいところと言えます。
ブラウザチェックで解像度もチェック！
ブラウザチェックで見落としがちなのがディスプレイの解像度です。
主要ブラウザにばかり気を取られて、解像度を意識しないと大変な失敗をしてしまいます。
高い解像度、低い解像度と個人によって環境はさまざまです。自分の意識しているポジションに正しく表示されるか？表示が隠れたりしないか？なども含めてブラウザチェックしましょう。
主要ブラウザにばかり気を取られて、解像度を意識しないと大変な失敗をしてしまいます。
高い解像度、低い解像度と個人によって環境はさまざまです。自分の意識しているポジションに正しく表示されるか？表示が隠れたりしないか？なども含めてブラウザチェックしましょう。
