ホームページ  >  記事  >  ウェブフロントエンド  >  HTML のレイアウトが SEO に与える影響についての簡単な説明

HTML のレイアウトが SEO に与える影響についての簡単な説明

php中世界最好的语言
php中世界最好的语言オリジナル
2017-11-28 09:30:402528ブラウズ

私は以前に 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 ページを開く速度が大幅に向上します。 。
つまり、ブラウザはテーブル ページをロードするときに、通常は

をロードし、コンテンツをビューアに送信する前に
がロードされてテーブルが閉じられるのを待ちます。ページをクリックするまでに時間がかかるため、動作が遅く感じられます。

3 番目: 検索エンジンのランキングへの影響
XHTML 標準に基づく DIV+CSS レイアウトは、通常、デザインが完了した後、W3C 検証に合格できる限り完全なものになります。これまでのところ、そのランキング ルールが W3C 標準に準拠した Web サイトやページを優先すると明言している検索エンジンはありませんが、XHTMLアーキテクチャを使用する Web サイトは一般的に良いランキングを獲得していることが判明しました。これには議論の余地があるかもしれませんが、Le Sishu 氏自身はこの見解を維持しています。反対意見がある人は、基本的に同じ品質の Web サイトを 3 つ以上のグループで比較して観察することができます。

DIV+CSS は、Web ページに対する全体的な制御をより強力にします。簡単なコード変更により、Web サイトを大幅に最適化および改訂できます。とても実用的です。
CSS はランキングに非常に有益ではあるものの、ランキングに影響を与える要素はたくさんあると多くの人が感じています。これに限らず、基礎のない人でもテーブルを使用できますが、テーブルは3段を超えてはいけません。 CSS+DIV を知らない友人には、それを学ぶ時間があることをお勧めします

DIV+CSS の欠点:
1. DIV+CSS ページの開発には、TABLE ページに比べて開発時間がかかります
2。ブラウザ戦争の時代では、各ブラウザのカーネルの違いにより CSSプロパティの解釈が若干異なり、互換性の問題が発生しています。これは初心者にとっては難しい問題です。私は、ブラウザーは W3C 標準に従うことで解釈を十分に統一できると信じています。

これらの紹介を読んだ後は、方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトその他の関連記事に注目してください。


関連書籍:

ネイティブ JS を整理する一般的な方法

Vue+CSS3 を使用してインタラクティブな効果を作成する方法

JS のディープ コピーとシャロー コピーとは何か、およびそれらの実装方法

以上がHTML のレイアウトが SEO に与える影響についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。