画像に適切なalt属性を自動追加

こんにちは、皆さん。

ユーザーが新しいトピック/投稿に画像をアップロードすると、画像のalt属性は「image」(すべての画像のデフォルト)になります。

この例のように:
image

ここでは、私の提案を実証するために、alt名を変更しました。ユーザーがクリックすると「関連性の高い」情報が得られます。

image

または

image

画像のaltテキストはSEOにとって非常に重要であり、検索エンジンのランキングに大きく影響する要因です。

私のWebフォーラムでは、何千もの投稿があり、ほとんどすべての画像のalt名が「image」になっています。

そこで、私の提案です。

alt属性がデフォルト(「image」)の場合、関連性の高い名前に変更してください(例として、トピック名+投稿番号)。

「いいね!」 1

いいえ。代替テキストは、画像を検索する際にユーザーに少しでも良い機会を与えるためのものであり、ファイル名が重要ですが、最も重要なのは適切なコンテキストを使用することです。「これはリンゴです:<リンゴの画像、ファイル名 apple.jpg、代替テキストはリンゴ>

サイトのSEOにとって、代替テキストは全く意味がありません。

「いいね!」 1

Altテキストは、スクリーンリーダーを使用している人(視覚障がい者や弱視者を含む)にとって非常に役立ちます。理想的には、表示されている内容を説明するテキストです。これはアクセシビリティの問題です。(注釈を簡単に行う方法が思いつきません。画像関連のソフトウェアサービスならできるかもしれません。)

「いいね!」 1

はい、これは以前にもありました。私にとって、アクセシビリティの議論はSEOよりもはるかに重要です。

投稿に画像を挿入して説明を付けない場合、フォーラムを読んでいる目の不自由な人々は非常に不利になります。彼らは非常に重要な文脈を失います。

AIはここで少し役立ち、自動タイトルを提供できます。まあまあ機能しますが、多くのギャップがあります。

最初のステップとして、テーマコンポーネントを作成することをお勧めします。

ユーザーに画像にタイトルを強制する

有効にすると、投稿に何かを投稿して画像のタイトルを入力するのを忘れた場合、画像をタイトルを追加するようにリマインダーが表示される中間ブートボックスが表示されることがあります。

「いいね!」 2

AIによる画像代替テキストは、ちなみにAIチームのバックログにあります。

「いいね!」 4

もちろんそうです。まあ、多かれ少なかれ、SEO以外の議論です。

私には二人の視覚障碍者の友人がいます。二人ともいつも同じことを言っています。問題はalt自体ではなく、質の高いaltテキストの欠如、そしてコンテンツのない画像に常にaltを使いすぎることです。そして、ここでウェブマスターがAIを使ってaltテキストを生成し始めたら、本当に大きな問題になるでしょう。

そして…スクリーンリーダーの主な問題はプラットフォームの悪いデザインであり、その点ではチームはかなり良い仕事をしたと思います。

ファルコさん、それは素晴らしいニュースですね :slight_smile:
あなたの仕事は、コアの新機能になりますか、それともプラグインになりますか?

そして、私にとって最も重要なことですが、2023年か、それとも2024年以降の利用予定でしょうか?

「いいね!」 1

面白いですね。
コーディングなしで、画像altテキストをDiscourseインスタンス全体で必須にするためのネイティブな方法はありますか?

そうならないことを願います。なぜなら、それは避けたいことだからです。画像がコンテンツの重要な部分である場合は、ALTを表示したいはずです。ほとんどの画像は単なる…視覚的なノイズ😜であり、その場合は誰もALTを使用すべきではありません。

すべての画像に名前がない場合に発生する現象を以下に示します。

ほとんどの人は怠惰です。モデレーターにそのような操作を手伝ってもらうために支払わない限り、ほとんどのユーザーは役立つaltを入力するには怠惰すぎます。altが1、aaa、xxx、image1などになる画像の束を取得する可能性が高いです。

「いいね!」 3

13か月後、この件はどうなりましたか?投稿にアップロードする画像に代替テキストを追加することはできますか?ランディングページプラグインとブログランディングページを使用していますが、ブログランディングページ用に取得された画像には代替テキストが付与されていないようです。(https://forums.gonomad.me/home)-少なくとも、Lighthouseやパフォーマンスサイトはそう言っています。

数ヶ月前に Discourse AI モジュールでこの機能を提供しました。以下をご覧ください。

「いいね!」 3