かが意図的にあなたが読めなくお客様の4分の3でされると分かっていたウェブサイトを構築できますか?冗談じゃありません。しかも、それが起こる - そこは、それを実現せずに、お持ちの良いチャンスが、あまりにもだ。ここで私たちのガイドはあなたのウェブサイトは、誰もが見られていることを確認している。
ウェブサイトを作る全体のポイントは、インターネット上のドメイン名の下にそれを公開の全体のポイントなので、人々は、右のそれを読んでいるですか?それはそれは簡単に訪問者がサイトを読むためにしたいと思いますただ常識だ。そして、まだほとんどの企業は欠陥が含まれてウェブサイトを作る:
は難しいの訪問者はすべてのサイトを検索するため*欠陥、
*欠陥は難しいの訪問者は彼らが、探している情報を取得するのために作る
*欠陥は不可能訪問者にも情報を、彼らはそれを見つける読み取るために作る!
愚かなサウンド?それはすべての時間が発生!これらの一般的なエラーでは、見てください、どのようそれらの多くはあなたのウェブサイトにある参照してください。
固定幅レイアウト
あなたがコンテンツがブラウザウィンドウの中央のバンドに表示されるWebサイトを見てきた?あなたはウィンドウのサイズを展開すると、コンテンツが中央に残ります。ニックジェームズはこのようなウェブサイトがある。ピータージョーンズはさらに行く - 彼も、あなたは、色と背景の位置を設定することができます!
だから:何が問題か?
小さな液晶画面:Webサイトデザイナーはアイデアをどのようなサイズの画面の訪問者が使用してされています。エッジ上のコンテンツにフィットしない場合は、そのいずれかのものすべてに、または他のユーザーが後方にスクロールし、転送テキストの各行を読み取るために維持する必要があります見られることはありません。
誰が"小さい"の画面を使用して?
彼らはよりもいたより、しているがノートパソコンの画面は、限られた解像度を持つ傾向にある。
一部のサービスは、ウェブをテレビでネットサーフィンを提供しています。テレビの解像度は非常には、VGAのコンピュータ早いと良いです。
これは、一般の人々のためにネットサーフィンを携帯電話やPDAを使用してなりつつある。彼らの画面は非常に限られている!
大きなテキスト:ほぼすべてのWebブラウザのテキストサイズを変更する機能を提供します。それは本当に弱視のユーザー向けだが、携帯電話やPDAのユーザーは小さなと、マッチ箱サイズの画面を見つけることは非常に便利なだけでなく。
デスクトップコンピュータやPDA上で多くのユーザーが、いずれ、多くのグラフィックよりも大きいテキストのサイズを設定します。固定幅のレイアウトは - 最高 - 狭い列に拡大テキストが圧迫される。最悪の場合、画面全体のビットに落ちることができます!
大画面:これはそれほど深刻でもそれほど明白ではないが、良質な画面で固定幅のレイアウトも不便の訪問者。彼らの詳細を参照することができますので、彼らは大型スクリーンを持っている!あなたのウェブサイトは、訪問者の超大型画面のほとんどが空白になって狭い列に詰め込まれている場合 - もうないウェブページ表示されている。
彼は詳細を参照したい。あなたは以下の彼を見せている!数学をください!
どのように確認できますか?
*別のブラウザではさまざまな設備があります。お持ちの、より多くのチェックを行うことができます詳細:
oはあなたがInternet Explorerを使用している場合は、テキストのサイズを変更することができます。どのページに起こる参照してください。また、何か、非常に非常に小さな大画面で発生するのアイデアを得るために外ページ全体をズームすることができます。
oはFirefoxを使用している場合、あなたは制限はほとんどせずにテキストのサイズを調整することができます。
oはあなたがOperaを使用している場合は、が、テキストのサイズを変更することはできますが、小さな画面のデバイスをシミュレートするための優れたツールがあります。
*は、ウェブサイト携帯電話やPDAを使用して見てください。
グラフィックスとフラッシュ
ためにグラフィックデザイナーに、いくつかのウェブサイトは、何もグラフィック以上に設計されて - がほとんどない実際のテキストがすべてではないユーザーの経験を完全に制御を与える!時にはそれはイメージのシリーズとして行わはない一緒にページで、組み立てファイルもすべてのグラフィックスには、Flashファイル内にあります。
疑いの余地は、いくつかはこれらのウェブサイトの壮大なようだ。たとえば、コカコーラ社の幸福の工場で見てください。
だから:何が問題か?
彼らが使用していない*。ウェブページにビデオゲームのようになります。コントロールは、コントロールのようにしないと、彼らは画面の周りに移動し、彼らが明白な方法では動作しません。
彼らは制御ではない*。あなたが再サイズブラウザをした場合、コンテンツが変更されません。それは無駄な小さな画面または弱視のユーザーのためにだ。
彼らは十分に速くなかったしている*。あなたはまったく何も見ることができる前に、ウェブサイト全体をダウンロードする必要があります。 (通常は、画面を自分たちの部分が読み込まれているとしてビルド)のウェブサイト。ほとんどのユーザーは3秒未満のウェブサイトを見ることができることを期待する。
*彼らは検索エンジンに優しいではない。検索エンジンはテキストを読んでください。彼らはグラフィックやアニメーションを読み取ることができません。グラフィックスのウェブサイトには何も今までの検索エンジンによってインデックスされる
Flashベースのウェブサイトは、すべての悪くないです!し、フラッシュは完全に適切なそれのためのコンテンツでは、ビデオゲームを描いている本質的に、グラフィカルまたはアニメーション(または、実際には、を表示している場合)。
しかし、それらは、従来のWebサイトでないことを理解。検索エンジンの親しみやすさとユーザのアクセシビリティなどのような従来の配慮が彼らには適用されません。
問題は、どのような従来のWebサイトからFlashのビルドされて、その所有者は、なぜ自分のウェブサイトは、すべてのトラフィックを生成されていませんかする必要があります表示されます。
どのように確認できますか?
*スイッチの画像をオフにし、プラグインブラウザです。どのような画面左側のさ実際のコンテンツです。
禁煙アンカー
通常のウェブページのプログラミングは完全に良い方法を何かが起こるように提供しています。これはアンカーと呼ばれる。ときは、何かをこのように下線参照してくださいマウスポインタが手にはそれ以上の移動になる、何かの変更をクリックすると、それを - それがアンカーです。
しかし、一部のWebプログラマーは少し賢くするので、彼らはアンカーを偽します。彼らはかなりのアンカーのように振る舞うアンカー - 小さな手の下線ではない何かをするために特別なコードを書いて、何かがクリックしたときにそれが起こって。このように。ルックスは同じで、しないことですか?
だから:何が問題か?
検索エンジンがそれらを理解していない*。検索エンジンはあなたのウェブサイトに自分の道を見つけるために、アンカーを使用してその周り。しかし、もしあなたのページにアンカーは、これらのトリッキーなふりをアンカーされ、検索エンジンは、それらを理解していないのであなたのサイトを読むことができなくなります。
*キーボードは、それらを理解していない。訪問者が電話やマウスを持っていないテレビを使っている場合、彼からのカーソルキーまたはタブキーを使用してアンカーにアンカーを移動する必要があります。もラップトップのユーザーが頻繁にそれがより簡単に滑りパッドを使用して、キーボードを使用して検索します。しかし、セレクタをアンカー唯一の真のアンカーに、ふりものでは動作しません。
ページは、読者がそれらを理解していない*。これは、単に視覚障害者、自分のWebページを持つユーザーはのは、彼らに、彼らは旅行している間人々はしばしばウェブページに耳を傾けるお読みください。ページの読者がアンカーを示すために少し音を立てる。彼らはふりをアンカーについては何もしない。
*ブラウザは、常にそれらを理解していない。禁煙アンカーは、JavaScriptで動作するように依存します。すべてのブラウザはJavaScriptが、それらはないユーザーがオフにセキュリティ上の理由のために切り替えることができますことができます。いいえJavascriptを:なしふりアンカー。
どのように確認できますか?
*あなたのマウスがページをナビゲートするために使用しないでください - 代わりに、タブキーを使用してください。 (シフトタブには、後方に移動する)
ブラウザで*スイッチJavascriptを"オフ"または"スクリプト"と、ウェブサイトはまだ動作しますかどうか。
色に依存する。
あなたは...を知っているか?世界の一部、8 1、男性では色の失明の何らかの形で影響を受けるですか?
これは、ごく自然なウェブサイトを作成する色を使用するのは、より魅力的な、または検索ボックスアウト、またはメニュー項目をアニメーションなどの情報を提供する(する)。しかし、どのような偉大な1つのディスプレイにひどい別の探してしまうことがありますだ。あなたは色で何か、あなたは何を言ってしまうかもしれないとに依存してください!
ブライト基本的な色は優しいパステル悪いことができます。
何が問題なの?
人々は色ブラインドすることができます*。いくつかは、視聴者の色の失明のいくつかの形式になります。赤/緑の信号は色盲の特定の問題が発生する一般的な規則です。
*画面はしばしばブラインド色です。液晶ディスプレイは悪名高い正確な色を再現するにある - どのような画面にしばしば非常に何を求めに異なる表示されます。彼らは悪い明るい光の中で取得します。
*論文は、通常、ブラインド色です。ほとんどの人は黒と白のレーザープリンタで印刷します。ない色の再現性は全くない。プリントアウトは、ウェブページの最も耐久性再現です!
どのように確認できますか?
*最も簡単な方法は、Webページを確認するモノクロプリンタで印刷することです。 (カンニングしないでください - ページから任意のプリンタ固有のCSSを削除します)
*はがより洗練されたツールを利用する色盲Webページフィルタでいる。これは、シミュレートされた色-失明の様々な種類のウェブサイトを表示されます。
*最後に、あなたがお使いのモニタでは、色覚異常の様々な種類をシミュレートするためにラインを接続する特別な箱を得ることができます。
ランブリング
ほとんどの作家は、言葉によって支払われます。熟練したコピーライターは、"教えられているより多くの場合、あなたは"販売の詳細を教えてください。ですから、あなたのウェブサイトの訪問者の最大数を変換することができます長いエッセイを、あらゆる角度と異議をカバーするので、与える雇うことができる最高の作家は。
だから:何が問題か?
*が多すぎます言葉は悪いです。人々は画面から遅いよりも、紙から実行してください。テキストが画面上で紙の上のテキストよりも大きいため読みやすいものであるにする必要があります。画面は一般的に紙より小さくなります。これらのすべての、一緒に撮影、コンピュータの画面が多少非効率的な方法情報を取得することを意味します!ほとんど誰もあなたのライターが書かれているすべてのものを読む。
*が多すぎます思考が悪いです。一般的に、お客様のサイトへの訪問者は文学を読んでいる。彼らは情報のいくつかの作品を見つけるために、おそらく決断を下すにそれらを支援するとしている。彼らはすぐにそのページが何を知っておく必要に指示が表示されない場合は、それらは別のページに見ていきます。
検索エンジンは同じように思います!彼らは、あなたのページを読む場合は、ページの内容については把握することができますし、彼らはそれを推薦することができます。ページは、次の、検索エンジンがどのページなので、今までには表示されませんと言っている理解は決して考えから逍遥ください。
どのように確認できますか?
*あなたのウェブサイトのすべてのページをご覧ください。あなたはこのページの50の単語の概要を書くのか?あなたは10ワードのタイトルを書くのか?
*使用webtoolとは何の検索エンジンがあなたのサイトには約だと思う確認する。
*モニタかどうかを訪問者が画面や紙にページを印刷から読み取ることを好む。
十分だ。
とりとめのない反対の問題が十分に言っていないです。あなたはそれらをすべてウェブ上で参照してください:
製品、カタログ番号の名前を表示*カタログページ、および"今"ボタンを買う。
タイトルだけを表示する*ニュースのページ。
だから:何が問題か?
'ナフは語った。
要約
ことは困難一緒に簡単なウェブサイトを置くことはできません。うわ因子"とウェブサイトを作る"やや困難です。しかし、本当の、工業用高強度のウェブサイトを構築する - と、まだそれは素晴らしい見て、シームレスに作業を続け - それは経験と専門知識をかかります。
だから、かどうかをウェブの開発者は初心者、伝えることができますか"、または百戦錬磨の専門家より"を取得する?ただ、彼らが開発したウェブサイトで、見て、この資料のテストを適用します。あなたはすぐにその指示することができるでしょうですが!