ヘッダータグ:SEO用のH1、H2、H3 HTMLヘディングタグのシンプルな(しかし完全な)ガイド

公開: 2020-08-25
ヘッダータグガイド

これは、2021年のヘッダータグの完全なガイドです。

この新しいガイドでは、SEOヘッダータグを初めて使用する場合や、(Googleによって)見出しタグをだまされていない場合でも、H1からH6タグを使用して検索エンジンのランキングを上げる方法を正確に学習します。仕事。

HTMLの見出し要素について、(簡単に言えば)それらが何であるかから、コンテンツのリーチとエンゲージメントを高めることが証明されている高度な見出し戦略まで、知る必要のあるすべてを学ぼうとしています。

対象となる内容の概要は次のとおりです。

  • 見出しタグとは何ですか、正確にはそれらの使用方法
  • H1、H2、H3タグの違いと、それぞれのタイプを使用するのが適切な場合
  • 見出しタグが今不可欠である5つの理由
  • 完全に構造化されたヘッダータグ階層の構造
  • より高いランキング(および売上高)を提供するH1からH6タグを作成する方法
  • さらに多く

始めましょう。

ダウンロード:この投稿に含まれているヘッダータグの最適化のヒントを実装する方法を正確に示す無料のチェックリスト。

見出しタグとは何ですか? 専門用語のない定義

簡単な言葉で:

見出しタグは、ページの見出しを定義するために使用されるHTML要素です。

これらは、見出し<h1>および小見出し<h2>から<h6>を他のコンテンツと区別します。

1から6までの数字は、見出し構造の全体的な階層における見出しの重要性と位置を決定します。

H1, H2, H3 Header Tags

ほとんどのSEO用語と同様に、見出しを説明するために交換可能に使用される同義語のすべての方法があります。

ヘッダータグ、HTML見出し、およびHタグは、同じことを説明する他の方法です。

したがって、以前にそれらのSEO用語を聞いたことがある場合は、それらが何を意味するかがわかります。

それらはすべて、異なる名前の単なる見出しタグです。

一方、「 HTMLヘッダー」は、Webページの<header>要素間のコードセクションです。

これは、ナビゲーション、ロゴ、作成者情報、見出しの詳細などの紹介コンテンツのコンテナです。

言い換えれば、それはあなたの見出しタグを(とりわけ)含むことができるコンテナです

Headers Tags Vs Header HTML

また、見出しタグをHTMLコードの< head >要素と混同しないでください。

< head >はメタデータ(データに関するデータ)のコンテナーであり、Webページの< html >タグ<body>タグの間に配置されます。 その内容はページに表示されませんが、SEOにとって重要です。

これは、ページタイトル、メタディスクリプション、およびGoogleAnalyticsなどのスクリプトが格納されるコード内の場所です。

Head Tags Vs Head Element

まだ私と一緒に?

よし、続けましょう。

H1タグとは何ですか?

H1について何も知らないと仮定しましょう。

私はあなたと本当に簡単な定義を共有します:

H1は、Webページの主要な見出しを示すHTMLタグです。

それを開梱しましょう。

  • これはHTML要素であり、H1タグがWebサイトのコード内にあることを意味します。
  • これは、メインの見出し、通常はページの最初に表示されるヘッダーをマークアップするために使用されます。

テキストを目立たせるために、H1タグは通常、ページまたは投稿の残りのテキストよりも大きく、目立つように表示されます。

H1 Header Tag Blog

見出し1タグの使用方法を理解するための最も簡単な方法は、ドキュメントのアウトラインを書いていると想像することです。

ドキュメントのメインタイトルは<h1>である必要があります。

ドキュメントの全体的なトピックを表し、最初に大きなフォントとして表示される必要があります。

SPI H1 Heading

H1タグの例:

上記のSmartPassive Incomeの例を使用すると、H1タグの値は「LearnEthicalAffiliateMarketing」になります。

HTMLで表示すると、H1タグは次のように表示されます。

 <h1>Learn Ethical Affiliate Marketing</h1>

もちろん、Webサイトのページには複数の見出しが必要な場合があります。

これが他の見出しタグの出番です。

H2タグとは何ですか?

H1タグは、ドキュメントのメインの見出しに使用されます

