Web ページ制作で標準化された HTML コードを使用する場合のいくつかのポイント_HTML/Xhtml_Web ページ制作
html
spider
コード
使用
ウェブページ
Webページ制作
仕様
間違い
ページ
多くの 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 までご連絡ください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1 か月前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最高のグラフィック設定
1 か月前
By 尊渡假赌尊渡假赌尊渡假赌
アサシンのクリードシャドウズ:シーシェルリドルソリューション
2週間前
By DDD
R.E.P.O.誰も聞こえない場合はオーディオを修正する方法
1 か月前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.チャットコマンドとそれらの使用方法
1 か月前
By 尊渡假赌尊渡假赌尊渡假赌

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7530
15


CakePHP チュートリアル
1378
52


Steamのアカウント名の形式は何ですか
82
11


NYTの接続はヒントと回答です
21
76



HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。
