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

2019年11月17日はてなブログのカスタマイズ

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

見出しにh2タグがない

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

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

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

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

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」)