主なポイントは、H2と呼ばれる小見出しで囲まれています。

言い換えると:

<h2>タグは、Webページの第2レベルの見出しを定義します。

ただし、見出しタグはH2で停止しません。

<h2>タグの下のサブポイントは、<h3>見出しタグを使用します。

H1, H2, H3 Heading Structure

また、<h3>タグの下のサブポイントは、<h4>見出しタグを使用します。

H1 to H6 Heading Structure

このシーケンスは、ヘッダータグ階層で最も重要度の低い<h6>タグまで続く可能性があります。

しかし:

H4、H5、およびH6タグを必要とするほど深くコンテンツを作成することは非常にまれです。

(コンテンツが非常に長く技術的でない限り)。

この画像SEOのように、私のブログ投稿のほとんどは5,000語以上の長さです。

ブログ投稿単語数

それでも、私の小見出しは単なるH2とH3で構成されています。

H2, H3 Tag Structure

それでは、H2タグをまとめましょう。

H2小見出しタグは、コンテンツを分割し、スキャン可能で読みやすくするために使用されます。

H2タグ

H2は、重要な情報を強調表示し、ページのサブセクションを表示するために使用されます。

必要に応じて、H2の下のサブポイントの見出しとしてH3タグを使用できます。

上記の例を使用すると、H2タグはHTMLコードで次のようになります。

 <h2>How To Claim Your Business On Google</h2>

とった? 良い。

次に、見出しタグと、それらをHTMLでコーディングする方法について詳しく説明します。

HTMLの見出しタグ:そしてH1の重要性

見出しタグ、特にH1タグは、HTML構造内で重要な機能を備えています。

説明させてください:

HTMLファイルはノードの組み合わせとして定義できます。これにより、見出しタグは他のノードが分岐する開始点になります。

したがって、HTMLファイルには(理論的には)H1見出しが1つだけ含まれている必要があります。

なんで? H1タグは、他のすべてのノードが開始するルートであるためです。

対照的に、順序が低いヘッダー(H2からH6)は、必要に応じて何度でも使用できます。

ただし、論理階層を維持する必要があります。これについては後で詳しく説明します。

コードの観点から、見出しタグはテキストのみを表示するために使用されます。

そのため、見出しのフォーマットは、フォーマットとコンテンツを分離するためにCSSファイルで指定する必要があります。

見出しタグの例とそれらをHTMLでコーディングする方法

見出しタグをWebサイトコード内のヘッダーにするのは、2つの単純なHTMLタグです。

開始<h>タグと終了</ h>タグ。

これらの2つのタグの中には、表示する見出しテキストがあります。

H1 Tag Exampe

2つの小見出しを持つ見出しのコード行は次のようになります。

 <h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>

もちろん、Webサイトのコードには見出しだけが表示されるわけではありません。

本文のコピーやその他の要素も含まれます。

一連の見出しと本文のコピーが含まれているHTMLコードは次のようになります。

 <h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>

コード要素にはそれ以上のものはありません。

覚えとけ:

すべての見出しタグは、開始<h>タグで始まり、終了</ h>タグで閉じる必要があります。

タグ階層(1〜6)は、「h」の直後に指定され、開始タグと終了タグの両方で定義する必要があります。

テキストコンテンツは、2つのタグ要素の間に書き込まれます。

とはいえ、次のようになります。

Webページをカスタムコーディングしていない限り(私が一般的に推奨するものではありません)、見出しタグのHTMLコードはコンテンツ管理システムによって処理されます。

WordPressでH1をH6タグに追加する方法

WordPressは、Webで最も人気のあるコンテンツ管理システムです。

WordCampによると、現在WordPressを使用しているサイトは7500万を超えています

これは、ワールドワイドウェブ上のすべてのウェブサイトの約30%です。

WordPressの人気の理由は、検索エンジンの使いやすさと使いやすさです。

カスタムページタイトルやパーマリンク、ハイパーリンク、最適化された画像などのSEO機能を追加するのは、WordPressでは簡単です。

ページまたは投稿に見出しタグを追加することも同様です。

WordPressで見出しタグを追加する主な方法は2つあります。 両方をお見せします:

