h1が適切に設定されていないと、クローラーにWebページの内容をきちんと把握してもらえず、せっかく作ったコンテンツが低評価になる可能性があります。
ｈ1の基礎知識と設定方法について詳しく紹介するので、適切なh1を設定できるようになりましょう。
ｈ１ってなに？
ｈ１とは…
Webページの文章に「見出し」を定義するために使用するhタグの中で最も重要度の高いタグです。
hタグについて
ｈ１～ｈ６まで存在し、数字が小さいほどより重要な見出しを表します。
hタグとSEOの関係は？
hタグはSEOにおいて、「クローラーにWebページの文章構成を伝える」という重要な役割を果たしています。クローラーは、文章の中にどのような単語が含まれているのかを認識することはできます。ですが、それがどのような構成になっているのかまでは理解できません。
hタグを使用して文章を整理することで、クローラーは階層的に文章の内容を理解することができるようになります。
ｈ１タグを使用する際の注意点
上記の説明でhタグがいかに重要かは理解して頂けましたね。なかでもh1は1番重要度の高いタグです。h１に含まれる内容は、クローラーに「このページ内で1番主張したいテーマだ」と認識されます。下記の注意点を守って、適切な設定を行いましょう。
注意１： 長すぎるテキストを設定しない
これはhタグ全般に言えることですが、長すぎるテキストはユーザーにとっての「見出し」の意味をなしません。ユーザーファーストを心掛け、本文を簡潔に要約した見出しを設定しましょう。
注意２：フォントサイズを変更する目的で使用しない
一般的なブラウザでは、見出しのランクに応じてhタグ内のテキストの文字サイズを変えるような設定となっております。（WordPressの投稿ページにおいても同様の設定がされています。）
しかし、これはあくまで見出しレベルに合わせて見やすくするための設定であり、文字サイズを変えることが目的ではありません。フォントサイズを調整したい場合は、CSSで行いましょう。
本来の見出しを付けるべきではない箇所をｈタグで設定してしまうと、クローラーが正しく文章の構成を理解できなくなってしまいます。せっかく作ったコンテンツが、誤認されて低評価されないようにしましょう。
h1のかつての用法との変更について
h1にはこれまで、下記のような古いルールが推奨されていたこともあります。
・h1の使用は1ページ内に1箇所のみ
・ロゴなどの画像の設置には使用しない方がいい
しかし、現在は「h1は複数使用しても良い」「画像を使用しても問題ない」というのが新たな定説となっています。
特に、h1の使用回数に関してはGoogleのジョン・ミュラー氏が公式Twitterにて
「As many as you want」=「お好きなだけどうぞ」と広言をしています。
万人向けとして進化した検索エンジン
かつては、コンテンツのポイントになるのはどこなのか、検索エンジンにより伝えやすくするために、上記のような決まり通りにページを記述する必要がありました。そのため、ある程度専門的な知識を持っている人しかうまくSEO対策を行えなかったのです。
しかし、現在のGoogleの検索エンジンは、大幅に「万人向け」として進化しました。専門的な知識や技術がない人でも、コンテンツを評価してもらえる環境になったのです。
h1の書き方を紹介
次はh1の書き方についてご紹介します。
HTMLでの記述方法
ｈ1の基本的な書き方は、下記となります。
▼h1記述例
<h1>ここにテキストを入力</h1>
<h1></h1>タグで囲んであれば、問題ありません。
記述場所には厳格なルールはありません。ですが、前述したようにｈ２以降の見出しタグを使用することを考慮し、なるべくページの上部に記述しておくとよいでしょう。
Word Pressで設定方法
Word Pressの場合、h1に相当するのは下記の図の赤枠の部分です。Word Pressでh1を設定する場合は、<h1></h1>タグで囲む必要はないので、テキストのみ入力しましょう。
ユーザーと検索エンジンに優しいh1設定を心掛けよう！
ｈ１はクローラーとユーザーにWebページのテーマを伝えるための、重要な項目です。作ったコンテンツの内容をクローラーにしっかりと把握してもらうためには、適切なhタグの設定は必須です。今回紹介した注意事項を守って、適切なh1を設定しましょう。
関連記事
meta descriptionとは？基礎知識と設定方法を紹介
あなたは普段Webサイトを閲覧する時、タイトルや説明文を軽く読んでから訪問するサイトを決めていませんか？
たいていの人は同じ方法で閲覧するサイトを決定しています。そのため、タイトルや説明文がいい […]
モバイルフレンドリーとは？順位を下げないための基礎知識と対応方法
突然ですが、あなたのサイトはモバイルフレンドリーテストに合格していますか？
Webサイトがモバイルフレンドリー化されていないと、検索順位の低下など、深刻な影響を受ける可能性があります。
今回はモバイルフレンド […]
クロールを最適化するsitemap.xmlとは？意味と設定方法を紹介します
普段Webサイトを利用している時に「このサイトは使い勝手がわるいな」と感じたことはありませんか？メニューが分かりづらく、なかなか見たいページに辿りつけないことはよくありますよね。
実はサイトに対 […]
コメントアウトの便利な使い方と注意点についてご紹介します コメントアウトは単なるメモだと思われることも多いですが、「誰でも読みやすいコード」を書く際には必須のスキルです。誰でもコードの変更がしやすい状態を作っておくことで、サイトの「保守性」も高まります。
今回はコメントアウトの基 […]
404エラーの原因と解決方法|マネしたい404エラーページのデザインも紹介します
普段Webサイトを閲覧している時に、真っ白な背景に「お探しのページは見つかりませんでした」「404 not […]
筆者紹介
株式会社doubLe ソリューション事業部 SEO部門 部門長
2017年4月新卒として株式会社doubLeに入社。
WEBデザイン、リスティング広告運用、SEO内部対策と幅広い分野の業務を経験し、2019年6月SEO部門の部門長に就任。
ファイナルSEOブログの運用を担当し、「効果の出るSEO対策」を追及している。ソリューション事業部の元気印として日々奮闘中。
