画像imgタグのalt属性とtitle属性の評価実験

SEO の最適化は時間がかかり、細心の注意を要するプロセスです。細部をきちんとやれば水を得た魚のようになるが、細部をきちんとやらなければ苦労することになる。 SEO 最適化を行う人は、検索エンジンが alt 属性を通じて画像を理解することを知っています。そのため、画像の alt 属性にキーワードを含む簡単なテキスト説明を使用することも、ページ最適化の一部です。さらに良い結果を得たい場合は、タイトル属性で画像についてさらに詳しく説明することができます。SEO 最適化の関連知識ポイントについては、「画像最適化方法 | Baidu 画像最適化」の記事で詳しく説明されています。今日は、SEO 最適化について、画像 img タグの alt 属性と title 属性を評価する実験を紹介します。

画像 img タグ alt および title 属性の評価実験コード

注: コードをテストするときは、< > を < > に置き換えてください。

<html>

<本文>

</本文>

</html>

画像のimgタグのalt属性とtitle属性に関する実験の結果

画像アドレスが間違っており、画像サイズが制限されていません

1. 画像にはalt属性のみがある

1. IE6 ブラウザでは、画像にクロスと代替テキストが表示されます。マウスを画像の上に移動すると、代替テキストが表示されます。

2. 360 ブラウザ 5.1 ベータ版 (IE8 カーネル) では、画像上に十字と代替テキストが表示され、マウスを画像の上に移動すると代替テキストが表示されます。

3. Firefox 12.0 では、画像に代替テキストが表示されますが、マウスを画像の上に移動しても代替テキストは表示されません。

2. 画像にはタイトル属性のみがある

1. IE6 ブラウザでは画像が十字で表示され、マウスを動かすと画像の上にタイトルテキストが表示されます。

2. 360 ブラウザ 5.1 ベータ版 (IE8 カーネル) では、画像上に十字が表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

3. Firefox 12.0 ブラウザに壊れた画像記号が表示され、マウスを動かすと画像の上にタイトルテキストが表示されます。

3. 画像にはalt属性とtitle属性がある

1. IE6 ブラウザでは、画像上にクロスと代替テキストが表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

2. 360 ブラウザ 5.1 ベータ版 (IE8 カーネル) では、画像上にクロスと代替テキストが表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

3. Firefox 12.0 ブラウザでは代替テキストが表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

画像アドレスは正常で、画像サイズは制限されています

1. 画像にはalt属性のみがある

1. 画像は IE6 ブラウザで正常に表示され、マウスを画像の上に移動すると代替テキストが表示されます。

2. 360 ブラウザ 5.1 ベータ版 (IE8 カーネル) の画像は正常に表示され、マウスを画像の上に移動すると代替テキストが表示されます。

3. Firefox 12.0 では画像は正常に表示されますが、マウスを画像の上に移動しても代替テキストが表示されません。

2. 画像にはタイトル属性のみがある

1. IE6 ブラウザでは画像が正常に表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

2. 360 Browser 5.1 ベータ版 (IE8 カーネル) では画像が正常に表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

3. Firefox 12.0 ブラウザでは画像が正常に表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

3. 画像にはalt属性とtitle属性がある

1. IE6 ブラウザでは画像が正常に表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

2. 360 Browser 5.1 ベータ版 (IE8 カーネル) では画像が正常に表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

3. Firefox 12.0 ブラウザでは画像が正常に表示され、マウスを画像の上に移動するとタイトルテキストが表示されます。

SEO 最適化の概要画像 img タグ alt と title 属性の評価実験

alt と title はどちらも示唆的な言語タグであり、それらの間には違いがあります。 alt は画像が存在しない場合に代替テキストです。title は画像の説明とさらなる説明です。360 ブラウザ 5.1 ベータ版 (IE8 カーネル) を使用する場合、alt 属性のみを持つ画像は表示されませんが、テストプロセス中に表示されることがあります。これは SEO 最適化にとって混乱を招きます。どなたかご存知でしたら、教えてください。よろしくお願いします。 Firefox 12.0 では、alt 属性は表示されず、title 属性のみが表示されます。IE6 では、マウスが画像上を通過すると、title と alt の両方の値が表示されます。 alt 属性と title 属性の両方が存在する場合は、タイトルの値が表示されます。

SEO 最適化拡張機能補足: alt 属性は通常、画像プロンプトに使用され、タイトルは通常のテキストやリンクテキストにプロンプトを与えるためにも使用できます。

一般的な使用方法は次のとおりです。

<html>

<本文>

<title="通常のテキストのヒントを与える">テキスト

</本文>

</html>

この記事は元々 SEO 最適化 http://www.fqseo.org/ によって作成されたもので、記事のアドレスは http://www.fqseo.org/652.html です。転載の際はリンクをそのままにしておいてください。

元のタイトル: 画像の img タグ alt と title 属性の評価実験

キーワード: img タグ、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化

<<: 毎日約1万のタオバオオンラインストアが閉鎖：違反に対する苦情と罰金は高い

>>: ウェブサイトの再設計をウェブサイト開発の加速器にしましょう