(a)。 エディターを介してWordPressにH1タグを追加する

見出しを追加する最も簡単な方法は、エディターを使用することです。 すでにグーテンベルクブロックエディタを使用している場合は、[+]ボタンをクリックして[見出し]を選択します。

Adding Header Tags WordPress Block Editor

そこから、追加する見出しを選択できます。

Heading Tag Selector WordPress

クラシックエディタをまだ使用している場合は、それも簡単です。

エディターのビジュアルタブが表示されていることを確認し、テキストスタイルのドロップダウンに移動します。

次に、ドロップダウンメニューから[見出し1]または[見出し2]…またはその他の任意の見出しを選択します。

H1 Tags WordPress

簡単ですね

WordPressでH1からH6タグを追加するための次のオプションは、HTMLを使用することです。

(b)。 エディターを介してWordPressにH1タグを追加する

気になる場合は、HTMLを使用してWordPressに見出しを追加することもできます。

あなたはフォローしていると確信しているので、<h1>、<h2>、<h3>などのHTMLコードをすでに知っています。

開始<h>で始まり、終了</ h>タグで終わり、見出しテキストが間に挟まれています。

従来のエディターを使用してWordPressの<h6>タグに<h1>を追加するには、テキストタブを表示する必要があります。

Adding H1 Tags WordPress HTML Block

ブロックエディタで、HTMLとして編集するように切り替える必要があります。

これを行うには、ブロックツールバーの3つの縦のドットをクリックします。 次に、[HTMLとして編集]オプションを選択します。

そのようです:

H1 Tags WordPress HTML Classic

どちらのエディターでも、使用する見出しタグを以下からコピーして貼り付け、見出しテキストを更新するだけで、準備は完了です。

 <h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>

次に、Shopifyに注目しましょう。

ShopifyでH1からH6タグを追加(または変更)する方法

それがシーンに突入して以来、Shopifyはすぐに選択されるeコマースプラットフォームになりました。

Hosting Tribunalによると、50万近くのWebサイトがShopifyを使用しています。

WordPressのように、Shopifyを最も魅力的なものにしているのは、そのユーザー中心性です。

製品の管理、ページの追加と削除、投稿はすべて信じられないほど簡単です。

<H2>を<H6>見出しタグに追加することも同様です。

ページまたは投稿エディタ内で、[書式設定]タブをクリックするだけです。

Adding Heading Tags Shopify

次に、目的の見出しタグを選択します。

Shopify Heading Tags Formatting

WordPressやその他のコンテンツ管理システムと同様に、Shopifyはコードエディターも提供します。

コードエディタを使用してShopifyに見出しを追加するには、エディタウィンドウの<>ボタンをクリックして、見出しコードを追加します。

Shopify Text Editor

ものすごく単純!

一方、Shopifyストアの他のページ(ホームページや製品ページなど)に<H1>タグと<H2>タグを追加して最適化する場合は…

Shopifyテーマファイルを編集する必要があります。

幸いなことに、PluginUsefulのDanielSimは、これに関する便利なガイドをここにまとめました。

なぜ見出しを使用するのですか?

そこで、見出しタグを追加する「方法」について説明しました。

しかし、それでも、そもそも「なぜ」見出しを使用するのか疑問に思われるかもしれません。

特にGoogleがSEOの見出しの使用を過大評価していると説明した場合:

John Mueller Heading Tags Quote

Googleが言っていることにもかかわらず、(実際には)見出しタグを使用する必要があるいくつかの重要な理由があります。

1.見出しタグはアクセシビリティを向上させます–これによりコンテンツのリーチが広がります

視覚障害のある読者を含むすべての人がコンテンツにアクセスできるようにしたい場合は、見出しタグが非常に便利です。

画面読み上げテクノロジーは、H1やその他の見出しタグを使用して、ユーザーがコンテンツをナビゲートしたり、ページをスキャンしたり、検索したりできるようにします。

画像ソース:Jackie Tidwell

すでに学習したように、見出しはHTMLに埋め込まれています。つまり、次のことを意味します。

スクリーンリーダーは、HTMLを使用してコンテンツ構造を識別し、見出しを読み上げることができます。

