H1の欠落

Silktideは、すべてのページにH1と呼ばれるメイン見出しがあり、読みやすいテキストが含まれていることをチェックします。H1は、訪問者、、検索エンジンのすべてに対して、そのページの内容を示します。

では、メイン見出しに<h1>タグを付けます。大きく装飾したテキストでは代用できません。意味を持つのはタグそのものです。

<h1>お問い合わせ</h1>

重要な理由

H1は、多くの訪問者がページの内容を把握する際に最初に確認するものです。を使用する人は、正しいページにいることを確認し、ナビゲーションを飛ばしてメインコンテンツに移るために、H1へ直接ジャンプすることがよくあります。H1がないと、ページの先頭から内容を聞き続けて、自分がどこにいるのかを把握しなければなりません。検索エンジンもページの内容を判断する際にH1を特に重視するため、H1がない、または空の場合、アクセシビリティと検索順位の両方に悪影響があります。

修正方法

メインコンテンツの上部付近に、ページの内容を数語で説明する<h1>を1つ追加します。多くののページテンプレートでは、ページタイトルが自動的にH1として表示されます。そうでない場合は、テンプレートを調整してください。
H1に実際のテキストが含まれていることを確認します。画像だけを含むH1は、画像にがない限り、空とみなされます。

<!-- 問題: 読み取れるテキストがない -->
<h1><img src="company-logo.png"></h1>

<!-- 修正後: altテキストが見出しテキストになる -->
<h1><img src="company-logo.png" alt="Company Inc.について"></h1>

プレーンテキストが最適です。あらゆる環境で読み取ることができ、保守も簡単です。

Silktideによるテスト方法

「404 Not Found」エラーを返すページはスキップします。こうしたページでは、H1の欠落に意味がないためです。
残りの各ページで<h1>要素を探します。
ページにH1がない場合、そのページでH1が欠落していると報告します。
ページにH1がある場合、画像に含まれる代替テキストを含め、その内容に文字または数字が1つも含まれていないH1をそれぞれ報告します。

トラブルシューティング

ページの上部に大きなタイトルがあります

見出しのように見えるよう装飾しただけのタイトルは該当しません。テキストが<h1>タグ内にある必要があります。Silktideがこれらを検出する方法については、見出し候補をご覧ください。