2012-03-28 1 views
1

私はこれを数時間研究しており、何が正しかったのか間違っているのか判断できないと感じています。これはStackoverflowで以前に尋ねられましたが、数年前に再び質問することができると思いました。私は私のバナーにグラフィックを持っているので、私のページにH1タグを含めるが、それらを隠すが、アクセシビリティ上の理由からH1タグを使用するように教えられた。H1タグを非表示にすると、Googleによって禁止されたサイトが取得されるかどうかについて、明確な答えがありますか?

私はこれがSEOスパムと見なされ、サイトがブラックリストに登録される可能性があることを発見しました。私はこれを望んでいません。また、H1タグを使用すると、相対ヘッダーを使用するとサイトSEOが大幅に増加する可能性があることも発見されました。

私は2つの理由からそれらを使用して非表示にしたいが、Googleが自分のサイトをブラックリストに載せないようにするか、標準的に受け入れられている方法があるのか​​、ブラックリストに載せる危険性と視覚障害より良いユーザーエクスペリエンス

アドバイスを事前にいただきありがとうございます。

答えて

2

最も簡単な方法は、ちょうどh1alt属性で画像を含めることです。

<h1><img src="banner.png" alt="my banner text" /></h1> 

そして、あなたはあなたがそのために罰せられることはないだろうことを保証することができます。 altを正しく使用するよりも、イメージの置換を行うと上位になるという決定的な情報は見当たりませんでした。ほとんどのSEOの伝承のように、データはほとんどありません。つまり、検索エンジンを操作してユーザーや検索エンジンとは異なるものを提示しようとしていない限り、イメージの置換を使用した場合には不利になることはありません。

イメージの置換を行う場合は、display: noneまたはvisibility: hiddenではなく絶対位置または負の余白を使用してスクリーンリーダーのユーザーがコンテンツにアクセスできるようにテキストをオフスクリーンに配置してください。

+1

一部の過去の履歴については、SEOの問題について説明しているGoogler Maile Oyheのこのブログ記事をチェックすることができます:http://maileohye.com/html-text-indent-not-messing-up-your-rankings/ ..彼女は解決策としてsteveaxが持っているものを説明するこの記事にリンクしています:http://luigimontanez.com/2010/stop-using-text-indent-css-trick/ – eywu

+0

素晴らしいアドバイス、ありがとうございます。私がしたかったのは、H1タグを使用してSEOやサイトのアクセシビリティを向上させることでしたが、H1タグを表示する必要がないため、非表示にしました。ありがとうございました。 – deucalion0

1

見出しを非表示にすると、アクセシビリティが向上しません。

あなたがdisplay: none;またはvisibility:hidden;でそうならば、あなたが最初の場所でそれらを追加しなかったかのように、それはです:彼らは、スクリーンリーダーで読み取ることではないだろうと明らかにCSSが有効になっている場合は表示されません。
絶対位置をマイナスtext-indentまたはleftに設定すると、盲目の人だけが読むことになりますが、スクリーンリーダーを使用していない部分視力の人は読み取れず、目の見えない人(たぶん10倍)です。

関連する問題