次に、これは視覚障害者に役立ち、視覚障害のあるユーザーは、記事の内容の概要を把握できます(単語ごとに聞く必要はありません)。

その後、記事を完全に読むかどうかを決定できます。

そのうえ:

スクリーンリーダーには、ある見出しから次の見出しにジャンプするためのショートカットが用意されています。

言い換えれば、ヘディングタグは視覚障害者がナビゲーションにも使用します。

2. Googleはタイトルタグの代わりにH1を使用します(関連する場合)

いくつかの(そうではない)まれな例。

Googleがタイトルタグを見つけられない、または処理できない場合など。

Googleは、ページの次に関連性の高い部分からタイトルを抽出することを選択する場合があります。

多くの場合、これは利用可能な最も目立つテキスト要素であるため、見出し1タグになります。

タイトルタグとヘッダータグ

ある意味で、ページのH1タグは、そのタイトルタグと同様の目的を果たします。

それは検索の意図を満たし、読者にページから何を期待できるかを伝え、ユーザーがもっと読むことにワクワクするようにする必要があります。

これで、GoogleがH1をSERPで表示することを選択できることがわかりました。 クリックに値する説得力のある見出しを作成してください。

それを行う方法のヒントは後で共有します。

3.見出しは注目のスニペットで使用されます

この注目のスニペットを確認してください。

Featured Snippet List Snippet

これは、2020年のトップソーシャルメディアブログを特集するリストスニペットです。

そして、あなたはこのテキストがどこから引っ張られると思いますか?

ご想像の通り。 ランキングページの見出し:

Header Tags Top Social Media Sites

増え続ける注目のスニペットに表示したい場合は、ページに見出しを組み込むことが重要です。

それは私の次の理由に私をもたらします:

4. Googleは見出しを使用してコンテンツを解釈します(そしてランキングを上げます)。

この点については、Googleからの2つの声明で説明します。

まず、Googleのシニアウェブマスタートレンドアナリストであるジョンミューラーから、次のように述べています。

「ページ上のテキストの構造をよりよく理解するために、Hタグを使用しています。」

次に、以前はGoogleの検索品質チームに所属していたMattCuttsからです。

「Googleはさまざまなことを検討しています。 私たちは200以上のものを見ていますが、PageRankはそのうちの1つにすぎません。 タイトルやURLで使用するものをランク付けするときはいつでも、 h1タグなどのように強調表示されているものを知っています。」

マット・カッツ、グーグル

これをさらに拡張するには:

Googleはページの見出しを使用して、コンテンツの内容を(より適切に)解釈します。

見出しは通常、コンテンツブロックの前に配置する必要があるため、次のようにします。

Googleは見出しを表示して、テキスト、画像、またはビデオに続くコンテンツについて学習します。

見出しと本文のコピーが一致している場合、Googleは、コンテンツが(コンテンツに関連する)クエリに関連する回答を提供することをより確信できます。

そして順番に、あなたはわずかなランキングのブーストを得るでしょう。

John Mueller Header Tags Quote

それでは、見出しを使用する5番目の理由に移ります。

5.見出しの使用は、より高いランキングと相関しています

私が今まで見たほとんどすべてのSEO相関研究は、ページの上位ランキングと見出しの間に小さいが正の相関を示しました。

SEMラッシュからこれを取ります:

SEMrush Header Tag Study

(H2およびH3タグを使用して)適切に構造化された記事を使用すると、パフォーマンスが向上する可能性が高いことがわかりました。

そしてこれはMozからのものです:

Header Tags in Moz Ranking Factors Study

Mozランキングファクターの調査では、H1見出しタグにキーワードが含まれているページのランクが高くなる可能性が高いことがわかりました。

これらの研究によって見出しタグに与えられた重み付けは中程度にすぎませんが、

一部のSEOは、見出しタグと上位のランキングとの相関関係が、上位のランキングを上げることを証明しないと(正しく)主張します。あなたは私に同意すると確信しています。

十分に最適化された見出しタグを使用することは価値があります。

またはそれは?

H1タグは本当に機能しますか(SEO実験)?

そこにあるすべてのSEOガイドは同じアドバイスを提供しています:

H1タグアドバイス
出典:Backlinko

しかし、すべてのブログがこれらのいわゆるSEOのベストプラクティスに従っているわけではなく、Mozもその1つです。

