代替テキストがSEOとアクセシビリティに今も重要な理由

代替テキストは<img>タグが存在してからずっとHTMLの一部です。ウェブで最も古いアクセシビリティ機能の一つであり、今も最も見落とされがちな機能の一つです。

スクリーンリーダーだけの問題ではない

代替テキストはスクリーンリーダーによって読み上げられ、視覚障害のあるユーザーにとって不可欠です。しかしそれだけではありません。

• 画像検索 — GoogleやBingの画像検索は、代替テキストを使って画像の内容を理解し、順位付けします。
• 読み込み失敗時の代替表示 — 画像が読み込めない場合、代替テキストがその場所に表示されます。
• クローラーへの文脈提供 — 検索エンジンは人間のように画像を「見る」ことができません。代替テキストは、検索エンジンが得られる数少ない直接的なシグナルの一つです。

代替テキストを省略すると、画像検索で表示されなくなり、多くの利用者にとって使いにくいサイトになり、画像を含むすべてのページで小さくても確実な順位シグナルを失うことになります。

それでもチームが省略してしまう理由

関心がないからではありません。スケールしないからです。

良い代替テキストを一つ書くのに30秒かかります。4,000点の商品カタログ全体に書くには何日もかかり、リリース期限が迫るとまっさきに削られるタスクです。多くのチームは、初期に手作業で書いたわずかな説明文と、何も書かれていない何千もの画像が混在した状態になってしまいます。

良い代替テキストとはどのようなものか

役立つ代替テキストは、抽象的ではなく具体的です。

• 悪い例: "商品写真"
• 良い例: "黄色い背景に浮かぶ、白いソールのボルドー色のローカットスニーカー"

後者はスクリーンリーダーの利用者が何を見ているか理解する助けになり、検索エンジンにインデックスできる具体的な情報を提供します。

スケールさせる方法

これはまさにAltGenが解決するために作られたギャップです。フォルダ、CSV、またはライブページを指定するだけで、ライブラリ全体に対して一度に、対象読者が読む言語で、文脈に沿った画像ごとの代替テキストを生成します。もう「期限内にリリースする」か「アクセシブルにリリースする」かを選ぶ必要はありません。