alt=" "のseoについて教えて！

質問

画像ファイルではaltが大事であり、seoにも不可欠であると解します。

しかし、altの文字数について疑問があるので次の二つを質問します。

（質問１）
例えば商品ページにリンクする、商品を載せた画像ファイル（３ｃｍ角）の場合、altにはどの程度の説明文字数が必要でしょうか？

私が思うには、リンクすれば説明文が表示されるのでaltを省略、若しくは、１０文字程度の説明文字数でいいと思うのですが、如何でしょうか？

（質問２）
例えば、商品説明文を装飾の施した５６０pix角程度の画像ファイルで掲載した場合、altにはどの程度の文字数がseo的にいいのでしょうか？

簡単な説明文では２０文字以内で完了しますし、詳細に説明するなら１００文字以上の文字数でも可能でしょう。
altはテキスト文字として認識されるなら多いほうがいいように思うのですが、だからと言って詳細に入力してもバグにならないのでしょうか？

altの文字数とseoについて詳しい方がおられましたら宜しくご指導願います。

回答No.3

ORUKA1951

＞記載の殆どがコピペですね。
　失礼な!!。もしそうなら私自身のものかもしれない。
＞だから何なんですか？seoに関係ないって根拠にはならないですよね・・
　SEO 検索エンジン最適化(Search Engine Optimization)とは、本来は検索エンジンにページの内容が正確に伝わるようにすることです。その結果として、あるキーワードで探された時に、そのページが検索結果の上位に表示される。SEOがきちんとされていることのあくまで結果です。
＞正確に記述することがseoに繋がるのです。
　いくら正確であっても、ページの主題が検索エンジンに伝わらなければ意味がありません。
　HTML4.01からHTML5への議論の中で重視された問題の一つです。
⇒HTML5が解決する、Webの“3つ”の問題とは
　　⇒【問題2】文書内に埋め込まれた「意味」が不明確( http://www.atmarkit.co.jp/ait/articles/1008/30/news106_2.html )

＞相談の趣旨は文字数です。それについて全く記載がないので断念です。
　すでに回答しましたが、文字数ではなく、代替文字として有効んそうでなしかです。

より詳しく説明すると
（質問１）
例えば商品ページにリンクする、商品を載せた画像ファイル（３ｃｍ角）の場合、altにはどの程度の説明文字数が必要でしょうか？
　例えば
<section id="products List">
　<ul>
　　<li><a href="/products/abc.html"><img src="/images/photo/products/abc.jpg" width="114" height="114" alt="製品ABCへ"></a></li>

あるいは、
<section id="productsList">
　<ul>
　　<li><a href="/products/abc.html">製品ABCへ</a></li>
としておいて、スタイルシートで
#pdoductsList ol li{width:114px;height:114px;position:relative;}
#pdoductsList ol li a{display:block;text-indent:-100em;oveflow:hidden;}
#pdoductsList ol li a[href="/products/abc.html"]{background-image:url(/images/photo/products/abc.jpg);}

　いずれも検索エンジンは

<!-- 製品リストのブロック -->
　・製品ABCへ

と理解してくれるでしょう。

（質問２）
例えば、商品説明文を装飾の施した５６０pix角程度の画像ファイルで掲載した場合、altにはどの程度の文字数がseo的にいいのでしょうか？
　本来はさけるべきです。
『テキストを画像に置き換えて表現する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )』

私なら、
<section class="productsDetails">
　<h3>製品A</h3>
　<p>今月新発売の発売のAです。</p>
　<figure>
　　<img src="" width="" height="" alt="">
　　<figcaption>
　　　<p>
　　　　　この製品はなんたらかんたら・・・・・・・
　　　</p>
　　　<ol>
　　　　<li></li>
　　　　<li></li>
　　　</ol>
　　</figucaption>
　</figure>

