画像の代替テキストとは何ですか？なぜそれが重要なのですか？

公開: 2022-06-29

マーケティング戦略を後押しすることになると、ビジュアルがビジネスの全体的な結果にどのように影響するかだけでなく、それらがオーディエンスにどのように影響するかを考えることが重要です。画像の代替テキストが何であるかわからず、なぜそれが重要なのか不思議に思うかもしれません。結局のところ、それはかなり古風に聞こえます。ただし、画像の代替テキストは、すべてのクライアントのニーズに適用される最高のSEOプラクティスを会社に確実に提供するために、今日でも非常に関連性があります。

画像の代替テキストとは何ですか？

画像の代替テキストは、表示されている画像を説明するHTMLコードで使用されるテキストです。これは、 SEOを改善するために重要です。これにより、オーディエンスのユーザーエクスペリエンスが向上し、より多くのユーザーがブランドを使用できるようになる包括的な環境が実現します。画像の代替テキストも重要です。画像が読み込まれていない場合は画像の代わりに表示されるため、問題が発生した場合に備えてバックアップしておくとよいでしょう。

代替テキストは、すべての企業が画像とともに持つべきものです。代替テキストを使用すると、検索エンジンはサイトをスキャンしてランク付けする可能性が高くなり、SEOが向上し、キーワードを表示する機会が増えます。このテキストを使用すると、視覚障害のある人がサイトにある画像の説明を取得する機会が得られます。これにより、誰もがあなたのビジネスを説明するビジュアルを楽しむ機会が得られます。代替テキストはSEOでも重要です。

悪い画像の代替テキスト

代替テキスト

これらのアイデアをもう少し詳しく見ていきましょう。代替テキストとは何ですか？「代替テキスト」という言葉は「代替テキスト」の略で、表示できないときに意味をなす画像の説明です。

画像の代替テキストの例

画像の代替テキストとは何か、なぜそれが重要なのかを説明したので、画像の代替テキストがどのように見えるかをまだ明確に理解していない可能性があります。一緒に、これを視覚化しやすくしましょう。良い画像と悪い画像の代替テキストの例を見ていきます。これらは、あなたが思いついた代替テキストの説明に何が必要で、何がそうでないかを理解するのに役立ちます。

良い画像の代替テキスト

優れた画像の代替テキストを作成するには、単純なキーワードではなく、より詳細な情報が必要です。これにより、サイトに配置された画像が実際に表示され、視聴者にとってユニークで特別なものに見えるようになります。画像は、曖昧にならないように、できるだけ具体的に説明する必要があります。それが野球選手である場合は、「野球選手」だけでなく、それが誰であり、彼らのチームが何をしているのかを述べてください。

例：「カブスの外野手であるクリス・ブライアントがリグレーフィールドで本塁打を放った。」

この例では、ユーザーには、プレーヤーが誰で、何が起こっているのかというコンテキストが与えられます。画像自体が利用できない場合は、言葉で可能な限り写真を視覚化する機会が与えられます。

写真にとってコンテキストは常に重要です。ただし、状況によっては、コンテキストを理解しにくい場合があります。名前がわからない場所に、名前がわからない人物が写っているストック画像の場合があります。これが発生した場合でも、サイトで画像を使用して、許容できる画像の代替テキストを使用できます。この状況では、あなたの画像があなたのサイトに関連しているものの文脈の中で形容詞を使用してください。その人を「女性」と呼ぶ代わりに、写真の文脈で彼女が何であるかを彼女に呼びます。これは、「ビジネスプロフェッショナル」、「音楽教授」、またはその人が誰であるかをさらに説明するのに役立つその他の形容詞である可能性があります。

例：「音楽の教授は教室のスマートボードを指しています。」

この例では、特定の人物や場所に名前が付けられていなくても、写真で何が起こっているかを簡単に視覚化できます。

良い画像の代替テキスト

悪い画像の代替テキスト

悪い画像の代替テキストは、写真が漠然と説明されている場合です。言い換えれば、それは写真を十分に表現していないテキストのセットです。写真に犬が写っている場合は、「犬」だけを入れないでください。その犬が何をしているのか、そしてそれを説明する形容詞を理解してみてください。

悪い例：「犬が座っている」
良い例：「ゴールデンレトリバーは、その所有者を待っている間、悲しいことに座っています」