Moz.comは、SEOのトピックに関して、最も信頼されている(そしてトラフィックの多い)Webサイトの1つですが、それでも次のようになります。

MozのブログにはH1タグがなく、代わりにメインの見出しにH2タグを使用しています。

Mozブログが(H1の代わりに)見出しにH2タグを使用していることに気付いた後、DistilledのCraigBradfordはMozのCyrusShepardに連絡を取りました。

CraigとCyrusは一緒に、H1タグが検索エンジンのランキングに影響を与えるかどうかを一度に決定する実験を実行することを決定しました。

そのために、SearchPilotを使用してMozブログの見出しの50/50分割テストを考案しました。 SEO A / B分割テストツール。

Moz H2 Tags

実験では、Mozの見出しの半分がH1に変更され、残りの半分はH2として保持されました。

次に、2つのグループ間のオーガニックトラフィックの違いを測定しました。

主要な見出しが誤った見出しタグ(H2)から正しい見出し(H1)に変更されたときに何が起こったと思いますか?

答え:

あまりありません!

8週間のデータ収集の後、彼らは次のことを決定しました。

ブログ投稿の見出しをH2からH1に変更しても、統計的に有意な差はありませんでした。

これから何を推測できますか?

メインの見出しがH1またはH2で囲まれている場合、Googleはページのコンテキストを同様に判断できます。

それは、ベストプラクティスを放棄し、H1を廃止する必要があることを意味しますか?

全くない。

見出し構造:完全に構造化されたヘッダータグ階層の構造

私がすでに指摘したように:

見出しは、ページ上のコンテンツの構成を伝えます。

そして、あなたのコンテンツを読者にとってより消費しやすいものにします。

したがって、Googleは「見出しタグ」がなくても、ページで何が注目に値するかを判断できると述べていますが…

見出しタグを使用して正しく構造化することのSEOの利点により、必要な余分な労力は、見出しタグをまったく使用しない場合よりも重要になります…

その場合、質問は次のようになります。

見出しタグを構成する方法:Webページの単純な(論理的な)階層

見出しの構成に関しては、従うべきいくつかの簡単なルールがあります。

  • ランク(またはレベル)ごとのネストの見出し
  • 最も重要な見出しはトップランクです(<h1>)
  • 最も重要度の低い見出しのランクが最も低くなります(<h6>)
  • ランクが同じかそれ以上の見出しは、新しいセクションを開始します
  • ランクの低い見出しは、ランクの高いセクションの一部である新しいサブセクションを開始します

これらのルールを適用するときは、ユーザーのことを念頭に置いてください。

まず、ページをスキャンするビジュアルユーザー。

タグ階層により、ページ構造がより目立つようになり、スキャンしやすくなりますか?

次に、視覚障害のあるユーザー。

タグ階層は各セクション(およびページ全体)を表しており、視覚障害のあるユーザーが最も関心のある部分に直接移動できるようになっていますか?

ヘッダータグを声に出して読む場合、ユーザーはページに含まれる情報とその構成方法を(正確に)知ることができますか?

これらの質問のいずれかに「いいえ」と答えた場合は、構造を再考する必要があります。

例を使用してみましょう:

 <h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>

上記の構造では:

アウトラインは、<h1>ではなく2つの<h3>見出しで始まり、これらの見出しはどちらもWebページのメイン見出しではありません。

代わりに、それらはテンプレートの見出しの周りのナビゲーション構造の一部です。

さらに、コンテンツが開始されると、アウトラインはレベル1からレベル3にジャンプし、間にレベル2の見出しは表示されません。

あなたが想像できるように;

これらの見出し(画面読み取りデバイスの見出しなど)をスキャンするユーザーは、多少混乱します。

コンテンツが彼らが探しているものではないと仮定します。

戻るボタンをクリックして、他の場所に移動します。

訪問者が負けました!

見出しの構造を正しくすることが重要である理由を理解できたと思いますか?

同じ例にこだわる…

見出しの構造は、適切な順序で次のようになります。

 <h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>

見出しの各レベル<h1>から<h3>は、コンテンツのある部分から他の部分への関係を示します。