とかにしておいて、スタイルシートで文字を隠してしまうとかになるでしょう。
※HTML5より前のHTML,XHTMLの場合はsection,figure,figcaptionはそれぞれdivのclass名になります。
　『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するため( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』

　この場合も、もしHTML内にその説明がないのてしたら、いくら長くてもalt内に書くことになります。

＞簡単な説明文では２０文字以内で完了しますし、詳細に説明するなら１００文字以上の文字数でも可能でしょう。
　可能ですが、できれば避けるべきです。

＞altはテキスト文字として認識されるなら多いほうがいいように思うのですが、だからと言って詳細に入力してもバグにならないのでしょうか？
　バグにはなりません。

補足

沢山書いて頂きましたが、私の趣旨にあったご回答は次の二つであり、後は全く興味がありません・・

＞簡単な説明文では２０文字以内で完了しますし、詳細に説明するなら１００文字以上の文字数でも可能でしょう。
　可能ですが、できれば避けるべきです。

＞altはテキスト文字として認識されるなら多いほうがいいように思うのですが、だからと言って詳細に入力してもバグにならないのでしょうか？
　バグにはなりません。

それを前程に質問があります。

質問１
（次のコメントの根拠はありますか？例えば、他のサイトのコピペとか、若しくは、貴殿の知恵で説明できるとか・・）

出来れば避けるべき・・
バグにはなりません。

質問２
出来れば避けるべきと主張してますが、それでもバグにならないのですよね？
なら、どうして「出来れば避けるべき」なんですか？

精通されていると思うからお聞きしますが、精通されていないのなら、もう結構です。

回答No.2

notnot

目の見えない人が、専用の読み上げブラウザを使った場合、画像表示の代わりにaltの文字列が読み上げられることになります。

なので、その観点で、読み上げだけでページの内容がよくわかるようにすれば、自然に最も良い文字数になるかと思います。検索エンジンは良いページを良い評価をするように出来ています。

補足

観ることが出来ない方に、音声で紹介するのは理解できるのですが、そうすると詳細に記載するのがいいのかなぁ？って思うわけです。

しかし、詳細だとすぐに２００文字以上になるでしょう。

その場合、バグと判断されないのかなぁ？っと思って相談しています。

回答No.1

ORUKA1951

altは大体テキストですよ。例えば
<p>
<img src="./photo/mtFuji.jpg" width="480" height="360" alt="山中湖湖畔から眺めた秋の富士山、山頂はすっかり冠雪していました。">
</p>
<p>
紅葉の深まる秋に久しぶりに山中湖に行ってきました。
<p>
とか、写真を見れない環境でも、そこに何の画像があるかわかりますよね。

　クリックした時に表示させるならtitleを書いておけば良い。
<img src="./photo/mtFuji.jpg" width="480" height="360" title="山中湖から富士山" alt="山中湖湖畔から眺めた秋の富士山、山頂はすっかり冠雪していました。">

　マウスオーバーした時にタイトルや大体テキストを表示したければ、スタイルシートで指定すればよい。

＞seoにも不可欠であると解します。
　SEOではなく、アクセシビリティ(WAI)ですね。これもウェブ標準のサイトをつくろうとすると極めて重要な事です。

（質問１）
例えば商品ページにリンクする、商品を載せた画像ファイル（３ｃｍ角）の場合、altにはどの程度の説明文字数が必要でしょうか？

　画像が読めないユーザーに対して画像の変わりになるテキストです。

（質問２）
例えば、商品説明文を装飾の施した５６０pix角程度の画像ファイルで掲載した場合、altにはどの程度の文字数がseo的にいいのでしょうか？
　商品説明文は決して画像にしてはなりません。どうしても画像にする場合は全文を記載しなければなりません。
　サイト確認でLynxなどのテキストブラウザを使用されると思いますが、それで見ればなにを書けば良いかが判るはずです。

補足

記載の殆どがコピペですね。

相談の趣旨は文字数です。それについて全く記載がないので断念です。

因みに

アクセシビリティとはaltの意味のことです。
http://ja.wikipedia.org/wiki/%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B7%E3%83%93%E3%83%AA%E3%83%86%E3%82%A3

だから何なんですか？seoに関係ないって根拠にはならないですよね・・

正確に記述することがseoに繋がるのです。