みなさまごきげんよう！
嗚呼蛙でございます！
今朝は久しぶりに、夢追寝と呼んでいる「夢を追いかけて寝過ぎる現象」に遭遇。
色んな夢を見ましたよー。
泡姫様が大量にいる健康ランドに行って大はしゃぎする夢とか。
ナウシカとけいおんの面々と一緒に何かと戦う夢とか。
なんか魔法使いがプログラマみたいになってる世界でコードを書く夢とか。
色々夢を見ると疲れますけど楽しいですよね。
さて今日は、はてなブログの見出しは、h２タグにするのがいいのか、h３のままでもいいのかについて書いていこうと思います。
HTMLのhタグ
hタグというのは、上記の「HTMLのhタグ」や、「目次」など、記事の見出しになっている文章に使っているHTMLタグです。
<h2>HTMLのhタグ</h2>のようにhタグで文字を囲むと「ああ、ここは見出しなのね、じゃあ見出しのデザインにしておくね」と判断して、今表示されているような目立つデザインに文字を装飾してくれてます。
hタグは使う順序が重要
hタグは１～６まであり、１、２、３、４…と順序良く使わないといけません。
１、３、６みたいに歯抜けの形にすると「ああ、このページはHTMLがちゃんとしてないな」とマイナスの評価をされて、検索順位によろしくないそうなんですね。
１を２回使うのもNGです。
はてなブログの見出しにまつわる２つの説
はてなブログの見たままモードに付いている「大見出し」はh３タグになっています。
これが果たしてh３で良いのかダメなのか。
調べたところ説が２つあり、長らくどちらが正解なのか迷っていました。
一方は、記事のタイトルはh１タグなので、見出しはh３タグからだとh２タグがないので、先述の歯抜けの形になってしまい、h２に書き換えて公開した方が良いという説。
もう一方は、ブログタイトルがh１タグで、ブログの説明文がh２タグだから、見出しはh３からでも良いという説です。
自分の結論
真っ向から対立する説だったため、長いことどっちが正解かわからずそのままh３タグを使っていましたが、やっと結論が出ました。
会社のデザイナーさんにタグの構造について教えてもらったところによると、今時のブログは記事の内容はarticleタグで囲まれていて、その中ではまたh１タグから使い始めることになるのだそうなんですね。
ソースを確認すると、確かにarticleタグが入っていて、その後に記事タイトルがh１タグで書かれています。
この後、記事の文章のソースが挿入されてくるので、ｈ２タグから始めないと歯抜けの形になってしまうようです。
やはり見出しはh２にした方が良いみたいですね。
続きを書きました。
毒姉さんが更に詳しい解説をしてくださっています。
では、今日のところはこの辺で。
嗚呼蛙でした。
