SEOにおけるH1タグの役割についての簡単な説明

H1とH2は、HTML言語のごく基本的なものです。もともと、H1〜H6はタイトルのフォーマットを制御するために使用されていました。しかし、検索エンジンの継続的なアップデートにより、人々は徐々にH1、H2、H3がSEOに与える影響を発見しました。しかし、今日Lao Liがお話しするのは、ロゴにH1を追加するかどうかです。

通常、静的ページを設計する場合、アーティストは h1 を使用してタイトルを表すため、あまり多くのコードを設定する必要がありません。検索エンジンは h1 が強調表示された部分であると判断します。最近、多くの人がロゴに h1 を追加していることがわかりました。重みが増すためです。Lao Li も試してみましたが、確かに機能しましたが、設定に問題があったため、目的から少し外れてしまいました。 6月に、Lao Liはホームページのタイトルをロゴのaltに追加し、ロゴにh1を追加しました。結果は図のとおりです。内部ページをどのように調整しても、重み付けされた単語は常にホームページのタイトルでした。

ラオ・リーはこれまで気にしたことがなかったので、ずっと内部ページの構造を調べてきました。昨日、偶然h1の設定に関する質問を見て、h1の設定について調べてみました。基本的には意見が分かれています。ロゴにh1を追加することを支持する人もいれば、重みに影響を与えると言う人もいます。しかし、ラオ・リーは昨日、慎重に分析しました。実際には、どのように設定するか、どのように設定するかには適切な対処法が必要であり、他の人の方法を完全にコピーすることはできません。

ロゴ設定 h1 については、Local Treasure、Word of Mouth、Soufang などの洗練されたアプローチを採用している Web サイトの場合、これらの Web サイトのコンテンツは 1 種類の製品のみを中心に展開されているため、ホームページのロゴにキーワードを追加すると、サイト全体が確実に強化されます。ポータルやローカルポータルを使用している場合は、ロゴにキーワードを追加したり、NetEaseやSinaのようにウェブサイト名を追加したりすることはお勧めしません。ただし、この方法はブランディングに適しています。ローカルポータルのコンテンツは比較的複雑で、キーワードが多い可能性があるため、キーワードを追加してもWebページの重み付けの向上には役立ちません。

以下は、上記の 2 つの状況について、h1 を追加する方法を説明します。

改良されたウェブサイト:

例えば、Soufang.comは不動産に特化しており、不動産情報、不動産賃貸、不動産販売などを集めています。ロゴのaltにキーワードを追加することができます。例えば、不動産というキーワードだけを追加し、ロゴの組み合わせによって、さまざまなチャネルを通じて不動産賃貸、不動産販売、深セン不動産などを形成できます。したがって、洗練されたウェブサイトの場合、ロゴにh1を追加することをお勧めしますが、追加するキーワードは慎重に検討する必要があります。そうしないと、逆効果を引き起こしやすくなります。

ポータルまたはローカルポータル:

例えば、深圳ホットラインや古城ホットラインなどの多くのローカルポータルサイトはコンテンツが大量であるため、キーワードの位置付けは1つまたは複数の単語に限定されない場合があります。したがって、組み合わせが難しい場合は、サイト名を追加することをお勧めします。初期の効果は良くありませんが、その後の効果は非常に明らかです。

H1追加

これがこの記事の焦点です。2 種類の Web サイトが H タグを使用してどのように重量を改善できるかについてはすでに説明しました。次に、H タグの使用について具体的に説明します。 H タグのフォントサイズは、H1 から H6 にかけて徐々に小さくなります。通常は h1 から h3 です。CSS の変更により、フォントがページフォントと一致するようになります。検索エンジンの場合、ウェイトも H1 から H6 にかけて小さくなります。そのため、H タグを設定する場合、ホームページ、リストページ、コンテンツページを問わず、H1 タグは 1 つだけ配置し、H2 タグの数はコンテンツの量に応じて 10 を超えないようにし、H3 タグは一般的に隅の列名にします。

前述のSoufunの例は、誰もが慎重に検討できます。洗練されたWebサイトでもポータルでも、このアプローチを採用できます。前提条件は、1つのキーワードだけを実行しているかどうかを確認することです。そうでない場合は、ロゴにh1タグを追加しないことをお勧めします。

最も理想的な H1 の使い方はピラミッド型です。

ホームページ: メインキーワードに H1 を追加し、キー列のキーワードをマークするために h2 を使用し、フッター内の補助的な指示をマークするために h3 を使用します。

リストページ: 列名または列キーワードに H1 が追加され、リストタイトルに h2 が追加され、サイドバーの記事タイトルに H3 が追加されます。

コンテンツページ: 記事タイトルに H1 が追加され、関連記事のタイトルに H2 が追加され、サイドバー記事のタイトルに H3 が追加されます。

最適化された H タグの使用:

<html>
<title>iPhone 3Gs</title>
<本文>
<h1>iPhone 3Gs の機能</h1>
<p> ここに導入文を記述します</p>
<h2>iPhone 3G のマルチメディア機能</h2>
<p> カメラ、ビデオ、ディスプレイの機能について話す</p>
<h2>iPhone 3G の物理的特徴</h2>
<p> 物理的な寸法、色、スタイルなどについて話します。</p>
<h3>iPhone 3G の寸法</h3>
<p>iPhone 3Gs の寸法詳細</p>
<h3>iPhone 3Gs の色</h3>
<p> iPhone 3G のカラー詳細</p>
<h1>iPhone 3Gs アクセサリ</h1>
<p> iPhone 3Gs 専用アクセサリについて話す</p>
</本文>
</html>

上記の例では、

このページのテーマは iPhone 3Gs なので、タイトルは iPhone 3Gs です。

最初のレベルのブランチには、iPhone 3G の機能と iPhone 3G のアクセサリが含まれるため、H1 タグが使用されます。

iPhone 3Gs のマルチメディア機能と本体機能は iPhone 3Gs の機能に従属するため、H2 タグを使用します。

本体のサイズとカラーがiPhone 3Gsの特徴なので、H3タグを使用しました。

上記の例から、H1タグのピラミッド構造がはっきりとわかります。このピラミッドレイアウトを柔軟に使いこなすことができれば、Webサイトの重量を改善するのは実はとても簡単です。

H1、H2、H3 タグの使用方法とテクニックに関するこの記事は、Yizhong.com の Li 氏が実際の作業分析に基づいて執筆したものです。すべての Web サイトに当てはまるとは限りません。H タグを正しく使用するには、ページに優れたロジックと明確な思考が必要であり、情報構造に応じて適切な H1、H2、H3 を選択する必要があります。

この記事は元々、Yizhong.com (http://www.ez369.cn) の Lao Li 氏によって執筆されました。転載の際はリンクをそのままにしておいてください。お読みいただきありがとうございました。

元のタイトル: SEO における H1 タグの役割についての簡単な説明

キーワード: H1、タグ、SEO、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化

<<: Hタグについていくつか言いたいこと

>>: インタラクションデザイン分析：デザインにおいて無視できない製品の状態