見出しの下のコンテンツは、その上の見出しに論理的に関連しています。

同様に、コンテンツの<h2>ブロック内のコンテンツは、その前にある<h1>の下に論理的に配置されます。

このように、見出し構造はドキュメントのコンテンツを階層的に編成します。

そして、何が重要かを非常に明確にします。

ビンゴ!

H1タグチェック:見出し監査を実行する方法

これで、サイトの新しいページを構成する方法がわかりました。

しかし、既存のページはどうですか?

正しい見出しタグを使用しているかどうかをどのように確認できますか?

さて、いくつかの方法があります:

まず、 Webサイトのソースコードを確認できます

これを行うには、GoogleChromeを使用して確認するWebページを参照します。

次に、[表示]、[開発者]、[ソースの表示]の順にクリックします。

H1タグ監査ビューソース

次に、「Control F」を押してページ内検索機能を起動し、続いて「<h1」を押して開始H1HTMLタグを見つけます。

このプロセスは、「<h2」などの検索を使用してH2に対して繰り返すことができます。

H2タグソースを表示ルックアップ

SEO Quakeなどのブラウザ拡張機能を使用して、見出しタグを表示することもできます。

SEO Quake

SEO Quakeがインストールされている状態で、確認するページを開き、SEO Quake内の[診断]タブに移動して、[見出し]セクションまでスクロールします。

各レベルの見出しタグの総数が表示され、表示されている階層に見出しタグが一覧表示されます。

SEOクエイクヘディングタグ

上記のページを簡単に確認すると、H1、H2、およびH3タグが使用されており、タグは論理階層で構造化されていることがわかります。

しかし、問題があるかもしれません。

このページには、2つのH1見出しが含まれています。

H1タグ:1ページに推奨されるH1要素の数

前に指摘したように、ページにはH1タグを1つだけ含める必要があります。

これは、H1タグが、他のすべての見出しの元になるルートノードであるためです。

また、H1タグを1つだけ持つことで、SEOの取り組みは1つのメイントピックに集中します。H2とH3を使用する見出しの下に複数の(包括的な)サブトピックがあります。

これが最近のランキングにとって理想的な構造です。

しかし、ページに複数のH1がある場合はどうでしょうか。

それともH1がまったくないのですか?

SEMRushが行った調査によると、Webサイトの大部分にH1タグの問題が含まれています。

SEMrushヘッダータグ調査

しかし、グーグルによれば、これは心配する必要はありません:

特に、HTML5はH1を使用して、同じページ内の複数のセクションの先頭に立つことができるためです。

だから私は何をお勧めしますか?

同じページ内に個別のセクションを持つことができるHTML5をすでに使用している場合は、各セクションにH1タグを使用することはまったく問題ありません。

ただし、HTML5より前のコードを使用している場合(通常、1ページは1つのコアトピックを意味します)、1つのh1 / 1ページのルールに固執してください。

キラーH1からH6タグを作成する方法。 5つのヘッダー作成のヒント

次に、バウンス率を大幅に削減し、ページ滞在時間を増やし、最終的にウェブサイトの検索エンジンのランキングとコンバージョンを向上させる見出しの書き方を正確に説明します。

飛び込みましょう:

1.彼らが何を求めているかを彼らに与える–H1で検索意図をマスターする

グーグルはあなたの見出しにキーワードを使うことはあなたがより良くランク付けするのを助けないと言います。

彼らは間違っています!

見出し内のキーワードは直接のランキング要素ではないかもしれませんが、それでも時間の経過とともに上位にランク付けするのに役立ちます。

どうして?

2つの小さな言葉; 検索インテント。

グーグルで何かを検索し、関連する結果をクリックして、ランディングページにたどり着いたと想像してみてください。

シナリオAでは、ヒットしたページに、検索用語と完全に一致する明確に表現された見出しがあります。

良い検索意図

シナリオBでは、ページの見出しが検索用語とまったく一致していません。

悪い検索意図

どのページに残りますか?

もちろん、ページA。

ランクブレインとして知られるGoogleの機械学習アルゴリズムは、ユーザーの滞留時間を測定することにより、この概念をランキング要素として使用します。

長い滞留時間(別名、ページ滞在時間)は、検索者の満足度の尺度です。

