ALTテキスト属性とタイトル属性の正しい使用は、画像の検索能力を改善するだけでなく、ユーザーエクスペリエンスにも非常に役立ちます。
ALTテキストは、ドキュメント内の画像を表示できない視聴者にテキストの説明を提供することを目的としています。これには、画像表示や画像表示がオフになっているブラウザを使用しているユーザー、視覚障害のあるユーザー、スクリーンリーダーを使用するユーザーが含まれます。したがって、交換テキストは、追加のリテラルテキストを提供する代わりに、画像を交換するために使用されます。 ALTテキストは、IEブラウザでタイトルの役割を再生します - マウスが通過するときにテキストプロンプトがプロンプトされます。 IEブラウザは全員を誤解させます。 IEでは、IEが標準ではないため、ALTはテキストプロンプトになります。 Firefoxはこれをより良くします。
タイトルは説明と写真への追加の追加です。マウスが写真を通過するときにテキストプロンプトを使用する必要がある場合は、属性タイトルを使用する必要があります。タイトル属性は、ALTテキストよりも優先度が高い。ただし、ガイダンスが誤っているため、多くの初心者はIMGタグにAlt属性のみを追加します。
以下の例を見てみましょう。ALTテキストとタイトルの違いをより明確に見ることができます。
//*画像は表示されません
<img src = vevb.jpg width = 400 height = 104alt = web design>
<img src = vevb.jpg width = 239 height = 104 title = web design/
//*画像表示
<img src = vevb.png title = web design/
<img src = vevb.png alt = web design/
IEブラウザでは、マウスがこれらの4つのコードの画像を通過すると、テキストプロンプトが表示されます。
Firefoxブラウザでは、最初の3つのコードで、マウスが画像を通過すると、テキストプロンプトが表示され、最後のコードが画像を通過すると、テキストプロンプトが表示されません（下の図に示すように）。
つまり、画像を表示できない場合、マウスが画像を通過すると、置換テキストの内容が表示され、画像を表示できるときに、マウスが写真を通過するときに置換テキストが表示されません。
Altテキストとタイトルの違いがわかったので、どのようにして正しく使用できますか？
1. ALTテキストとタイトルは訪問者にとって非常に重要です（ALTテキストは検索エンジンにとってより重要です）。したがって、IMGオブジェクトを定義するときは、すべてのALTテキストとタイトル属性を記述して、さまざまなブラウザで正常に使用できることを確認することをお勧めします。
2。altテキストとタイトルにキーワードを含めると、2つの内容が最も異なります。
3. ALTテキストとタイトルのキーワードを積み上げないでください。そうしないと、検索エンジンのペナルティにつながる可能性があります。