私は以前に SEO の経験があるため、今日は DIV+CSS によって設計および開発された Xhtml Web ページが SEO 最適化に与える影響についてお話します。 SEOの長所と短所。
最初: スパイダークローリングのための DIV+CSS ページの効率
Div+Css のコード簡素化は、たとえ DIV CSS の HTML と対応する CSS ファイルが一般的にテーブルの HTML ファイルよりも小さいとしても、 div+css はこれを実現します。スタイルとレイアウトが完全に分離され、フロントエンドのジャンク コードが大幅に削減され、コンテンツがより目立つようになり、スパイダーが Web サイトを素早く巡回して、短時間で Web サイトを完成させることができます。
2 番目: ウェブページを開く速度を向上させます
お客様は神様であることはよく知られています。検索 インデックス エンジンも例外ではないため、 検索 エンジンは、より良いカスタマー エクスペリエンスを備えた Web サイトのクロールを優先します。本物の SEO 担当者は、ユーザー エクスペリエンスを向上させるための基本的な Web サイトの応答速度を追求するだけではありません。質問させてください: Web サイトを開くのに 1 分以上かかる場合、次回この Web サイトにアクセスしますか?
DIV+CSS レイアウトは、テーブル レイアウトと比較してページ コードを削減し、読み込み速度が大幅に向上するため、Spider がクロールするときに非常に有益です。ページ コードが多すぎるとクロール タイムアウトが発生する可能性があり、Spider はページにアクセスできないと判断し、包含と重みに影響します。
余談: ストーリー レイアウトのページ開始の原則: 一般に、テーブル レイアウトのページは、テーブルにネストされた大きな テーブル であり、中央のテーブルは小さなテーブルにネストされ、小さなテーブルは小さなテーブルにネストされています。 。一般に、大きなテーブルを読み込むときは、最初のテーブル (最も外側のテーブル) を読み取ってから表示する必要があるため、Web ページを開く速度が大幅に向上します。 。
つまり、ブラウザはテーブル ページをロードするときに、通常は
これらの紹介を読んだ後は、方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトその他の関連記事に注目してください。
関連書籍:
Vue+CSS3 を使用してインタラクティブな効果を作成する方法
JS のディープ コピーとシャロー コピーとは何か、およびそれらの実装方法
以上がHTML のレイアウトが SEO に与える影響についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。