Div+CSS の構造上の利点_html/css_WEB-ITnose

ウェブサイトの歴史は長年にわたり、最も人気のあるウェブサイトのコード構造は DIV+CSS であることはよく知られていますが、なぜ今、Tianzong のウェブサイト最適化にはどのようなメリットがあるのでしょうか?検索エンジン最適化のための CSS の助けについて話しましょう。

まず第一に、CSS を使用すると Web サイトのコード構造が明確になり、入れ子にならず、検索エンジンにとってよりフレンドリーになります。Web サイトによる CSS の合理的な使用により、検索エンジンのスパイダーが作成される可能性があります。 Baidu スパイダーなど）は、ウェブサイトをより読みやすく、インデックスを作成しやすくします。

非常に簡単な例を挙げると、検索エンジンのスパイダー (Baidu Spider とはを参照) は非常に賢いのですが、この時点ではまだテキスト内の画像を理解できません。エンジン クロール あなたの Web サイトは障害に遭遇します。この図を見ても、それが何なのかわかりません。ただし、CSS を完全に使用して、この画像を背景表示として制御することができます。これにより、画像はページ コードには表示されませんが、ユーザーがページを閲覧するときに通常どおり表示されるようになります。

もう一つのポイントは、テキストを含む画像の多くはできるだけ縮小し、画像の背景とテキストを分離する必要があります。背景は CSS で制御され、テキストはコードに直接記述されます。この方法では、外観を維持できますが、検索エンジンにとっても役に立ちません。検索エンジンは、ALT テキストが画像に完全に関連していると判断できないため、画像に ALT 属性を追加するよりも、直接テキストを使用する方が検索エンジンの最適化に役立つことは明らかです。したがって、検索エンジンではテキストは画像や ALT 属性よりも信頼されます。

ここで、検索最適化を使用しない一般的な状況をいくつか挙げておきます。

1. Web サイトのナビゲーションで画像が使用されている (解決策: CSS を使用して表示の背景を制御し、テキスト リンクを使用します。)

2. 大量のテーブルを使用するレイアウト (解決策: Web サイトの再構築と改訂。構造が明確でコードが合理化されるため、DIV+CSS レイアウトを使用することをお勧めします。)

3. Web サイトは FLASH を大量に使用しています (解決策: 使用量を減らすようにしてください)可能な限り、ただし一部の Web サイトでは使用する必要があります。ALT に似た、GOOGLE の swfobject ツールを使用して、適切なテキストを追加してください。swfobject のアドレス: http://code.google.com/p/swfobject/)

4.ウェブサイトのページは CSS と JAVASCRIPT コードを使用しています (解決策: ヘッダーの接続を使用して外部 CSS ファイルと JS ファイルを呼び出します)

この記事は天津 SEO からのものです: http://blog.tianya.cn/blogger/post_show.asp?idWriter =22046825&キー=504767210&ブログID=3032102&ポストID=24954744