• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:SEO的に最も良いh1~h3指定順位とは?)

SEO的に最も良いh1~h3指定順位とは?

このQ&Aのポイント
  • Webサイトの構成において、h1~h3の指定順位について悩んでいる方からの質問です。
  • 一般的にはタイトルをh1にする「案1」が良いとされますが、検索エンジンの上位表示を意識するなら本文をh1にする「案2」も一考の価値があります。
  • また、タイトルをh1にし、本文タイトルをh2にする「案3」も選択肢の一つです。SEO的に最も効果的な指定順位については、実際のWebサイトの内容や目的によって異なるため、状況に応じて判断する必要があります。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

SEOを誤解している?  h1はそのページの見出しですから、ページの内容を適切に示したものであることが望ましいです。言い換えればtitleと同じものです。  それをどのように表示するかはスタイルシートの問題です。  また、hgroupはHTML5の要素ですが、HTML5ではhgroupは必要最小限--他に方法がないときに使用します。文書構造を考えると <header>  <h1>このサイトのタイトル</h1><!-- 他のページと同じ --> </header> <section>  <h1>本文の見出し</h1><!-- titleと同じ -->  <section>   <h2>この章の見だし</h2>   <p>記事</p>   <section>    <h3>この項の見だし</h3>    <p><time class="date" datetime="2012-10-05">October 5</time></p>    <p>記事</p>   </section>   <section>    <h3>この項の見だし</h3>    <p><time class="date" datetime="2012-10-05">October 5</time></p>    <p>記事</p>   </section>  </section> でしょう。h要素があるということは新しいsectionがあるはず、逆にひとつのセクションには二つ以上のhがあるはずがない・・と言う前提です。やむをえない場合にhgroupをつかう。  なお、HTML5では、h1~h6の添数字は意味を持ちません。その代わりにsectionの階層が意味を持ちます。そのためすべてh1を使うこともできます。それぞれ長短があります。 【すべてh1で統一した場合】  ページの改訂で階層を変更しても既存の部分を変更する必要がない。メンテナンスが容易になります。  仕様書では ・sectionで階層をつけてそれぞれにh1を使用する。 ・sectionの階層に見合ったh要素をつける。  のいずれかを使用することが強く推奨されています。 【引用】____________ここから Sections may contain headings of any rank, but authors are strongly encouraged to either use only h1 elements, or to use elements of the appropriate rank for the section's nesting level.  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[4.4 Sections — HTML5( http://www.w3.org/TR/2011/WD-html5-20110525/sections.html#headings-and-sections )]より  詳しくは上記を参照してください。

selene2010
質問者

お礼

article、section、hgroup? http://oshiete.goo.ne.jp/qa/7730082.html と同じお礼になります。 回答ありがとうございます。 HTML5の<h1>~<h6>は重要度だと思っていました。 助言を元に考えると下記のようになりました。 <title>サイト名</title> <hgroup> <section> <h1>10月3日</h1> <article> <h2>タイトル</h2> <p>本文</p> </article> <article> <h2>タイトル</h2> <p>本文</p> </article> </section> <section> <h1>10月4日</h1> <article> <h2>タイトル</h2> <p>本文</p> </article> </section> </hgroup> 作りたいのは日記サイトなんですがネタが毎日あるわけではないので年月日ではなく月日で管理しようと思っています。 そのためdatetimeは使えませんでした。 改良前: <hgroup> <h1>タイトル</h1> <h2>日時</h2> <h3>本文</h3> </hgroup> 改良後: <hgroup> <section> <h1>10月4日</h1> <article> <h2>タイトル</h2> <p>本文</p> </article> </section> </hgroup>

selene2010
質問者

補足

この質問の続きは下記に移動しました。 article、section、hgroup? http://oshiete.goo.ne.jp/qa/7730082.html

その他の回答 (1)

回答No.1

検索エンジン対策として、H1タグ指定はあまり有効ではなくなってきました。 CSSを利用してデザインを行う際に利用者(顧客)が使いやすいデザインにすることが一番望ましいとGoogleも公言しています。 利用者の視点からは、日付がなにを意味するものかわかりませんが、案1が一番読みやすいのではないかと思います。

selene2010
質問者

お礼

回答ありがとうございます。 h1~h6は重要度だと思っていました。 検索エンジン対策にもならないのですね。 h1は大見出し、h2は中見出し、h3は小見出しと覚えたのでタイトルはh1、本文はh2、日付はh3にするべきかと悩んでました。 ありがとうございます。