div+css レイアウトが現在非常に人気があることは誰もが知っています。CSS は Web ページのコンテンツとプレゼンテーションを分離し、Web ページのコードを合理化し、いくつかのコードを変更して、新しい Web ページのスタイルを作成します。言うまでもなく、開くスピード！しかし、SEO の観点から見ると、隠しテキストは SEO 不正行為です。 ！ CSSは上記のように完璧ですか？よくわからないので、CSS 画像がタグ img を完全に置き換えることができるかどうかについて議論しましょう。もちろんオルタナティブも含まれます！
1. 一般的なWebページの画像のHTMLコードは次のとおりです。
<h1>
<img src="images/logo.jpg" alt="ロゴ名" />
</h1>
2. 代わりに CSS を使用する場合は、まず CSS コードを記述します (.logo はクラス セレクターです)。
h1.main-logo {
幅: 300ピクセル; 高さ: 50ピクセル;
背景: URL(images/logo.jpg);
テキストインデント: -9999px;
}
Web ページで CSS を呼び出す場合、コードは次のようになります。
<h1 class="main-logo">ロゴ名</h1>
上記2つの表現方法は全く同じですが、CSSで画像を表現する方法では、テキスト内に「ロゴ名」という文字が隠れてしまいますが、これはSEOの観点から見て不正ではないでしょうか？ (SEO 専門家にメッセージを残してください。)
なぜみんなこの CSS を使いたがるのでしょうか?理由は先ほども述べたので説明しません！しかし、検索エンジンは理解できるでしょうか? Webページを開く速度はユーザーには優しいですが、検索エンジンはそれを理解できるのでしょうか？ご存知のとおり、検索エンジンはテキストのみを認識し、画像は認識しません。 CSS を使用すると、テキストが非表示になることは明らかです。検索エンジンは、非表示テキストの SEO 不正行為を厳しく罰します。しかし、CSS を使用することは技術的に合理的です。Google や他の検索エンジンはそれを理解できますか?
Google の上級シニア エンジニアであるマット カッツ氏の意見を見てみましょう。
テキストを隠すために CSS を直接使用している場合、それがスパムと呼ばれても驚かないでください。私は、マウスオーバーや DHTML テキスト、ロゴだけでなくテキストもあるものがスパムであると言っているわけではありません。 ; 私はカンファレンスで、「訪問者、競合他社、またはスパムレポートをチェックしている人にどのように見えるか想像してみてください。あなたの会社の名前が表示され、それが Expo Markers のロゴではなく Expo Markers になったら、表示するテキストが「Expo マーカーをオンラインで割引価格で購入…」であれば、見た目が悪い可能性があるため、私はより慎重になるでしょう。
彼の言葉からも、SEO 対策として CSS を意図的に使用するのはちょっと危険だということがわかります (笑)。使いやすさを向上させるために CSS を使用することが合理的であれば、心配する必要はありません。
追記: Google のロゴを調べてみましたが、この記事の最初のポイントで言及した画像が使用されています。また、一部のウィキペディアでは CSS 画像が使用されていますが、その重み付けランキングには何の影響もないようです。良い！判断が難しい質問なので、皆さんにお任せしましょう！ ！
この記事の出典: www.bobaiyou5.com
Bobaiyou さんの貢献に感謝します