alt属性チェッカー
スクリーンリーダーで読み上げられないページ内の画像をすべて検出。
ページをクロールしてすべての画像を一覧化。未設定、空、重複、キーワードの詰め込みなどのalt属性の問題を検出し、画像ごとに改善案を提示します。
確認項目
- alt属性の未設定および空文字の検出
- 画像間でのaltテキストの重複
- キーワードの詰め込みやブランド名の過剰な繰り返し
- 空のaltを設定すべき装飾目的の画像
各数値が意味するもの。
解釈できないレポートは、単に何かがおかしいと言い換えているだけにすぎません。
未設定と空の違い
未設定はalt属性自体が存在しない状態で、スクリーンリーダーはファイル名をそのまま読み上げてしまいます。空（alt=""）は画像を読み飛ばす意図的な指定であり、装飾用画像における正しい設定です。
重複
複数の画像に同じaltテキストが設定されている場合、多くはテンプレートによる一括出力です。音声読み上げのユーザーには何の情報も伝わらず、検索エンジン対策としても意味がありません。
キーワードの詰め込み
画像の説明ではなく、検索キーワードを過剰に詰め込んだテキストです。読み上げ音声としても不自然であり、検索順位の向上にも効果はありません。
文字数
おおむね125文字を超えると、一部のスクリーンリーダーで途中で途切れることがあります。詳しい説明が必要な場合は、alt属性ではなく本文中に記載すべきです。
一般論ではなく、具体的な仕組み。
- 01
本来はアクセシビリティのための機能
altテキストは、視覚障がいのあるユーザーに商品内容を伝えるための手段です。本来の目的通りに適切な説明を書くことで、結果としてSEO上の効果もついてきます。
- 02
Google画像検索からの購買トラフィック
有形商品を探す際、ユーザーは画像を重視して検索します。画像を検索で見つけてもらうための主な要素が、altテキストとファイル名です。
- 03
読み込みエラー時の代替表示
通信環境の悪化やCDNの不具合などで画像が表示されない場合、空白のエリアの代わりにaltテキストが表示されます。
よく検出される課題とその修正方法。
Shopifyストアにおいて、このツールが報告する問題の大半を占める4つのパターンです。
検出された問題
altテキストがファイル名のままになっている
発生する原因
alt属性が設定されていないため、支援技術がファイル名をそのまま読み上げています。
修正方法
画像を簡潔な文章で説明してください。「白Tシャツの上に羽織ったネイビーのリネンシャツ」は「IMG_4417」よりはるかに伝わります。
検出された問題
すべての画像にブランド名が入っている
発生する原因
テーマのテンプレートが、すべてのalt属性にストア名を自動挿入しています。
修正方法
それぞれの画像に応じた固有の内容を記述してください。ブランド名を何千回繰り返しても、価値はありません。
検出された問題
装飾用の画像まで読み上げられてしまう
発生する原因
背景の図形やスペーサー画像にまで説明的なaltテキストが設定されています。
修正方法
空のalt（alt=""）を明示的に設定し、スクリーンリーダーが読み飛ばすようにしてください。
検出された問題
altテキストがキャプションと重複している
発生する原因
同じ文章がスクリーンリーダーで2回続けて読み上げられてしまいます。
修正方法
画面上のキャプションで十分に説明されているなら、altは空にできます。
このツールではわからないこと。
どのツールにも守備範囲があります。どこまでを把握できるかを知っておくことで、結果の過大解釈を防げます。
- altテキストの有無や形式的な妥当性をチェックします。説明が画像の内容と実際に合致しているかどうかは、人間が画像を見て判断する必要があります。
- 色のコントラスト、キーボード操作、フォーカスの順序など、その他のウェブアクセシビリティ項目は診断対象外です。
継続的な自動監視に切り替える。
ShopSEOを無料でインストールし、1分以内に最初の診断を実行。気に入らない変更はいつでも元に戻せます。クレジットカード不要、テーマ編集不要、契約の縛りもありません。