インターネット上のさまざまな業界の Web サイトが長い開発期間を経てきたため、多くの不正な最適化が検索エンジンによって排除され、特に検索エンジンに依存している今日の業界では、業界はより合理的で正式な開発軌道に向かって進んでいます。優れた Web サイト、優れたユーザー エクスペリエンス、および可能な限り上位にランクされるように Web サイトを最適化することは、あらゆる Web サイト構築とその後の作業において間違いなく最優先事項です。
Web サイトのデザイン作業は、盲目的にトレンドに従うことから、検索エンジンとユーザーに直面するようになりました。これは間違いなく非常に間違った点です。そのため、よく開発された Web サイトの多くは、これらの間違いに気づき、Web サイトの改訂や機能の追加などを始めています。そのため、Web サイトはユーザーや検索エンジンにさらに愛されるようになりますが、これらの問題のバランスをうまくとることができないことが多く、これは間違いなく、今日の改訂またはアップグレードのプロセス中に多くの Web マスターが懸念している問題です。編集者が要約して、Web サイトを継続的に修正およびアップグレードし、ランキングを上位に維持するために行った技術的な作業の一部を共有したいと思います。これが、Web マスターの友人全員のお役に立てれば幸いです。
Web サイトのランキングを確保するために Web サイト自体の SEO 最適化をより適切に考慮する方法、および Web サイトのユーザー エクスペリエンスを向上させる方法について、今日は編集者が主に Web サイトのデザインについて一連の要約を作成しました。 Web サイトを改訂およびアップグレードする必要がある場合は、次の点を参照してください。
1. レイアウトはシンプルかつ明確で、コードは合理化されています。
ますますインテリジェントになっている検索エンジンは、多くの冗長なコードを嫌うため、Web サイトのデザインでは、Web サイトのコードを合理化するために最善を尽くさなければなりません。もちろん、この点は同じ機能を確実に提供できるようにする必要があります。この場合、たとえば、テーブルが DIV レイアウトに変更されるときは、CSS コードを可能な限り合理化する必要があります。また、レイアウトに DIV を使用する場合は、DIV のネストをできる限り減らすように努める必要があります。 Baidu の公式リリースの web2.0 規格に準拠するためです。
同時に、Web サイトをレイアウトするときは、可能な限りシンプル、寛大、明確にする必要があり、Web サイトを静的にするには、可能な限り DIV 構造を合理的に使用する必要があります。それにより、クモの愛情がさらに高まります。
2. JS および CSS スクリプト呼び出しの処理。
ウェブサイトを静的にするプロセスでは、JavaScript と CSS スタイルを使用する必要があることがよくあります。このとき、それらを呼び出して同じ効果を実現するために、それらを対応する JS ファイルと CSS ファイルにまとめることはしません。これらのコードを HMTL に直接組み込むと、Web サイトのコードが大幅に増加し、サイトのページの読み込みが遅くなりすぎるため、Web サイト上のスパイダーのクロールに直接影響するため、コードの統合は非常に重要です。私たちの最適化。
注: 一般に、ページ サイズは 120K を超えてはなりません。
3. 明確で目を引くナビゲーション デザイン。
Web サイトの場合、ナビゲーションはユーザーが必要なコンテンツをより迅速に見つけられるように Web サイトのレイアウトを細分化する役割を果たします。これは、ナビゲーションが通常は包括的であることを誰もが知っているためです。したがって、Web サイトにおけるナビゲーションの役割をよりよく理解するために、ナビゲーションをできるだけ明確かつ整然としたものにする必要があります。
また、検索エンジンはテキストに比べて画像やFlashのクロールが苦手なため、ナビゲーションを作成する際には画像やFLASHを極力使用しないように注意する必要があります。 ALT 属性。
注: FLASH スパイダーは読み取りとクロールができません。どうしても使用する場合、ユーザー エクスペリエンスは向上する可能性がありますが、SEO の最適化にはデメリットとなるため、編集者は慎重に使用することをお勧めします。
4. html タグの使用は合理的でなければなりません。
CSS に精通した熟練したアーティストの場合、Web サイトに必要なパフォーマンス効果は、任意の HTML タグを使用して実現できます。たとえば、一般的なタイトルの場合、H1 タグと spam タグを使用すると、一貫した効果が得られ、Web サイトには影響しません。ただし、検索エンジンの観点からは、各 H1 ～ H6 タグの重みが異なり、重みの順序は H1>H2>H3> であるため、SEO の最適化にはまったくの違いがあります。 ..>H6 など。
一般的に、エディターは、H1 などのタグはページ上に 1 回だけ出現する方がよいと推奨します。これは、エディターの上記の例から、HTML タグの使用が重要であることがわかります。これは非常に重要な知識なので、慎重に使用する前によく考え、使用するラベルの長所と短所を理解する必要があります。
5. Web サイトのディレクトリと列の最適化。
Web サイトを静的化するプロセスでは、Web サイトのディレクトリと列の静的処理に注意を払う必要があります。簡単に言えば、Web サイトをより明確かつ階層的に変更できるように、列ごとに異なるディレクトリを設定することを意味します。たとえば、単純な企業 Web サイトの場合、列ナビゲーションは次のようになります: ニュース センター、製品センター、オンライン相談など。サイトのディレクトリにニュース、製品、およびサービスのディレクトリを設定してチャネル ページを保存できます。同時に、ディレクトリを 3 回以上分割しないようにし、Web サイトの URL アドレスの長さをできるだけ短くするように努めてください。
6. ウェブサイトのページレイアウトは合理的でなければなりません。
このトピックには些細な事柄がたくさんありますが、「細部が成功か失敗かを決定する」ことは誰もが知っているので、これらの些細な事柄にもしっかり取り組む必要があります。そうすることでのみ、SEO の最適化をより確実に行うことができるからです。同時に、ユーザーの好意も得ることができます。
1) パンくずリストのスパムナビゲーション。
2) 縦ページめくり機能。
3) 記事ページの前へ、次へボタンを設定します。
４）関連記事、人気記事のレコメンド機能。
7. ユーザーエクスペリエンスに役立つ機能アイテム。
検索エンジンは Web サイトのユーザー エクスペリエンスを Web サイトのランキングの重要な基準の 1 つとみなしているため、さまざまな Web サイトがユーザー エクスペリエンスに有益な多くの機能を即座に導入しています。今日、編集者は、ユーザー エクスペリエンスにさらに有益なこれらの共通機能を紹介します。ユーザー エクスペリエンスに影響を与えるものではなく、SEO 最適化機能には影響しません。参考までに、簡単な概要を示します。
1) ナビゲーションはユーザーに従います。
2) 記事の賛成投票機能。
3）記事評価機能。
4) ワンクリックで先頭の機能に戻ります。
5）Baidu共有機能。
6) ランキング欄機能。
概要: 実際、SEO の最適化とユーザー エクスペリエンスの作業のバランスについては、開発中の多くの Web サイトが常に議論しているテーマです。不適切またはより良いと思われる場合は、編集者が参考のために上記の内容をまとめました。一緒に議論することを歓迎します。この記事はもともと Game Name Network http://www.name2012.com/によって共有されたものです。転載してくださった友人の皆様には、リンクと著作権を忘れずに保持していただきますようお願いいたします。
（担当編集：陳龍） 著者のパーソナルスペース