正しい見出しの設定方法について h3 タグの書き方

Question

#正しい見出しの設定方法について

例えば　h3　の書き方について質問です。以下の見出しの　h3　の書き方は正しいのでしょうか？

<H1>sample</H1>
　　<H2>sample</H2>
　　　　<H3>sample</H3>
　　　　　　<H4>sample</H4>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No1
　　　　　　<H4>sample</H4>
<H1>sample</H1>
　　<H2>sample</H2>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No2
　　　　　　<H4>sample</H4>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No3
　　　　　　<H4>sample</H4>
　　<H2>sample</H2>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No4
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No5
　　　　　　<H4>sample</H4>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No6
　　　　　　<H4>sample</H4>
　　　　　　　　<H5>sample</H5>
　　<H2>sample</H2>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No7

NO1からNO7までお答えいただけると助かります。長い回答となりますがこの際にしっかり押さえたくよろしくお願いいたします。

Answer 1

なんの正しさを知りたいのかによります。

• レガシーでストリクトな考え方をするならh1タグが複数ある時点でNGです。
• またマークアップの原則から構造的に順番を守らないで見出しをつける（h5-h1-h3的な処理）のは

合理的ではありません（ただ、例示されているhtmlは連続性があるので問題ありません。）

• しかし上記２点はhtmlのルールではないようなので無視することもできます
• SEO的にgoogleがいうにはh1が複数設定してあったり、h1-h6がバラバラでも問題ないそうです。

Answer 2

<h1>､<h2>... というふうに､数字の順番通りに書かなくては､いけないのか､という質問ですかね? もしそうだとしたら､hタグは､見出しの大きさを表すタグで､とくに順番は関係ないと思いますよ〜 結果的に､順番通りに書いた方が､レイアウトにまとまりがある､ということは､あるかも知れないけれど...

Comments

[yoshinavi]

解決済みですが…
順番は関係ありますよ。

[okahijiki]

コメント､ありがとうございますー｡そのへん､解説いただけると､勉強になりますー｡

[yoshinavi]

一般的に「関係ない」と言われるのは、googleのアナウンス等で「SEOのランク影響に関する、
ヘッダー順番は関係ない」発言の一部が広まったと考えられます。

ヘッダー（h1～h6）は「見出し」としての定義がされており、出てくる見出し番号がバラバラは、ページの構造的にあり得ません。

先程のgoogleの発言によると「SEO」としては、直接の影響は無いのかもしれません。
しかし、文章構造として見ると、順番が違うことは間違いです。

webサイトは「SEO」が全てではありません。機械的なSEOを施しても、見るのは人間です。
「Webアクセシビリティ」「Webユーザビリティ」
を考慮する必要があり、欠かせません。
※結果論ですが、優れたページであれば外部リンクも増え、間接的にはSEOにも関連してくると推測できます。

こういった意味合いから「順番は関係あります」との発言になりました。
※乱文にて意味が分かりにくいかも知れません。
(^^;)

参考：
https://webtan.impress.co.jp/e/2018/04/20/29008
https://www.w3.org/WAI/tutorials/page-structure/headings/

[okahijiki]

コメント､ありがとうございますー｡
SEO対策としてのhタグのあり方､みたいなのが､あるみたいですねぇ｡気にしておりませんでした､です｡
「hタグは､たんに文字の大きさを示すもの」は､こちらの無知によるものでした｡訂正します｡
「文字の大きさは､スタイルシートで調整する」が､正しいあり方みたいです｡
HTMLは構造を示すもので､順番は正式な文法上関係あり､ですね｡

[yoshinavi]

Googleが、SEOのアルゴリズムを公開しない（出来ない）以上、推測に寄る部分は多いのですが、文章構造として見ていくのが、今後のSEOを含めても良い方向かと思います。

-追記-
SEOで見ると、ヘッダーの中でも「h1」は重要な位置にあり、ランキングやタイトル表示にも絡んでくるので注意が必要です。

[okahijiki]

貼っていただいた（２番目の英語の）ウェッブサイトに､SEOでのh1の重要さが語られていたりして｡勉強になりました｡ありがとうございますー｡

Answer 3

htmlとしての問題であれば２つ間違っています

1. タグは小文字にしてください
2. この場合タブを開ける必要はありません

画像のように位置を変えたければCSSを利用してください

Comments

[退会済みユーザー]

回答ありがとうございます。H修正しました。h3の順番という意味ではこういう書き方でよろしいのでしょうか？

[mouse_484]

画像の左側のようにしたいのであれば間違ってますが

HTMLとしては問題ありません

[退会済みユーザー]

すみません。質問が悪かったようで「画像の左側のようにしたいのであれば間違ってます」という意味がわかりません。H3の順番について以下を記載しました。例えばSEO上考えている以下書き方は間違えているのでしょうか？左側のようにしたい？というか正しく表記したいです。恐れ入ります
<H1>sample</H1>
　　<H2>sample</H2>
　　　　<H3>sample</H3>
　　　　　　<H4>sample</H4>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No1
　　　　　　<H4>sample</H4>
<H1>sample</H1>
　　<H2>sample</H2>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No2
　　　　　　<H4>sample</H4>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No3
　　　　　　<H4>sample</H4>
　　<H2>sample</H2>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No4
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No5
　　　　　　<H4>sample</H4>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No6
　　　　　　<H4>sample</H4>
　　　　　　　　<H5>sample</H5>
　　<H2>sample</H2>
　　　　<H3>sample</H3>➡➡➡➡➡➡➡　正しいのでしょうか　No7

[mouse_484]

hを小文字にしてあれば問題はありません

[x_x]

XML アプリケーションである XHTML は大文字小文字を区別しますが、HTML はそうではありません。
出典があるなら明記してください。