ユーザーエクスペリエンスと検索エンジンの親和性の両方を考慮したウェブサイトの設計方法

長い発展と変化の期間を経て、この基礎的なインターネット業界は、検索エンジンが人々の情報検索をますます支配するようになった今日、ゆっくりと合理的な発展の軌道に入りました。優れたユーザーエクスペリエンスと優れた検索エンジンランキングは、Web サイト構築プロセス全体で考慮する必要がある重要な領域です。

ウェブサイトのデザインは、過去の盲目的かつ流行に左右されるものから、ユーザー中心かつ検索エンジン中心のものへと変化しており、これは不可逆的な傾向です。検索エンジンに適応するにせよ、検索エンジンと親和的であるにせよ、それらはすべてウェブサイトにとっての検索エンジンの重要性を強調しています。検索エンジンがなければ、訪問者はどこから来るのでしょうか? ユーザー エクスペリエンス、トラフィックの増加、ページ アクセスの深さの増加など、検索エンジンとユーザー適応性を主体とするこの新しいウェブサイト設計の概念は、多くの成功したウェブサイトによってテストされ、新しいトレンドになっています。

では、検索エンジンのランキングアルゴリズムを考慮しながら、ユーザーエクスペリエンスを向上させるにはどうすればよいのでしょうか? Web デザインではどのような SEO 要素を考慮する必要がありますか? Web デザイナーとして、次の点に注意する必要があります。

1. コードが簡素化され、レイアウトが明確でスムーズです。

検索エンジンは大量の冗長コードを好まないため、テーブルから DIV レイアウトへの移行、CSS コードの改良、DIV レイアウトを使用する場合の DIV レイヤーのネストを可能な限り減らすなど、最小限のコードを使用して同じ機能を完了することがガイドラインの標準です。これらは、Web2.0 標準に沿っています。

同時に、ページをレイアウトする際に混乱しないようにしてください。静的にする前に、Web ページ全体のレイヤー構造を明確に計画してください。最も適切な方法は、最も合理的な DIV 構造を使用して Web ページを静的にすることです。参照標準: 一般に、ページ サイズは 125K を超えてはなりません。

2. JS スクリプトおよび CSS スクリプトの外部呼び出し処理。

静的プロセスでは、一部のWebサイトではJavascriptやCSSスタイルなどを使用する必要があります。これらは、外部呼び出し用の対応するJSファイルとCSSファイルに統合されています。通常、これらのコードはWebページに直接書き込むべきではありません。これにより、ページコードの量を最小限に抑えることができ、Webページの読み込み速度と検索エンジンスパイダーのクロールにより役立ちます。同時に、jsコードをマージするときは、JSファイルが大きすぎない限り、スクリプトファイルの数を減らすようにしてください。これもルールです。

3. 目を引くわかりやすいナビゲーションシステム

ナビゲーションは検索エンジンにとって極めて重要です。Web サイトのメイン ナビゲーションとセカンダリ ナビゲーションは一般にサイト全体に適用されるため、ナビゲーションの役割を果たすには、ナビゲーションをできるだけ明確にする必要があります。

一方、ナビゲーションを扱う場合は、ナビゲーションにはテキストを使用し、画像やフラッシュの使用はできるだけ避けてください。画像を使用する必要がある場合は、必ず alt 属性を追加してください。 Flash はできる限り避けるべきです。Flash のパフォーマンスは非常に優れていますが、検索エンジンは現在 Flash ファイルを読み取ることができません。これは、ユーザー エクスペリエンスを考慮しながら検索エンジンの使いやすさを無視した典型的な例です。

4.画像とリンクタグに属性を追加する

現在、検索エンジンは画像情報を読み取ることができないため、静的ページを設計するときは、すべての画像に alt 説明属性を追加することに注意する必要があります。検索エンジンは画像の alt 属性をキャプチャできます。画像の alt 属性と a タグに title 属性を追加すると、W3C 標準に準拠し、ユーザーの閲覧に役立ちます。

デザインする際には、検索エンジンで重要な役割を果たすいくつかの列タイトルに特別な注意を払う必要があります。画像や特殊なフォントの使用をできるだけ減らすようにしてください。これらの場所はユーザー エクスペリエンスに重大な影響を与えず、検索エンジンのクロールを考慮に入れます。

5. ページタイトルとその他の情報は完全である必要があります

デザインを静的にする場合は、各ページのタイトル、キーワード、説明などを完備し、プログラム処理中の同期更新と差別化更新に注意する必要があります。デザイナーが作成したテンプレートは、プログラムで処理されるときにページ コンテンツに関連している必要があります。

6. HTMLタグを適切に使用する

CSS に精通したアーティストは、多くの場合、任意の HTML タグを使用して同じ効果を実現できます。たとえば、タイトルの場合、ユーザー エクスペリエンスに影響を与えることなく、H1 タグと span タグを使用して同じ効果を実現できますが、検索エンジンにとっては大きな違いがあります。検索エンジンにとって、h1 ～ h6 タグは、どれが最も重要で、どれが二次的なものかを判断するための基準となります。

通常、ページには H1 タグを 1 つだけ使用できます。複数の H2 タグと H3 タグを同時に使用して、コンテンツ階層を示し、類似のコンテンツ領域を説明することができます。H4 ～ H6 タグは基本的に無視できます。

7. ページレイアウト構造は合理的でなければならない

これらは主に、うまく実行すればユーザーがコンテンツや検索スパイダーを直接見つけられるようにするなど、考慮すべき些細な事項です (PS: これらはいわゆるオンサイト最適化です)。

1) パンくずナビゲーション

2) 樹木のような平面構造

3) 前の項目と次の項目を設定します。

4) 記事のキーワードに基づいて「関連記事」の列を設定します。

8. カタログサイト列

静的にする場合は、サイト列のディレクトリ処理に注意する必要があります。簡単に言えば、サイトの物理構造を明確に保つために、列ごとに異なるディレクトリを設定する必要があります。たとえば、ニュースセンター、製品センター、オンラインサービスなどのシンプルな企業サイトの場合、サイトとディレクトリにニュース、製品、サービスのディレクトリを設定し、列の下にチャネルページ、列ページ、ターミナルページを保存できます。同時に、ディレクトリを 3 回以上分割しないようにして、URL アドレスをできるだけ短くするか、静的 URL または疑似静的 URL を使用してください。

簡単に言うと、上記は Web ページを設計する際に注意すべき事項をいくつか挙げたものです。これらをうまく実行すれば、Web サイトを構築してページを静的にする際に、ユーザー エクスペリエンスと検索エンジンの使いやすさの間で基本的に最適なバランスを実現できます。つまり、「ケーキを食べてケーキも食べる」ことができるのです。

この記事はもともと鄭州ウェブサイト建設会社 (http://www.371518.cn) によって公開されました。転載の際は出典を明記してください: http://www.371518.cn/article/show/70.aspx

ユーザーエクスペリエンスと検索エンジンの親和性の両方を考慮したウェブサイトの設計方法

キーワード: ユーザー エクスペリエンス、Web サイトのデザイン、Web サイトの作成、Web マスター、Web サイトのプロモーション、収益化