悪い例では、良い例のように写真のコンテキストを視覚化することはできません。記事が犬の交際の重要性に関するものであった場合、最初の例はあまり意味がなく、ユーザーにその関連性を疑わせるでしょう。良い例は、記事の要点に戻る仕様を提供し、より明確にし、より良いSEOを可能にします。あなたのサイトを検索のトップに導くより多くのキーワードがあるので、より多くの説明は、SEOにとってより良いです。

最高の画像代替テキストを作成するための鍵は、目を閉じて説明を読み上げ、頭の中で画像をはっきりと描写できるようにすることです。

画像の代替テキストの重要性

画像の代替テキストの重要性について簡単に触れましたが、これらのアイデアをさらに詳しく見ていきましょう。多くの理由から、すべての画像に含める必要があります。

視覚障害者やその他の障害を持つ人々がサイトにアクセスしやすくなります
あなたのサイトにより多くのキーワードを提供します
リンク構築戦略を提供します
主題のより明確な理解
SEOを改善します
コンピュータアルゴリズムを改善します
Googleはあなたの画像とサイトが何であるかをよりよく理解するでしょう
検索結果の後に画像がGoogle画像検索に表示される可能性が高くなり、より多くのユーザーがサイトにアクセスできるようになります
ユーザーにより良い体験を提供します
画像トラフィックを改善します
画像をハイパーリンクされた検索結果に変換します

画像の代替テキスト

代替テキストの仕様

画像の代替テキストとは何か、なぜそれがそれほど重要なのかについては、まだまだ学ぶことがあります。代替テキストは画像に使用するだけでなく、グラフィックの箇条書きやグラフィックの水平方向のルールなどのグラフィックコンテンツにも使用する必要があります。ロゴにも代替テキストを含める必要がありますが、これは画像の通常の代替テキストのように非常にわかりやすいものである必要はありません。ロゴの代替テキストは、ロゴの名前を識別するだけで、それ以上のものはありません。ツールバーの画像デザインにも代替テキストを含める必要がありますが、これらは空白のタグにすることができます。

altタグがまったくない場合、テキストは単に「画像」と表示されます。これは漠然とした説明であり、ユーザーは何が欠けているのか疑問に思うでしょう。「青いツールバーのデザイン」と書かれた代替テキストの説明も、デザインがサイト全体に広がっている可能性があるため、問題になる可能性があります。これにより、この代替テキストが数回繰り返される可能性があります。これにより、ユーザーにとって反復的で過度の読み取りタスクが作成されます。

キャプションと代替テキスト

画像のキャプションは画像の代替テキストと同じではありません。キャプションは、著作権と画像ソースを含む画像に関する情報とともに、画像の下のキャプションテキストに表示されます。キャプションは文形式の説明のように見えますが、代替テキストはリンクのように見えます。代替テキストは写真の代替オプションであり、常に存在する必要がありますが、画像のキャプションは、時々存在する写真の追加のアドオンとして表示する必要があります。ほとんどの場合、ニュースイベントや歴史書のように、写真がより話題になっている場所にキャプションがあります。

画像の代替テキストの重要性

入門

画像の代替テキストとは何か、なぜそれが重要なのかがわかったので、それをサイトに実装する方法を理解することをお勧めします。使用しているソフトウェアによっては、画像の代替テキストを追加するのは非常に簡単です。それを行う方法のステップバイステップのプロセスを提供するのに役立つオンラインの多くのビデオがあります。多くのプログラムでは、写真をクリックしてそこから開始する必要があります。特にMicrosoftWordの場合、写真をクリックしてから「フォーマット」を見つけると、「代替テキスト」オプションが表示されます。説明を書くためのオプションが表示されます。前の青いツールバーの例のように、画像が単なる装飾的なグラフィックである場合は、ここでそのオプションをマークし、説明を空白のままにします。

その後、代替テキストを使用するとよいでしょう。スクリーンリーダーは、単なる「画像」以上の画像の説明を読むことができます。そのため、代替テキストを無視しないことが非常に重要です。それでもWebサイトに代替テキストを組み込むためのサポートが必要な場合は、SEODesignChicagoのチームに連絡することを躊躇しないでください。さまざまな方法でウェブサイトを最適化できるため、最大のオーディエンスにリーチできます。