Web サイト最適化のためのセマンティック HTML 構造とは何ですか?

今回は、ウェブサイトの最適化のための セマンティックHTML 構造と、セマンティック指向の HTML 構造に関する notes について説明します。実際のケースを見てみましょう。

1:

1. セマンティック タグは単なる HTML であり、CSS にはセマンティックはありません。 HTMLはタグ、CSSは属性です。

2. セマンティックタグの履歴書は文書化されたページに基づいており、Web ページを文書として扱います。DOM の D (document) と JS の記述に使用される文書は、コンピューターがページをドキュメントの場合、ページをドキュメントのタイプとして分類することもできます。

3. HTMLタグ自体に意味があります。 p---paragraph、li---list、img---image などですが、p---pision などの非セマンティックなものもあり、p タグ内のコンテンツの属性や表示スタイルを表すことができません。

4. HTML に基づいて、HTML5 は、ほとんどの人の開発習慣と一般的な Web サイトのページ表示形式に基づいて、

などのセマンティック タグを追加します。私の個人的な理解では、HTML は明確に定義された属性を備えた XML であり、セマンティック HTML はページ構造をより明確にし、CSS と JS の記述を減らし、SEO に役立ちます。

以前は、検索エンジンのクローラーも Web サイトの「訪問者」であるとは考えられなかったかもしれませんが、現在では、クローラーが存在しなければ、検索エンジンは実際に非常に貴重なユーザーになります。 Web サイトのインデックスを作成できなくなり、一般ユーザーがアクセスしにくくなります

6. クローラーはパフォーマンスやパフォーマンスのために使用されるマークアップをほとんど無視するため、ページがクローラーにとって理解しやすいかどうかは非常に重要です。セマンティクス マークのみに注目してください

したがって、ページ ファイルのタイトルがタグ付けされずにマークされている場合、検索結果でのこのページの位置は比較的低くなる可能性があります

これらを読んだ後は、この方法を習得したと思います。さらにエキサイティングなコンテンツについては、php 中国語 Web サイト

その他の

関連記事に注目してください。

関連書籍:

HTMLテキストの書式設定の詳細な例

HTMLでよく使われるタグのまとめ

HTMLのタイトル、段落、改行、水平線、特殊文字の使用方法

以上がWeb サイト最適化のためのセマンティック HTML 構造とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。