1.googleさんが見出しついて言っている事
一般に、見出しタグはタグに囲まれているテキストをページ上の通常のテキストよりも大きく表示するため、ユーザーにとってはそのテキストが重要であるという視覚的な手がかりとなり、見出しテキストの下に続くコンテンツの内容について理解しやすくなります。複数の見出しサイズを正しい順序で使用すると、コンテンツの階層構造が作成され、ユーザーがドキュメント内を移動しやすくなります
出典:Google Search console
googleさんが見出しについて上記の事を述べており、今回大事なところは
複数の見出しサイズを正しい順序で使用する
ここになります。
2.Qiitaの見出しについて
Qiitaはとても見出しがつけやすく「#」一つで見出しを作れるんですが、
「#」で作った見出しは「h1」になってしまうため、「h1」が大量発生してしまいます。
こちらの記事を参考に見出しを見てみると
h1が複数作成されており、タイトルと同じh1(ここでいうと「GitHubでセキュリティ脆弱性のアラートが来てビビりながら対応した話」)と同列で見出しを作成してしまっております。
そのため、googleさんがいう複数の見出しサイズを正しい順序で使用するを守れていない記事になってしまいます。
3.改善策
「#」で見出しを作らない様にして、「##」から順番に見出しを作ることでGoogleさんが言う「複数の見出しサイズを正しい順序で使用する」を守れる様になります。