ユーザーがウェブページに長時間滞在する場合(ポゴではなく、すぐに検索結果に戻る)、Googleはユーザーが探しているものを見つけたと見なします。

そして、順番に、ページにランキングを上げます。

簡単に言えば:

最近の上位ランキングでは、滞留時間を最大化し、ホッピングを最小限に抑えることが不可欠です。

滞留時間に影響を与える最も重要な要因の1つは、ユーザーが最初にページにアクセスしたときに表示されるものです。 言い換えれば、見出し。

すべての有料検索スペシャリストが「ホッケースティック」というキーワードをターゲットにしているかどうかを教えてくれるので、ランディングページの見出しにはその用語(または非常に近いバリエーション)を含める必要があります。 オーガニック検索についても同じことが言えます。

ここで重要なのは、 ターゲットキーワードまたはそれに近いバリエーション

もちろん、必要に応じて正確なキーワードを含めることもできますが、必須ではありません。

主なことは、ユーザーの検索の背後にある意図を一致させることです。これにより、バリエーションと同義語を使用して、見出しをより自然で魅力的なものにすることができます。

いずれにせよ、見出しに検索用語を反映すると、ユーザーに「探しているものが見つかりました」と表示され、ユーザーが固執する可能性が高くなります。

これを例で説明しましょう:

Detail.comのGlenAllsoppは、リンク構築に関するこのバンパー投稿を書きました。

キーワード「高度なリンク構築」をターゲットにしています。

高度なリンクビルディング

投稿が検索意図を満たすのを助けるために、グレンは投稿ページタイトルに彼のキーワードを含めます:

タイトルタグのキーワード

そして再びページのヘッダーに。

見出しのキーワード

「高度なリンク構築」を検索している人なら誰でも、Glenの投稿に彼らが探しているものがあることは明らかです。

これは、Glenの投稿の滞留時間を改善し、GoogleのRankBrainアルゴリズムを和らげるのに役立つだけです。

2.「SoWhat」テクニックを使用して、退屈な機能に焦点を当てた見出しをメリット主導のフックに変えます

短い、機能に焦点を当てた小見出しを書く代わりに。

私はH2の少なくとも50%に利点を組み込んでいます:

メリット主導のサブヘッダー

なぜ私はそれをするのですか?

利点を使用することにより、私の情報がSEOとしての読者の役割にどのように役立つかを示唆します。

例えば:

SEO実験についてのこの投稿では、H2として「アウトバウンドリンクを使用する」と書くことができました。

しかし、代わりに、情報が解決する問題を示す影響力のあるメリットを含めました。

H2タグでメリットを使用する

あなたがSEOであり、同じ問題を抱えているなら、あなたはほぼ確実に読み進めます。

では、利益重視の見出しをどのように作成しますか?

質問:「だから何?」 複数回。

EnchantingMarketingから収集した例を紹介します。

特徴:オーブンはすぐに予熱します。

だから何?

ラザニアの調理をすぐに始める準備ができています。

だから何?

あなたの食べ物はもっと早くテーブルにあります。

だから何?

人生はそれほどストレスがありません。 オーブンの準備が整うのを待っているキッチンの周りにぶら下がることは少なくなります。 そして、心配する必要はありません。 オーブンを予熱するのを忘れるかもしれません。

「予熱機能」として始まったあなたの見出し

今になる可能性があります:

「このユニークな予熱機能で時間を節約し、ストレスを軽減します」

どちらがあなたをページに釘付けにする可能性が高いですか?

3.目立つフォントと対照的な色で見出しをポップにします

あなたはあなたのコピーを釘付けにしました、そしてあなたの見出しは検索意図を完全に満たします、次は何ですか?

読者がコンテンツをより適切にナビゲートできるように、見出しと小見出しを区別できるようにする必要があります。

つまり、見出しはページ上で「POP」する必要があります。

区別できるようにするためには、色、サイズ、フォント、または効果を視覚的に区別する必要があります。

見出しの差別化

または、これらすべての組み合わせ。

いくつかの例を見てみましょう。

Ahrefsブログは、ヘッダーを区別するのに優れた役割を果たします。

Ahrefsヘッダー

