- ベストアンサー
img要素のalt属性の文字列は検索対象になると聞いたのですが、テキス
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
SEO業者でもないただの素人ですが。 ＞img要素のalt属性の文字列は検索対象になる これは『画像検索』の対象になるだけではないでしょうか？ imgタグのAlt属性はその画像の説明を定義しておかないと、画像検索結果が残念なこと（商品名を検索したのにメニュー画像がHitする）になります。 No1さんご指摘のように、読み上げソフトの対象文字列にもなりますので、画像に不用意なALT属性を設定するとかえって迷惑です。
その他の回答 (2)
- metametamu
- ベストアンサー率51% (153/295)
今seoを最優先に画像を使ったメニューを製作したい場合は、文字を画像化せずに利用しつつ文字の後ろにcssで背景画像を表示するのがベストだと思いますよ。 一番リスクが少なく確実な方法だと思います。
お礼
ご回答ありがとうございます。試しにこの方法で頑張ってみます。
- yambejp
- ベストアンサー率51% (3827/7415)
全体のデザインの調子を合わせるのであればimgの方がいいでしょう。 ただimgのaltはマウスオーバー時に表示されたり、読みあげられたりするので 変に小細工をするとアクセシビリティがわるいと評価されかねないですね また話の流れ的にはSEOでimgは有利になる要因はないとおもいますが？
お礼
ご回答ありがとうございます。 大変参考になりました。精進します。。。
関連するQ&A
- img要素の属性のaltには何を書けばいいのでしょうか。
img要素の属性のaltには何を書けばいいのでしょうか。 現在記事の補足要素として画像を表示していて、基本的にalt="画像"と書いています。 実際はその画像の説明を詳しく書かなければいけないようですね。 しかし詳しく書こうとすると本文の内容と重複する事になります。 http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view&no=4374 上のURLによると 「・本文の補足としての img 要素は、重複を避けるために alt 属性を空にしなければならない。」 とあるので、alt=""にしておくべきなのでしょうか。
- ベストアンサー
- HTML
- IMGのalt属性・title属性について？
現在のプラウザのIE8やFirefoxなどでは、リンクの属性であるalt属性が ポップアップとして出ません。 ですので、alt属性・title属性の両方を明記することにしましたが、 この場合両方同じテキストでもSEO的に問題はないでしょうか? よろしくお願いします。
- 締切済み
- ネットトラブル
- テキストにalt属性を持たせるには。
画像にalt属性を持たせるには<img src="画像のパス" alt="コメント">でいいと思うのですが、テキストにリンクを設定した状態でそこにalt属性を持たせるということは可能でしょうか？ もし可能なら どの部分にそのタグを挿入したらいいのでしょうか？ <FONT size="-1"><A href="リンク先" target="_blank">1</A> （『1』という文字列にリンクを設定した場合。） 初心者の質問のためわかりにくい表現がございましたらすみません。 よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト
- SEOの観点から見たalt属性の文字数
SEO関連の書籍やネット上のSEOに関する情報を見ると、imgタグ内のalt属性の文字数は長くなりすぎないようにする事を推奨していますが、その理由は何でしょうか？ 推奨される文字数の上限は、20文字や30文字などと諸説あるようですが、それを大幅に超えた場合、どのような弊害があるのかまで記した資料が見つかりません。 ご存知の方がいらっしゃいましたら、ご教示下さい。 あくまでも、SEOの観点から見てです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- <h1>要素で<img>要素を囲むと無地の改行幅がかなり出来てしまう
ホームページを現在つくっています。 <img>要素を<h1>要素で囲んだ時に生まれる縦の隙間(20ピクセルくらいはあると思う)をなくす方法がないでしょうか？ 検索エンジン最適化のためにbody要素のあとに<h1>要素で重要なページ全体の意味となる文章を掲載すると良いとSEOの本に書いてありました。 しかし既に画像で全ページつくっているところで、しかもデザイン的にもそのまま<h1>要素で取り入れてしまうとおかしくなってしまいます。 そこで代替として<h1>要素の中に<img>要素を入れてalt属性で入れるべき文章を入れても良いとあったので実行してみたという経緯です。 何か隙間をなくす方法は無いでしょうか・・・
- ベストアンサー
- HTML
- htmlのimg要素のtitle属性のような挙動
画像をマウスオーバーした時テキストをポップアップさせたいのですが、img要素のtitle属性を使用するとポップアップまでに数秒かかります。 改行の入ったテキストを、即時ポップアップさせるやり方がありましたら教えて下さい。 宜しくお願いいたします。
- ベストアンサー
- CSS
- IEでのalt属性ポップアップ表示について
img属性でカーソルをのっけた時にポップアップで表示される文字がありますよね？ 普通はtitle属性の文字がそこに反映されるわけですが、IEの仕様ではalt属性でも表示されます。 ただ、同じalt属性だけでも IE上でポップアップ表示されるサイトとされないサイトがあります。 宣言の違いかと思い両方のソースを見ました。 共通で <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> になっています。 なぜか片方のサイトはalt属性だけで表示 片方はaltでは表示されない。 この違いは何なんでしょう CSSで設定でもしてるのでしょうか？ また、ポップアップされてなくても 通常は出ないのが普通、というかソースには書いてあるので SEO上は問題ないですよね？ よろしくお願いします。
- ベストアンサー
- HTML
- alt属性を残してタグを排除
こんばんは。はじめて質問させてもらいます。 $htmlという変数に、htmlタグを含んだ文字列が代入されておりまして、この文字列のタグを排除するために、strip_tags()を利用しています。 と、ここまでは問題ないのですが、変数に代入された文字列のうち、alt属性やtitle属性のように、ブラウザ上で表示させるための文字は残してタグを排除させるには、どのようにすれば宜しいのでしょうか？ この$htmlですが、file_get_contents()によりhtmlソースを変数にいれているのですが、file()にて文字列を配列にして格納し、for文などで、1列ずつ検証し、タグを排除しながらalt属性などを残しながら、$text .= などのように（最後には配列ではなく、文字列として変数に残しておきたいので）すれば良いのかな？とも考えているのですが、根拠はないものの効率が悪いような気もしたり、また、alt属性やtitle属性などの中にある文字を残してタグを排除するというのが分からず、質問させていただきました。宜しくお願致します。
- ベストアンサー
- PHP
- Safariのalt属性
img要素のalt属性で質問があります。 今windows環境のSafari3.1で確認済みなのですが、ある一定のwidthとheightを指定してやらなければsafariの場合は画像オフ(リンク切れ)の場合にalt属性が見えません。 ですが、さすがにフォントサイズと画像の大きさにによってはwidthやheightが対応できません。 これを常に見えるようにコントロールする方法はないでしょうか？ できるだけコントロールするほうが好ましいですが、safariでのアクセシビリティを上げるためにできそうなことでもかまいません。
- 締切済み
- HTML
- alt＝" "に入力する文字とseoについて教えて
htmlのソースで、<img src="" alt="">の画像ファイルの入力があります。 このalt=に説明文を入力しようと思いますが、多くの文字を入力した 場合、seo的に問題はないのでしょうか？ 入力は、普通の説明文です。特別、繰り返しキーワード を入力するわけでもありません。文字数は約５０～１００文字 程度を考えています。 seoに問題はありませんか？ 詳しい方、居られましたら宜しくお願いします。
- ベストアンサー
- その他([技術者向] コンピューター)
お礼
大変わかりやすいご説明ありがとうございます。 精進いたします、、、、