XHTMLにおけるH1タグの位置について

XHTMLにおけるH1タグの位置について
最近、H1 については多くの議論が行われていますが (記事のコンテンツ ページ内)、おおよそ 2 つの状況があります。
1. H1 は記事のタイトルに使用します。 2. H1 はサイトのタイトルに使用します。<br />ほとんどの人は、最初の方法、つまり記事のタイトルに使用することを好むと思います。記事の観点から見ると、ユーザーがコンテンツ ページに入るときに見たいのはもちろん記事の内容です。記事のタイトルは当然最も重要であり、強調表示する必要があります。
さて、上記は記事の観点からのものですが、ページの観点から見るとどうなるでしょうか?
ページには、記事の内容とその内容から派生したリンクに加えて、ナビゲーション、広告、検索など、記事の内容に直接関係のないコンテンツも含まれます。ページ内で、記事は単なる 1 つのコンポーネントです。意味論的な観点から見ると、ページには、ページのコンテンツ (記事以外の部分を含む) を要約する 1 つの大きなタイトル (H1) しかありません。したがって、H1 は記事のタイトルよりもサイトのタイトルの方が正確です。 H1 とタイトルが異なることに注意してください。
ここでは、ディスカッションの中で何人かの学生が提起したいくつかのアイデアについても触れます。
1. SEOに関する質問(H1はSEOに影響します)
2.セマンティクスに関する問題<br />これら 2 つの問題は矛盾しています。SEO を行う際には、セマンティクスを放棄しなければならない場合があります。国内の SEO 手法では、基本的にセマンティクスはありません。残念なことに、最近ウェブサイトを構築する学生のほとんどは SEO に重点を置いています。
H1 は SEO に影響を与えますが、必須ではありません。ページのヘッダーの情報に比べると、その重要性ははるかに低いです。ページのヘッダー情報に注目してみてはいかがでしょうか。さらに、セマンティクスが適切に行われていれば、SEO に悪影響を与えることはありません。なぜこのような轍を踏まなければならないのでしょうか?
本文の内容はそのままで、セマンティクスに重点を置くべきだと思います。この部分は主にユーザーが見る部分であり、複数の端末に適応するためのものでもあるからです。隠しテキストも使用しているかと尋ねる学生もいました。はい、それはセマンティクスのためです。スタイルがない、またはスタイルをサポートしていない端末では、SEO のためではなく、コンテンツをより読みやすくするためです。 SEO ではヘッドに重点を置く必要がありますが、これは検索エンジンが最も重視するものでもあります。たとえば、メタには検索エンジン向けの多くの属性が含まれています。

<<:  inline-blockプロパティとの互換性

>>:  MySql 範囲内の検索時にインデックスが有効にならない理由の分析

推薦する

Docker に influxdb をインストールするための詳細なチュートリアル (パフォーマンス テスト)

1. 前提条件1. プロジェクトが展開されました2. Dockerはすでにインストールされている2...

MySQL データベースの最適化: テーブルとデータベースのシャーディング操作の詳細な説明

この記事では、例を使用して、MySQL データベースの最適化のためのテーブルおよびデータベース シャ...

NetEase ブログで使用されているシンプルな Web ページ コード

NetEase Blog でコードを使用する方法: まずブログにログインし、ブログのホームページの左...

Zabbix による SQL Server の監視プロセスの詳細な説明

Zabbix による SQL Server の監視を見てみましょう。まずfreetdsをダウンロード...

JavaScript でエラーが発生しやすい演算子操作の概要

目次算術演算子異常状況1: 特殊値リテラルを含む操作異常な状況 2: 他の種類のデータが数学演算に関...

Vue-cli を使用して Vue プロジェクトを構築する手順の詳細な説明

まず、Vue-cli をインストールする必要があります。 npm インストール -g vue-cli...

ファイルをアップロードするための HTML フォームの「参照」ボタンを変更する方法

コードをコピーコードは次のとおりです。 <!DOCTYPE HTML PUBLIC "...

ウェブページをデザインするには?ウェブページを作成するには?

Web デザインの理解に関しては、多くの人がまだ Web ページ制作のレベルにとどまっているようで...

Vue フィルター、ライフサイクル関数、vue-resource の簡単な紹介

1. フィルター例: <!DOCTYPE html> <html lang=&qu...

幅と高さが可変の要素を中央に配置するための CSS ソリューション

1. 水平中央公開コード: html: <div class="parent&quo...

ウェブデザインの発展と西洋建築の類似点は何でしょうか?

歴史は常に驚くほどうまく繰り返される。西洋建築とウェブデザインは、どちらも工学と芸術の組み合わせです...

Reactは二次連結(左右連結)を実現する

この記事では、二次リンクを実現するためのReactの具体的なコードを参考までに共有します。具体的な内...

JavaScript は、シンプルな虫眼鏡の最も完全なコード分析を実装します (ES5)

この記事では、参考までに、シンプルな虫眼鏡を実装するためのJavaScriptの具体的なコードを紹介...

フロントエンドはJavaScriptを通じてCADグラフィックスの詳細を作成および変更します。

目次1. 現状2. JSでCADグラフィックを作成および変更する2.1 サポートされているCADエン...