サイト内各ページの見出し(本文、サイドバー等)は、Hタグを使っている。当然のことながら、Hタグをカスタマイズすれば全てのHタグにカスタマイズが反映される(されてしまう)。
だがほとんどの場合、Hタグをカスタマイズしたいのは「投稿ページの見出し」だけのはず。そこで、投稿ページの見出しはクラス指定して再利用ブロックとして保管する。これを使い回すことで、問題を解消しつつ作業時間も短縮出来る。
このページは、クラス指定した見出しのデモページだ。この状態でのPSIスコアは下記の通り(スクリーンショット未貼付)。
- PC:100
- SP:85
クラス指定したH2見出し
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
クラス指定したH3見出し
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
クラス指定したH4見出し
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.