ホームページ  >  記事  >  ウェブフロントエンド  >  Web ページ制作で標準化された HTML コードを使用する場合のいくつかのポイント_HTML/Xhtml_Web ページ制作

Web ページ制作で標準化された HTML コードを使用する場合のいくつかのポイント_HTML/Xhtml_Web ページ制作

WBOY
WBOYオリジナル
2016-05-16 16:44:091612ブラウズ

多くの Web サイト設計者が犯す最も一般的な間違いは、Web ページが IE で正常に表示される場合にコードが正しいと思い込むことです。Web サイトのランキングが理想的ではないと不満を漏らす人さえよく見かけます。 Web サイトにアクセスして見てみると、HTML コードにさまざまなエラーが含まれていることがわかります。そのようなコードに基づいて Web サイトを最適化するためにどれほど努力しても、結果は無駄になる可能性があります。
余談ですが、IE は HTML コードに対する耐障害性が非常に高いブラウザです。Microsoft を攻撃する理由はさまざまですが、Microsoft の製品運用はアクセシビリティに関して非常に厳格です。そして使いやすさも無視できません。 ——IE で Web ページが正常に表示されるということは、そのページの HTML コードに問題がないということではなく、さまざまな環境で Web ページが正常に表示されるということにも当てはまります。これは、HTML コードが完全に合法で有効であることを意味するものではありません。結局のところ、すべてのブラウザが基本的なフォールト トレラント機能を保証する必要があります。そうしないと、ネットワーク上の何らかの原因で HTML ページが正しく表示されなくなる可能性があります。これは、ネットワーク帯域幅がまだ狭い場合に、現在でも頻繁に発生します。
合法かつ有効な HTML コードとは
簡単に言えば、Web ページは HTML (Hypertext Markup Language: ハイパーテキスト マークアップ言語) 要素で構成されており、ASP や PHP などの動的ページであっても、ASP または PHP ステートメントは対応する HTML 要素にレンダリングされます。 JavaScript などの場合はクライアントにダウンロードされ、クライアントはそれを HTML に変換します。
他の言語と同様、HTML にも独自の構文ルールがあり、ブラウザーと検索エンジン スパイダーはこれらのルールに基づいて Web ページ コードのコンテンツを分析します。しかし、ほとんどの WYSIWYG エディタによって引き起こされる冗長で肥大化した HTML の問題は言うまでもなく、たとえ熟練した人であっても、HTML ページを構築するときに何らかの HTML コード エラーが発生することは避けられないことがよくあります。
ページ内に HTML 標準構文仕様に違反するコンポーネントがなければ、そのページは合法で有効な HTML コードであると言えます。
SEO における合法かつ有効な HTML コードの重要性
検索エンジンに当社の Web ページを含めるには、これに基づいてのみ、Web サイトの最適化と Web サイトのプロモーションについて話すことができます。前提として、検索エンジンのスパイダーが当社の Web ファイルを読み取ることができます。検索エンジンのスパイダーが Web ページを読み取るための基礎となるのは HTML 仕様であり、スパイダーは HTML コードを分析することで Web ページの内容を判断し、これに基づいて対応するキーワードの関連性を判断できます。
明確にしておく必要があるのは、検索エンジン Spider はブラウザとは異なり、ページ コード内に解釈できない HTML コードがある場合、そのフォールト トレランスがはるかに悪いということです。ページの読み取りを停止する場合、ページのサイト内でのクロールが停止する場合や、さらに深刻なエラーが発生すると、サイト内の他のページのコンテンツに関して収集した情報も破棄される場合があります。
主要な検索エンジンは現在、HTML コードで一般的なエラーが発生した場合にコンテンツの収集に影響を及ぼさないように、Spider のフォールト トレランスを向上させるために最善を尽くしています。しかし、多くの場合、終了タグが欠落しており、ページ全体のコンテンツが無視されることが依然として発生します。
一方、合法的で有効な HTML は、Web ページが複数のブラウザーで正しく解釈されることを保証し、同じページが IE では正常に表示されるが、Mozilla では著しく変形されるという状況を回避します (もちろん、そうではありません)を完全に回避します)。これは、Web サイトのユーザビリティの向上にも大きなメリットがあります。
HTML コードの合法性と有効性を検証するにはどうすればよいですか?
インターネット上には、Web ページのコードが合法で有効であるかどうかを確認できる同様の無料サービスが多数あります。最も有名なものは、W3C (World Wide Web Consortium) によって正式に開始された無料サービスである W3C HTML Validator です。 : World Wide Web Alliance) のページで、検証する HTML アドレスを入力するか、ローカル マシンに HTML ファイルをアップロードするだけで、検証結果が正しいかどうか、エラー内容がすぐに返されます。それらを改善する方法など。
同時に、W3C HTML Validator は CSS ファイルの検証サービスも提供します。
W3C 検証に合格する必要がありますか?
この質問に対する答えはそれほど絶対的なものではありません。
理論的には、合法的な HTML コードを使用すると、検索エンジン スパイダーが Web サイト ページ上のコンテンツ情報を収集しやすくなります。しかしその一方で、すべての HTML コード エラーが Spider のクローリングに影響を与えるわけではありません。つまり、HTML の少数のエラーは Spider にとって許容されるということになります。
一方、Mark Daoust のテストのように、少数の HTML コード エラーの存在がページの Google ランキングでより有利になることが (明確な結論は出ていませんが) 暗示されています。これは非常に物議を醸していますが、少なくとも、いくつかの HTML コード エラーの存在が SERP での Web ページのランキングに影響を与えないことを証明しています。
私の個人的な意見では、HTML にあまり慣れていない場合は、W3C 検証を 100% 通過することに固執する必要はありません。結局のところ、本当に取り組むべき方向により多くの時間と労力を費やすことが基本です。コンテンツやリンクの作成など、HTML コードに重大なエラーがないことを確認してください。もちろん、HTML 言語に堪能なら、それが完全に正しいかどうかを確認するために少し努力してみてはいかがでしょうか。したがって、私たちがしなければならないことは、必ずしも W3C 認証に合格する必要はありませんが、少なくともさまざまなブラウザーで正常に表示されることと、検索エンジンのスパイダーが正常に解析できることを確認する必要があります。
HTML コードの効率を向上させます
先ほど、多くの WYSIWYG エディターによって引き起こされる冗長で肥大化した HTML の問題について触れましたが、この状況は多くの中国の Web サイトで非常に一般的です。 FrontPage や Dreamweaver などの WYSIWYG エディタは、特に Web ページを変更する場合に、多くの不要な冗長コードを生成することがよくあります。ページの HTML ファイルに大量の冗長コードが含まれていると、ファイルが肥大化し、Web ページを開く速度が低下し、Web ページの効率が損なわれるだけでなく、検索エンジンのランキングにも重大な影響を及ぼします。対応する Web ページの。
個人的には、W3C 認証に合格することにエネルギーを注ぐよりも、CSS を導入するなど、コードを合理化し、きれいで簡潔なコードを実現することにもっとエネルギーを注ぐ方が良いと考えています。このような最適化の効果はより明らかになります。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。