同じページで複数のh1タグを使用しても問題ありませんが、それらのスタイルは異なりますか？
さまざまなDIV内でh1タグを複数回使用するWebページがあり、各divのh1を適切なサイズにスタイル設定しています。
例えば...
#content h1 {
font-size:22px;
}
#left-nav h1 {
font-size:14px;
}
#content .recent-news h1 {
font-size:16px;
}
よろしいですか？ SEOが気になります。
これについて最善の方法は何ですか？それとも私は何も心配していませんか？
私の意見では、心配する必要はありません。このようにしても大丈夫です。
H1は、コンテンツの一部を第1レベルの見出しに指定します。したがって、ナビゲーションdivに第1レベルの見出しがある場合（例：<H1>Navigation Menu</H1>）、もちろん#nav h1。
コンテンツに複数のH1を含める必要があるかどうかは、ブログによって異なり、すべてのエントリに独自の見出しがある場合、それらはH1になります。ただし、ブログ自体に見出しがある場合（例：<H1>My Blog!</H1>）、ブログエントリの見出しはH2である必要があります。
しかし、それは理論にすぎません。読みやすいセマンティックマークアップを選択してください。あなたはあなたのhtmlを見て自分自身に尋ねることによってそれを決定することができます： 'それは読みやすいですか？逆にすると、読みやすさが向上しますか？」答えはプロジェクトごとに異なります。
グーグルのマット・カッツ氏は次のように回答しました ページ上の複数のH1：良いか悪いか？ （2009年3月5日）
まあ、複数のセクションを持つ論理的な理由がある場合は、それほど悪くはありません。複数の
h1sを知っています。やりすぎに注意を払います。ページ全体がh1の場合、かなりクレティに見えますよね？したがって、すべてのh1を実行せずに、CSSを通常のテキストのように見せてください。競合他社のユーザーが、ユーザーがCSSをオフにしたり、CSSがロードされなかったりすると、本当に見えます。悪い。つまり、ここにh1を少し入れて、ページに2つのセクションがあり、ここにh1を少し付けてもかまいません。しかし、あなたは本当にそれをヘッダーや見出しに使うべきです、それが意図です。ページ上のどこにでも
h1を投げるだけではありません。私はあなたに言うことができるので、あなたがページのどこにでもh1を投げるだけなら、人々はそれを悪用しようとしました、そしてそれで私たちのアルゴリズムはそれを考慮に入れようとするのでそれは本当にあなたにそれほど良いことをしません。だから私はそれを意味があり、より控えめにそれを使用しますが、あなたはそれを複数回持つことができます。
H1はレイアウトではなくコンテキストを示すために使用されることを覚えておいてください。したがって、ページに複数あることには本質的に問題はありません。
この特定の例では、左ナビゲーションh1がコンテンツh1および最近のニュースh1と同じコンテキストの重要性を持っているかどうかを判断する必要があります。明確な階層が頭にある場合は、ヘッダータグを使用してそれを示します。
一般的に、ページごとに1つのh1のみがあり、そのh1はそのページのコンテンツを簡潔に表す必要があります。 CSSを使用してスタイルを設定する場合は、使用する見出しを適切に表す見出しのレベル（h2、h3、h4など）を見つけ、代わりにスタイルを設定します。
意味的に、私は主にページのタイトルのために、ページ上で1つのh1を使用することを好みます。それはおそらくSEOではあまり問題にならず、htmlがHTML5で進んでいる方法では、汎用のheaderタグがそれをはるかに単純にし、この引数は廃止されます。
複数のH1sのアイデアが好きではありません。 H1はトップレベルであり、最も重要な見出しであり、ページは基本的にそのトピックに関するものです。同様に重要な2番目のトピックがある場合は、別のH1タグに配置せず、別のページに配置してください。それに値するね？
私はページに1つだけH1を配置しようとし、タイトルタグのコンテンツからほとんどまたはわずかに再配置します/ H1は個々のページの主要なアイデアであり、それ以外はすべてh2タグと下位でなければなりません... 。
Seoに関する場合は、h1タグを使用することをお勧めします。また、目的に合わせて使用する場合は、cssスタイルシートを使用します。
最も重要なことは、ウェブページで複数のh1タグが使用されている場合、Googleはそのページをスパムと見なす可能性があることです。 h2 h3 h4 h5 h6のようなh1以外の他の見出しタグを何度でも使用できます。
同じ質問に答えようとして、いくつかの有用な情報があるかもしれないこの質問を投稿しました。異なる場所で同じH1、H2、H3を使用することに対する私の懸念は、常に例で行ったように「親」スタイルを常に指定しない限り、問題が発生する可能性があることです。
*つまり、「h1」を単独で定義することはありません
それはすべて、あなたのdoctypeが何であるかによります。 html5では、セクションごとに複数のh1タグを使用してもかまいません。 （読みません、<section></section>に従って！）例でXHTML 1.0 Transitionaldoctypeを使用する場合、1つのページで複数のh1タグを使用することは避けます。
例としてXHTML 1.0 Transitionaldoctypeを使用する場合、私は次のようなものをよく使用します。
- h1：最大ページごとに1回
- h2：最大。ページごとに2回
- 等.
また、@ joel、あなたの答えはまあまあですが、だれでも混乱させないでください...私はGoogleのソフトウェアエンジニアであると言えます。そして、私はエンジニアです...申し立てを行う際は、会社名と証明書を記載してください。
私のページのすべてのブロック要素の上部にH1タグを配置することは、SEOの良い習慣だと思いますが、それは私だけです。もちろん、このH1タグには、ターゲットとするキーワード/トピックに関連する情報を含める必要があります。
これは私が見つけた非常に効果的なSEOの方法であるため、これを行わないように指示している人々は、あなたが私たちの賞金に参加するのを妨げようとしています。