説明する最初のポイントは、人々が視覚分割を通じてコンテンツのセマンティクスを判断し、検索エンジンがコードのみを見ることができるということです。検索エンジンは、タグを使用してコンテンツのセマンティクスのみを判断できます。私は以前に検索エンジンにあまり注意を払っていませんでしたが、今ではページのトラフィックの大部分が検索エンジンから来ているため、今はもっと気にし始めています。ページをできるだけフレンドリーなエンジンにするには、タグを可能な限りセマンスティック化する必要があります。
過去には、Web開発の簡単な理解に基づいて、標準を満たす良いページを書くには、構造とパフォーマンスを分離するだけで、テーブル、フォント、その他のタグを使用しないと感じました。記事全体のDIVについては、CSSは非常に強力であるため、問題はないと思います。ただし、すべてのタグには独自のセマンティクスがあり、以下はいくつかのタグのセマンティクスです。
Divセマンティクス:分割(分離)
スパンセマンティクス:スパン(スコープ)
olセマンティクス:注文リスト(並べ替えられたリスト)
ULセマンティクス:順序付けられていないリスト(並べ替えられたリストではありません)
liセマンティクス:リスト項目(リスト項目)
…………
ラベルセマンティクスとデフォルトスタイルを無視し、すべてのラベルにDIVを使用する場合、CSSを柔軟に使用する限り、実際に良い視覚効果のあるページを書くことができます。しかし、その場合、要件は視覚的に満たされていますが、ページ全体にはセマンティクスがまったくなく、検索エンジンはまだ理解できません。だから、覚えておいてください:
構造(HTML)が重要なポイントであり、スタイル(CSS)が構造を変更するために使用されます。したがって、最初にHTMLを決定し、タグを決定してから、適切なCSSを選択する必要があります。
一般的に言えば、すべてのタグにはデフォルトのスタイルがあるため、Webページのセマンティクスが良いかどうかを判断する簡単な方法は、Webページ構造がよく整理されており、整然としているかどうか、そしてそれがまだ十分に読みやすいかどうかを確認することです。
さらに、Hタグに言及する価値があります。 Hタグのセマンティクスはタイトルです。検索エンジンは、このタグ、特にH1とH2により敏感です。優れたセマンティックページの場合、hタグは完全であり、障害なしに整然とする必要があります。言い換えれば、H1、H2、H3、H4、およびH1、H3、H4、およびMISS H2のように押し下げます。よく構成されたWebページであるHタグは、Webページの概要を整理できます。