ソーシャル画像の代替テキスト
ページでは、ソーシャルネットワークやメッセージアプリで共有されたときに表示する画像を指定できます。Silktide は、ソーシャル画像を指定しているページに、その画像の短い説明も用意されているかをチェックします。これにより、画像を見ることができない人も、何が写っているのかを理解できます。
説明は、画像自体と同じく、ページの にある タグで設定します。
<meta property="og:image" content="https:\/\/www.example.com\/images\/team.jpg" \/>
<!-- ソーシャル画像を説明する代替テキスト -->
<meta property="og:image:alt" content="教室で一緒に作業する5人の学生" \/>
重要な理由
共有リンクの画像に説明がない場合、を使用している人には、その画像について役立つ情報が何も読み上げられません。プレビューに表示されるのは見出しだけで、画像の内容はわからないままです。に対応しているプラットフォームでは、共有画像の代替テキストをこのタグから読み取ります。そのため、代替テキストを用意しても表示上の負担なしに、共有コンテンツをよりアクセシブルにできます。
修正方法
- で、ページの共有設定にあるソーシャル画像の代替テキスト、画像の説明、または代替テキストの入力欄を探します。
- 画像に何が写っているか、またそれがなぜ関連するのかを、短いフレーズで説明します。「image1.jpg」のようなファイル名や、「hero banner」のようなラベルではなく、「教室で一緒に作業する学生」のように記述してください。
Silktide によるテスト方法
- 共有される可能性がある各ページ（検索エンジンやプラットフォームによるインデックス登録が許可されているページ）をテストします。
- ページのソーシャル画像（
og:imageタグ）を見つけます。 - ページにソーシャル画像が指定されているにもかかわらず、
og:image:altタグがない、または空の場合、そのページを報告します。 - ソーシャル画像がまったくないページは、このチェックでは報告しません。これは ソーシャル画像 チェックの対象です。