タイトルがありません
Silktide は、すべてのページにタイトルが定義されており、そのタイトルが空でないことをチェックします。タイトルは、ブラウザーのタブやブックマークに表示されるほか、検索エンジンの検索結果に表示され、ページを開いたときにスクリーンリーダーが最初に読み上げるものです。
<!-- 不足: head 内に <title> がない -->
<head>
<meta charset="utf-8">
</head>
<!-- 修正済み: わかりやすいタイトル -->
<head>
<title>採用情報 - ACME Inc</title>
</head>
重要な理由
ページタイトルは、多くの場合、誰もがそのページについて最初に知る情報です。 はページの読み込み直後にタイトルを読み上げます。また、ユーザーがブラウザーのタブを区別したり、履歴やブックマーク内のページを識別したりするためにも使われます。タイトルがないと、ユーザーにはページの生のウェブアドレスが読み上げられるか、何も読み上げられず、自分がどこにいるのかを知るためだけにページを探索しなければならなくなります。
タイトルは商業的にも重要です。検索エンジンは各検索結果の見出しとしてタイトルを表示するため、タイトルがないとアクセシビリティだけでなくクリック数も失うことになります。
修正方法
- ページの
<head>内に、ページの内容を説明するテキストを含む<title>要素を追加します。 - ページに
<title>があっても空の場合は、内容を入力します。空のタイトルは、タイトルがない場合と同じように扱われます。 - ほとんどのコンテンツ管理システムでは、ページごとにタイトルを設定します。多くの場合、「ページタイトル」または「SEO タイトル」フィールドから設定できるため、コードを変更する必要はありません。
Silktide によるチェック方法
- ページの を読み込み、
<title>要素を探します。ページタイトルとは関係のない SVG グラフィック内の要素は無視します。 <title>要素が見つからない場合、そのページにタイトルがないと報告します。- 最初の
<title>要素に含まれるテキストから前後の空白を取り除いた結果、テキストが残らない場合、そのページのタイトルが空であると報告します。
このチェックで確認するのは、タイトルが存在するかどうかだけです。タイトルが実際にページの内容を説明しているかどうかについては、適切なページタイトルで確認します。