それらは異なるフォントサイズを使用し、ヘッダー階層を下に移動するにつれて黒から灰色に微妙に進みます。

ボーナスポイントには、自社ブランド専用に開発されたカスタムフォントも使用しています。

もう1つの良い例は、ブログの見出しに対照的なオレンジを使用しているEricSiuのシングルグレインです。

シングルグレインヘッダー

見出しを目立たせたいので、ページ上の他の要素とは視覚的に異なります。特に、アクションの呼び出しです。

視覚的なオーバーラップが多すぎると、CTAの眼球が少なくなり、コンバージョンが低下する可能性があります。

それで、私の4番目のヒントに

4.これらの気の利いたコピーライティング技術を活用して、バウンス率を下げ、売り上げを伸ばしましょう

これで見出しの執筆を真剣に受け止められない場合は、何も起こりません。

ブライアンクラークの見出しの引用

この声明は、見出しの重要性と、それがあなたの作品全体の有効性を決定する理由を強調しています。

要するに、あなたの見出しが良いほど、平均を上回り、あなたが書いたものを読む可能性が高くなります。

これは、メインの見出し(H1)だけでなく、サブ見出し(H2からH6)にも当てはまります。

コンテンツが中断されるたびに、読者には2つの選択肢があります。

彼らは立ち止まるか、読み続けます。

そのため、見出し全体(H1からH6)で魅力的なコピーを使用することが重要です。

私はコピーライティングの専門家ではないので、ヘッドラインライティングのヒントを共有するためにNevile MedhoraKopyWritingコースに任せます。

5.これらの見出し要素をコンテンツに挿入することにより、読者のトラックを停止します

グラフィックの使用は優れています。

見出しの使用は優れています。

しかし、両方を組み合わせると、本当の魔法が起こります。

すでに説明したように:

ユーザーのページ滞在時間を改善すると、ランキング結果が向上します。

滞留時間が長いと、ユーザーはGoogleに満足していることがわかります。その結果、コンテンツのランキングが上がります。

滞留時間とランクブレイン

ページ滞在時間を改善するには、何よりも注目すべきことが1つあります。

コンテンツを読みやすくします。

とは別に;

  • 短い段落
  • 画像とマルチメディア
  • 引用ブロック
  • 箇条書き
  • クイズ

小見出しの横に挿入する必要のある、中断を伴うコンテンツ要素がもう1つあります。これにより、トラックの「コンテンツスキマー」が確実に停止します。

カスタムヘッダーグラフィック

SEO Sherpaブログで、ローカルSEOに関するこのまとめをご覧ください。

H2ヘッダータグに加えて、投稿の各サブセクションを紹介するカスタムグラフィックを追加しました。

カスタムヘッダーグラフィック

それらは投稿をより印象的に見せてくれるだけではありません。

しかし、それらはページ滞在時間をまともな4分の平均に引き上げるのに役立ちます。

ページ上の時間

これは、サイトの平均をはるかに上回っています。

ページの平均滞在時間

幸運にも2人のフルタイムのデザイナーがスタッフにいるので、これらのグラフィックの作成は簡単でした。

しかし、独自の設計チームを構築する準備ができていない場合でも、そこにはまだたくさんのオプションがあります

  • Canva –画像編集ツール(無料)
  • PicMonkey –グラフィックデザインメーカー(無料)
  • 99デザイン–フリーランサーデザイナー(低コスト)
  • アップワーク–フリーランスプラットフォーム(低コスト)

どちらのルートを選択しても。

次回、SEOコンテンツの長い部分を作成するときは、ヘッダーグラフィックを追加して、ページ滞在時間(およびランキング)が上昇するのを見てください。

これで、ヘッダータグについて知っておく必要のあるすべてのことと、検索エンジン最適化を強化するためにそれらを使用する方法がわかりました。

これで終わりです!

これらのテクニックをあなたのサイトで実践する方法

これらの手法を利用してサイトのパフォーマンスを向上させるのに役立つ無料の見出しチェックリストを作成しました。

投稿で説明した戦略の使用方法を段階的に説明します。

以下からダウンロードしたら、コメントで私に知らせてください。これは、お気に入りのヘッダー作成のヒントです。 私は知りたいです。

ヘッダータグのダウンロード