はてなブログ・記事の見出しに【h2タグ】がない問題

2019年11月17日はてなブログ

*当ブログは現在、はてなブログからWordPressに移行しています。

見出しにh2タグがない

自分のブログで、はてなブログ・見出しのカスタマイズを書きましたが書いていく過程で、はてなブログの記事内の「見出し」に「h2タグ」がない問題にぶち当たりました。

これがどういうことかというと(以下がはてなブログでの「hタグ」になります)

ブログ名    h1
ブログの説明  h2
記事タイトル  h1
大見出し    h3
中見出し    h4
小見出し    h5

記事内の見出しが大見出しでもh3からになっていることです。(h2からではなくh3からなのが問題)

このままでは検索エンジンの評価が下がるとか、下がらないとかいろいろ書いてあったんです。

GoogleのJohn Mueller氏

それで気になっていろいろ調べていくと、GoogleのJohn Mueller(ジョン・ミューラー)氏がそんなこと(検索エンジンの評価)は関係ないと他にやるべきことがあるだろう、みたいなことを言ってました。

Googleの人が言ってるので大見出しh2からでもh3からでも気にする必要はないのかなぁと思います。

見やすい、読みやすい、サイトにしないといけませんが。

ただ後々ブログをどこか別のサービスに移行することを考えてる方は、注意が必要かもしれません。

他のブログサービスでは大見出しh2からのところもあるので(ほとんどがそうなんじゃないのか(笑))、移行したときに修正が必要になるからです。

修正の仕方はいろいろあります

Google Chrome

ブラウザが「Chrome」なら拡張機能(Chrome Add-on for Hatena)があります。

自動変換コード

自動で変換してくれるコードがありましたが、自分が試したところうまく変換できませんでした。

HTML編集

記事を書くところにある「HTML編集」のコードをコピーして、テキストエディタで変換する方法もあります。

手動で変換

結局、自分はまだ記事が少なかったので手動で変えていきました。

h3h2

h4h3

h5h4に。

Windowsで見出し1~6(h1~h6)をつけるのはショートカットキー「Shift + Alt + 1~6」でできます。(見出しにしたい文字を選択してh2なら「Shift + Alt + 2」)

記事を書くときに、はてなブログの「見出し」を使わずショートカットキーで設定することに注意が必要ですが下記の記事を参考に設定すれば、h2~h6までの見出しを使うことができます。

コードのh1h2h6にしてください。

Posted by aurora3