ウェブページ作成時に標準 HTML コードを使用する際のポイント

ウェブページ作成時に標準 HTML コードを使用する際のポイント

多くの Web サイト デザイナーが犯す最も一般的な間違いは、Web ページが IE で正常に表示されるのに、コードが正しいと思い込むことです。Web サイトのランキングが理想的ではないと不満を言う人もよく見かけます。Web サイトをざっと見てみると、HTML コードにさまざまなエラーがたくさんあることがわかります。このようなコードに基づいて Web サイトを最適化するためにどれだけ努力しても、結果は無駄になる可能性があります。
多くの Web サイト デザイナーが犯す最も一般的な間違いは、Web ページが IE で正常に表示されるのに、コードが正しいと思い込むことです。Web サイトのランキングが理想的ではないと不満を言う人もよく見かけます。Web サイトをざっと見てみると、HTML コードにさまざまなエラーがたくさんあることがわかります。このようなコードに基づいて Web サイトを最適化するためにどれだけ努力しても、結果は無駄になる可能性があります。
実際、IE は HTML コードのエラーに対して非常に寛容なブラウザです。余談ですが、マイクロソフトを攻撃する理由はいろいろありますが、マイクロソフトが自社の製品を操作しやすく、使いやすいものにするために行ってきた努力は否定できません。 ——Web ページが IE で正常に表示できるからといって、そのページの HTML コードに問題がないということではありません。Web ページが複数のブラウザーで正常に表示できるからといって、その HTML コードが完全に合法で有効であるということにはならないとも言えます。結局のところ、すべてのブラウザーは基本的なフォールト トレラント機能を保証しなければなりません。そうでないと、ネットワーク伝送の 1 点だけが原因で、HTML ページが正常に表示されないことがあります。これは、ネットワーク帯域幅がまだ逼迫している今日でも頻繁に発生します。
合法かつ有効な HTML コードとは何ですか?<br />簡単に言うと、Web ページは HTML (Hypertext Markup Language) 要素で構成されています。ASP や PHP などの動的ページの場合でも、サーバーは ASP または PHP ステートメントを対応する HTML 要素にレンダリングしてクライアントに送信します。JavaScript などの場合、クライアントはそれを HTML に変換します。
他の言語と同様に、HTML にも独自の文法規則があります。ブラウザと検索エンジン スパイダーはどちらも、これらの規則に基づいて Web ページ コードの内容を分析します。しかし、多くの場合、熟練した人であっても、HTML ページを作成するときに HTML コード エラーを回避することは困難です。また、ほとんどの WYSIWYG エディターによって HTML が冗長化され、サイズが肥大化することも問題です。
ページに HTML 標準構文の違反がない場合、その HTML コードは合法かつ有効であると言えます。
SEO における合法かつ有効な HTML コードの重要性<br />検索エンジンに Web ページを組み込むには、検索エンジンのスパイダーが Web ファイルを理解できるようにすることが前提条件です。この前提に基づいてのみ、Web サイトの最適化とプロモーションについて話すことができます。検索エンジン スパイダーが Web ページを読み取る基礎は HTML 仕様です。HTML コードを分析することで、スパイダーは Web ページのコンテンツを判断し、これに基づいて対応するキーワードの関連性を判断できます。
検索エンジン スパイダーとブラウザの違いの 1 つは、そのフォールト トレランスがブラウザよりはるかに劣っていることです。ページ コードに解釈できない HTML コードが含まれている場合、ページの読み取りが停止したり、Web サイトのクロールが停止したりすることがあります。さらに深刻なエラーが発生すると、すでに収集した Web サイトの他のページのコンテンツ情報が破棄されることもあります。
最近では、主要な検索エンジンも、HTML コードで一般的なエラーが発生した場合にコンテンツの収集に影響が及ばないように、Spider のフォールト トレランスを向上させるために最善を尽くしています。しかし、多くの場合、終了タグが省略され、ページ全体のコンテンツが無視されることがあります。
一方、合法かつ有効な HTML は、Web ページが複数のブラウザーで正しく解釈されることを保証し、同じページが IE では正常に表示されるが Mozilla では大きく歪んで表示されるといった状況を回避します (もちろん、完全に回避することはできません)。これは、Web サイトの使いやすさを向上させる上でも大きなメリットとなります。
HTML コードの有効性を検証するにはどうすればよいですか?
インターネット上には、Web ページのコードが合法で有効であるかどうかを確認するのに役立つ同様の無料サービスが多数あります。最も有名なのは W3C HTML Validator で、これは W3C (World Wide Web Consortium) によって公式に開始された無料サービス プロジェクトです。そのページでは、検証する HTML アドレスを入力するか、ローカル マシンに HTML ファイルをアップロードするだけです。検証結果がすぐに返され、正しいかどうか、エラーがある場合はその内容、およびエラーを改善する方法が示されます。
同時に、W3C HTML Validator は CSS ファイルの検証サービスも提供します。
W3C 検証に合格する必要がありますか?
この質問に対する答えはそれほど明確ではありません。
理論上、合法的な HTML コードを使用すると、検索エンジン スパイダーが Web サイトのページのコンテンツ情報を収集しやすくなります。しかし一方で、すべての HTML コード エラーが Spider のクロールに影響するわけではありません。つまり、少数の HTML エラーは Spider にとって許容されます。では、W3C 認証に合格する必要があるのでしょうか?
一方、Mark Daoust のテストでは、少数の HTML コード エラーが Google ランキングでページを有利にする可能性があることが示唆されています (明確な結論は出ていません)。もちろん、これは非常に議論の余地がありますが、少なくとも少数の HTML コード エラーが SERP での Web ページのランキングに影響を与えないことを証明しています。
私の意見では、HTML にあまり詳しくない場合は、100% W3C 検証に合格することにこだわる必要はありません。結局のところ、コンテンツやリンクの作成など、本当に取り組むべき領域に、より多くの時間とエネルギーを費やすことが重要です。ただし、HTML コードに大きなエラーがないことを確認する必要があります。もちろん、HTML にかなり精通している場合は、少し時間をかけて完全に正しいことを確認してみませんか?そのため、必ずしもW3C認証に合格する必要はありませんが、少なくとも各種ブラウザで正常に表示され、検索エンジンのスパイダーが正常に解析できることを保証する必要があります。
HTML コードの効率を向上する<br />前回の記事では、多くの WYSIWYG エディターによって発生する HTML の冗長性と肥大化の問題について触れました。この状況は、多くの中国の Web サイトでよく見られます。 FrontPage や Dreamweaver などの WYSIWYG エディターは、特に Web ページを変更するときに、多くの不要な冗長コードを生成することがよくあります。ウェブページの HTML ファイルに大量の冗長コードが含まれていると、ファイルが肥大化し、ウェブページの表示速度が遅くなり、ウェブページの効率が損なわれるだけでなく、対応するウェブページの検索エンジンのランキングにも重大な影響を与えます。
W3C 認定に合格することにエネルギーを注ぐよりも、CSS を導入するなど、コードを簡潔できれいなものにすることにエネルギーを注ぐ方が良いと個人的には思います。この最適化の効果はより顕著になります。

