代替テキストとは何ですか?
今すぐ代替テキストの定義を調べようとすると、おそらく次のような内容が得られるでしょう。「alt 属性は、HTML および XHTML ドキュメントで、代わりに表示される代替テキストを指定するために使用される HTML 属性です。」レンダリングできない要素。 alt 属性は短い説明に使用され、長い説明にはlongdesc 属性が使用されます。 （ソース）.
これを英語に翻訳してみましょう。代替テキストは、視覚的な画像の代わりに見たり聞いたりするテキストです。画像が適切に読み込まれていないときに代替テキストが表示されるため、スクリーン リーダーを使用している人は画像が何を描いているかを知ることができ、Web サイトをクロールするときに検索エンジンにも知ることができます。
では、これはあなたとあなたのウェブサイトにどのような関係があるのでしょうか?言いますよ！
代替テキストが重要な理由
上で述べたように、代替テキストには主な目的がいくつかあります。
- 代替テキストを使用すると、画像の読み込みに失敗したときに何が表示されるべきかをユーザーが知ることができます。
- 代替テキストを使用すると、視覚障害またはその他の障害のある人でもアクセシビリティ機能を利用できるようになります。
- 代替テキストを使用すると、検索エンジンが画像を検出して検索結果に表示できるようになります。
1. 画像の読み込みに失敗する
上記の 2 や 3 ほど重要ではありませんが、依然として重要です。画像の読み込みに問題が発生した場合でも、Web サイトのユーザーがそこに表示されるはずだった内容を確認できるように、画像には代替テキストが必要です。次の例を考えてみましょう。
2 アクセシビリティ
代替テキストは、すべてのユーザーが画像にアクセスできるようにするために不可欠です。代替テキストを提供すると、スクリーン リーダーを使用しているユーザーが画像からサイト上の情報にアクセスできるようになります。これには視覚障害のあるユーザーも含まれます。サイトでこの簡単な 1 つのステップを実行することで、これらのグループ間でのブランドの評判、トラフィック、コンバージョン率を高めることができます。さらに、これは、ADA タイトル III または WCAG コンプライアンスの問題を引用して潜在的な訴訟からあなた、あなたの Web サイト、および会社を保護する優れた方法です。などの素晴らしいツール アクセシビー あなたのサイトを許可します ADA and WCAG 多くの重要な点で準拠していますが、画像の代替テキストを自動的に作成することはできません。
3。 SEO
Google などの検索エンジンは、代替テキストを使用して、画像に表示される内容やリンク先を決定します。代替テキストを適切に使用すると、検索エンジンによるコンテンツの理解が大幅に向上し、より多くのユーザーが検索結果でコンテンツを見つけられるようになり、Web サイトへの貴重なトラフィックの増加に全体的に役立ちます。これに加えて、代替テキストは画像 SEO、つまり Google 画像やその他の画像結果で上位にランクされるために特に役立ちます。
At Big Red Jelly, 当社では、セキュリティ、アクセシビリティ、スピードおよび SEO の基礎の章の一部として、Web サイトの画像に代替テキストを書き込むサービスを提供しています。 実証済みのプロセスを成長させる！代替テキストを自分で作成したいが、どこから始めればよいかわからない場合は、当社のブログ投稿をご覧ください。 代替テキストのベスト プラクティスと AI を有利に活用する 1 つの方法、始めに読んでください。
