web-dev-qa-db-ja.com

空白の画像のalt属性(alt = "")の使用にSEOの問題はありますか?

この記事 によると、純粋に装飾的な画像にalt=""を使用することは完全に有効です。たとえば、ページのコンテンツに詳細なデータを示すグラフがある場合、空の文字列以外のalt値は冗長になります。

これを視覚化するために、元の画像の代わりにalt属性が表示される Lynx などのコマンドラインブラウザーを使用して、任意のWebサイトにアクセスできます。時々、altはページのコンテンツで既にカバーされているコンテンツを繰り返しているだけであり、そのような環境で何かを表示しても意味がありません。これらの場合、alt=""は何もレンダリングされないようにし、Lynxでは実際にページが見やすくなります。

私の質問は、alt=""がその画像の一部で使用されている場合、SEOの面でペナルティを受けることになります。これはaltが冗長である場合に限りますまたは、たとえ冗長であっても、すべてのaltを保持しておく方が良いでしょうか?

通常、SEOルールはHTMLの仕様と優れた慣行と一貫しているように見えますが、これはこの状況の場合ですか?

3
Metalcoder

私はいくつかの調査を行ったが、読んだすべてのことを考えると、誰もが代替テキストは本当に代替物であるべきであることに同意しているようであり、alt=""は完全に素晴らしい。 この記事 は、スペーサーの場合にのみalt=""を提案します。同意しません。適切なタイトルとファイル名が使用されている場合、altを繰り返し詰め込むことは時間の浪費のように見え、アクセシビリティを完全に無視します。

したがって、私の結論は、alt=""を使用しても問題はありません、if代替テキストは他のすべてを繰り返すだけです。また、アクセシビリティに最適なので、それが最良の答えである場合はalt=""に固執することをお勧めします。 この引用 すべてを要約します(強調鉱山):

代替テキストは、検索エンジンのキーワードを配置するのに最適な場所になり得ることを人々はよく忘れます。代替テキストは重要であり、画像では必須です。そのため、検索エンジンがキーワードをそこに置いたとしてペナルティを科すことはほとんどありません。 しかし、あなたの最優先事項は読者であることを忘れないでください。代替テキストでのキーワードスパムは検出でき、検索エンジンはスパマーを防ぐために常にルールを変更します

1
Metalcoder
  • イメージがスペーサーまたは純粋に装飾的な場合は、alt="" を使用します
    • <img src='blank.png' alt="">
    • <img src='rounded_uppercorner.png' alt="">
    • <img src='horizontal_rule.png' alt="">
  • 画像にレンダリングされたテキストが含まれる場合、そのテキストをalt として使用します
    • <img src='logo.png' alt="My Company Name">
    • <img src='menu_item_news.png' alt="News">
  • あなたの画像がイラストとして意図されている場合、スクリーンリーダーを使用している人が画像から同じユーティリティを取得できるように、または少なくともそれらが欠落しているものを知ることができるようにその画像を記述します。
    • <img src='kids.png' alt="Two children playing with a ball in the front yard">
    • <img src='engine.gif' alt="Animation of a four cycle engine showing its mechanical properties">

Altタグ内のテキストが省略されている場合、それが冗長である場合、スクリーンリーダーでユーザーをイライラさせます。 SEOの目的で、Googleはaltテキストだけでなく、画像を囲むテキストから画像検索のキーワードを選択します。このようなシナリオでは、画像に関連付けられているテキストを、同じdiv内の画像の真上または真下に配置します(他のマークアップを介在させません):<div><img src="kids.png"> Two children playing with a ball in the front yard</div>

4

[ところで、私はその文書に注意します。 「更新」(2012年1月)対「改訂」(2002年8月)の定義を見つけることはできませんが、いずれにしても、最新の情報と現在の状況を把握しようとする情報が豊富にあります。そこに。]

たとえば、ページコンテンツに詳細なデータを示すグラフがある場合、空の文字列以外のalt値は冗長になります。

本当じゃない。代替テキストは、適用対象の画像の代替として意図されています。
画像が主に装飾的である場合(わずかに良い用語)、視覚障害者などに「情報」をあまり伝えないため、altを空白のままにします。

状況の例ははるかに多くなりますが、テキストに「調査データが図1のように時間の経過とともに増加する」というようなメッセージが表示された場合、代替テキストで画像を完全に置き換えることができます。 「[時間枠]で[データ]の[x値]から[y値]への増加を示すグラフ」のようになります。たとえば、盲目の読者は実際にそこから価値を得ることができます。テキストがグラフの内容を非常に詳細に調べている場合、多分しないで済ますことができます。しかし現実的には、スクリーンリーダーのユーザーは常にこれに対処し、重複を認識し、スキップするツールなどを使用できます。

時々、altはページのコンテンツで既にカバーされているコンテンツを繰り返します

状況を誤って解釈しています。
はい、あなたがこれを説明するとき、おそらくその代替テキストは省いた方が良いでしょう。しかし、代替テキストは吸うであるため、そこにあるべきではないからです。
理想的には、この状況に対応するためにすべきことは、より良い代替テキストを提供することです。

これらの場合、alt = ""は何もレンダリングされないようにし、Lynxでは実際にページが見やすくなります。

代替テキストに関するあらゆる種類の考慮事項としての「より良く見える」ということは、その点が欠けている兆候です。

[だろう]一部の画像でalt = ""が使用されている場合、ウェブサイトはos SEOに関してペナルティを受ける

ペナルティ?いいえ。空の代替テキストの唯一の可能な仮定は、それが不必要であるために省略されたということです。それは中立的な状況です。

または、たとえ冗長であっても、すべてのaltを保持するランキングの方が良いでしょうか?

本文コピーの段落を繰り返す以上に、代替テキストを冗長にしないでください。
通常は表示されませんが、Altテキストはコンテンツです.

一方、適切な代替テキストの作成をコミットできない場合は、一部のアプリケーションが行うように、たとえばイメージファイル名をそこに自動的に貼り付けるのではなく、おそらくそのままにしておくことをお勧めします。

2
Su'

興味深い質問。私の見方では、代替テキストshouldは冗長です。代替テキストはHTML画像の代替として存在します。元々は、ページが何らかの理由で画像コンテンツをロードしていないときに、画像の代わりに表示することを目的としていたと思います。

しかし、90年代後半から、代替テキストのより重要な使用法-アクセシビリティがあります。視覚障害者向けのスクリーンリーダーは、視覚障害のあるユーザーに代替テキストを読み上げて、ページを表示するときに画像のコンテキストを見逃さないようにします。

したがって、その性質上、代替テキストは冗長である必要があります。

SEOの場合、Googleなどは代替テキストに注意を払っています。そのため、主なキーワードを含む代替テキストを追加すると、検索ランキングに良い影響を与えることがよくあります。したがって、ペナルティを持たないことで苦しむことはありませんが、利益も得られません。

あなたのケースはトレードオフのように思えます-ほとんどのユーザーがLynxを使用している場合は、Lynxを避けて、代替テキストを使用しないことをお勧めします。しかし、そうでなければ、アクセシビリティとSEOの利益のために、私はそれを使うと言うでしょう。

(&それ以外の場合、誰かがLynxをWeb標準でスピードアップする必要があります。しかし、それは別の会話です。);)

1
LloydDobbler