web-dev-qa-db-ja.com

CSSスプライトと非表示テキストの使用-SEOへの影響?

私は私のウェブサイト上のボタンにCSSスプライトを使用しています。それらは停止/再生/ダウンロードなどに使用されます。たとえば、テキストで<i class="preview">preview "track name"</i>再生ボタンを使用している場合、text-indent:-9999pxを使用してテキストを非表示にします。

これは罰せられるのに十分でしょうか? (ページごとに60の製品があり、それぞれに隠されたテキストを持つ3つのスプライトがあることに注意してください!)

3
Treemonkey

大丈夫です。非表示のテキストは問題にすぎません検索エンジンを操作する目的で行われる場合whatするのではなく、ほとんどのペナルティを引き起こすのはwhyであり、これはその完璧な例です。この例の非表示のテキストは、CSS機能を持たないユーザーのフォールバックにすぎません(最近ではユーザーにとってまれですが、ボットはスクリーンリーダーとは異なる話です)。

4
John Conde

ジョンコンデの答えに完全に同意し、テキストを削除しないように警告します。

テキストを削除すると、情報が削除されますout ofページ。検索エンジンは、CSSスプライトはもちろんのこと、画像を読み取ることができません。ランキングを落とすことを期待しています。視覚障害者が使用するスクリーンリーダーは、画像を読み取ったり説明したりできません。失望した顧客を獲得することを期待しています。

最後に、私はあなたの国の法的背景を知りませんが、そのテキストを削除するとあなたのウェブサイトが視覚障害者にアクセスできなくなり、それが法的問題につながる可能性があります。

4
Erion

<a>タグを使用してCSSスプリットを直接使用する予定がある場合(リンクの場合はおそらくこれが最善の方法です)、スプリットイメージリンクのそれぞれにaltプロパティを設定して、リンクは、いくつかの言葉でです。

これは文字通り、リンク画像のテキストにすることができます。これにより、ブラインドのページがaltタグを読み取るため、サイトがブラインドに対してどのように機能するかという問題も解決されます。これを行うと、余分な非表示タグが不要になる可能性がありますが、それらを使用しても特定の問題が発生することはないと思います。

1
Ben Hoffman

削除しないでください。要素に書かれたテキストがアイコンに関連して「意味をなす」限り、それはあなたにとって良いことです。また、必要に応じて「title」属性を使用して記述子を追加することもできます。

私は専門家のふりをするつもりはなく、SEOを改善すると言います。butロジックとGoogleがたとえば整形式HTMLを好む方法、私ができるのはassumeのみです。すべてを読み取り、すべての関連情報を利用してサイトを分析しランク付けします。

0
Gup3rSuR4c