<<:  英語のシングルクォーテーション「''」を含むSQLの記述の失敗について徹底解説

>>:  Vueスロットの使用の詳細

推薦する

Vueでeslintを使用する方法の詳細な説明

目次1. 説明2. 関連する依存パッケージをダウンロードする3. 設定ファイル .eslintrc....

Vue ログインページでクッキーを使用してパスワードを 7 日間記憶する方法

問題の説明プロジェクトのログインページでは、7日間パスワードを記憶する必要がある機能があります。この...

MySQL 演算子の具体的な使用法 (and、or、in、not)

目次1. はじめに2. 本文2.1 および演算子2.2 または演算子2.3 オペレーター2.4 no...

nginx でネストされた if メソッドを実装する方法

Nginx はネストされた if ステートメントをサポートしておらず、if ステートメントでの論理判...

ウェブデザインの概要

<br />1998年に最初の個人ページが誕生してから2008年の今日まで、デザイン業界...

JavaScript の高度なプログラミングの基本参照型

目次1. 日付2. 正規表現3. オリジナルパッケージタイプ序文:参照値(オブジェクト)は、 Dat...

Vue.js フロントエンド Web ページ ポップアップ非同期動作例の分析

目次1. 序文2. ポップアップコンポーネントを2つ見つける3. 自分で作る3.1. Promise...

Telnet は Alpine イメージの busybox-extras に移動されました

Alpine イメージの telnet はバージョン 3.7 以降、busybox-extras パ...

Navicat for MySQL 11 登録コード\アクティベーションコードの概要

おすすめの読み物: Navicat12.1シリーズのクラッキングとアクティベーションのチュートリアル...

vue-cropper を使用して vue で写真をトリミングする方法をご存知ですか?

目次1. インストール: 2. 使用方法: 3. 組み込みメソッド: 4. 使用方法:要約する公式サ...

Centos7でのMySQLインストールチュートリアル

MySQLインストールチュートリアル、参考までに具体的な内容は次のとおりです。 1. ダウンロードY...

jsを使用してスライダーをドラッグする効果を実現します

この記事では、jsでスライダーをドラッグする方法の具体的なコードを参考までに共有します。具体的な内容...

MySQLインデックスとは何ですか?わからない場合は聞いてください

目次概要二分木からB+木へクラスター化インデックス非クラスター化インデックスジョイントインデックスと...

Nginxを使用してストリーミングメディアサーバーを構築し、ライブブロードキャスト機能を実現する

前面に書かれた近年、ライブストリーミング業界は非常に人気が高まっています。伝統的な業界でのライブスト...

IE で UTF8 エンコードされたページで行が理由もなく空白のままになり、UTF8 ページが表示されない問題の解決方法

理由は、すべてのファイルが utf8 でエンコードされているためです。ファイルがインクルードされると...