【jQuery 】 はてなブログの大見出しh3をh2へ変更する方法

はてなブログは、はてなダイアリーの影響から運営の都合上、h1次がh3となってh2が無いんです。 少し違和感ありありです。 そこで、はてなブログの大見出しh3をh2へjQueryで変更する方法をお届け致します。

【jQuery 】 はてなブログの大見出しh3をh2へ変更する方法

はてなてテストサイトを作成しましたので、参考にご覧ください。

以下のコードを

デザイン→カスタマイズ→フッター

footerの部分に追加するよう貼り付けます。

そもそもどうしてh3なの？

はてなダイアリーの影響から運営の都合上、h1次がh3となってます。
（色々ググりましたが、詳しくは運営の都合上としか分からず、、）

SEO的にGoogleさんは、

h1>h2>h3>

と、読んでいきます。

変更するメリットは？

SEO的目線ですと

通常、キーワードをタイトル、リード文に入れ込みます。　
h2は目次の役割なので、h2見出しにも、キーワード、ロングテールを差し込みます。

h1も大事だけど、その次のh2も大事！

h2にすることで実際にアクセスが上がったという報告もあるそうです。
（ネット上の話）

やっぱ、h2ないのが抵抗あります。

CSSも変更

はてなで設定されているCSSが一つズレなので、そこも変更。