フロントエンド SEO — 詳細な説明

一般的に、作成する Web サイト構造のレベルが少ないほど、「スパイダー」によってクロールされやすくなり、組み込まれやすくなります。一般に、中小規模の Web サイトのディレクトリ構造は 3 レベルを超えており、「暗闇で迷ったらどうしよう」と「蜘蛛」が這い降りようとはしません。関連する調査によると、訪問者が 3 回ジャンプしても必要な情報が見つからなかった場合、その場を離れる可能性が高くなります。したがって、3 層のディレクトリ構造も経験を必要とします。このためには次のことを行う必要があります:

1. ホームページのリンク数を制御する

Web サイトのトップページは最も重要な場所であり、トップページのリンクが少なすぎて「橋」が存在しない場合、「クモ」が内部ページまで這い続けることができず、Web サイトに直接影響を及ぼします。含まれる Web サイトの数。ただし、ホームページ上のリンクが多すぎてはいけません。リンクが多すぎると、実質的なリンクがなくなり、ユーザーエクスペリエンスに影響を与えやすくなり、Webサイトのトップページの重量が減り、インクルージョン効果が低下します。良くないよ。

したがって、中小企業の Web サイトの場合、ホームページ リンクは 100 個以下にすることをお勧めします。リンクの性質には、ページ ナビゲーション、ボトム ナビゲーション、アンカー テキスト リンクなどが含まれます。ユーザーの優れた経験に基づいて、ユーザーが情報を入手できるように誘導する必要があります。

2. ディレクトリ階層を平坦化し、「スパイダー」が Web サイト内の任意の内部ページに 3 回までジャンプできるようにします。 「植物」 --> 「果物」 --> 「リンゴ」、「オレンジ」、「バナナ」などのフラットなディレクトリ構造。レベル 3 を通過するとバナナを見つけることができます。

3.ナビゲーションの最適化

ナビゲーションは可能な限りテキストベースにするか、画像ナビゲーションと組み合わせることができますが、画像コードを最適化する必要があります。 タグには、検索エンジンに情報を伝えるために「alt」属性と「title」属性を追加する必要があります。画像が正しく表示されない場合でも、ユーザーはプロンプト テキストも表示できるように、ナビゲーションの位置を調整します。

第二に、パンくずリスト ナビゲーションをすべての Web ページに追加する必要があります。利点: ユーザー エクスペリエンスの観点から、ユーザーは現在の位置と Web サイト全体における現在のページの位置を把握できるため、ユーザーは組織形態をすぐに理解できます。ウェブサイトの「スパイダー」は、位置情報をわかりやすくし、各ページに戻るためのインターフェースを提供してユーザーの操作を容易にします。「スパイダー」は、ウェブサイトの構造を明確に理解することができ、また、クローリングしやすいように多数の内部リンクを追加します。直帰率を下げてください。

4. Web サイトの構造レイアウト -- 無視できない詳細

ページ ヘッダー: ロゴ、メイン ナビゲーション、およびユーザー情報。

ページの本文: 左側にブレッドクラム ナビゲーションとテキストを含むメイン テキスト、右側に人気記事と関連記事。利点: 訪問者を維持し、より長く滞在させることができます。「スパイダー」の場合、これらの記事は次のとおりです。ページの関連性を高める関連リンクは、ページの重要性も高めることができます。

ページの下部: 著作権情報とフレンドリーリンク。

特に注意: ページング ナビゲーションの書き方 推奨の書き方: 「ホームページ 1 2 3 4 5 6 7 8 9 ドロップダウン ボックス」で、「スパイダー」が対応するページ番号に従って直接ジャンプできるようにします。ドロップダウン ボックスで、ジャンプするページを直接選択します。次の書き方は推奨しません。「ホームページ、次のページ、最後のページ」、特にページ数が特に多い場合、「蜘蛛」は這う前に何度も這い降りる必要があり、非常に疲れるし、与えやすくなります。上。

5. ページのサイズを制御し、http リクエストを減らし、Web サイトの読み込み速度を向上させます。

1 ページあたり 100k を超えないようにするのが最善です。大きすぎると、ページの読み込み速度が遅くなります。速度が非常に遅い場合、ユーザーエクスペリエンスは良くなく、訪問者を維持することができず、タイムアウトが発生すると「スパイダー」も去ってしまいます。

1. タイトル: 重要なポイントのみを強調します。重要なキーワードは前に置くようにします。キーワードは繰り返し使用せず、すべてのページに含めるようにしてください。タイトルに同じ内容を設定しないでください。

2. タグ: キーワード。複数のページの重要なキーワードをリストします。詰め込みすぎないように注意してください。

3. タグ: Web ページの説明。Web ページのコンテンツの概要を示す必要があります。長すぎたり、キーワードを詰め込みすぎたりしないように注意してください。各ページは異なるものである必要があります。

4. タグ: コードをセマンティックにし、適切な位置で適切なタグを使用し、適切なタグを使用して適切な処理を行うようにしてください。ソースコードの読者と「スパイダー」の両方に対して明確にしてください。例: h1 ～ h6 はタイトル クラスに使用されます。

5. ハイパーリンク タグ: ページ内リンクの場合、訪問者や「スパイダー」にわかるように説明する「title」属性を追加します。他の Web サイトにリンクする外部リンクについては、el="nofollow" 属性を追加して、「スパイダー」が外部リンクをクロールすると戻ってこないため、「スパイダー」にクロールしないよう指示する必要があります。

6. テキスト タイトルに h1 タグを使用します。「Spider」はそれが最も重要だと考えています。h1 が気に入らない場合は、CSS を通じて h1 のデフォルト スタイルを設定できます。本文のタイトルには h1 タグ、字幕には h2 タグを使用するようにしてください。ただし、それ以外の場所で h タイトル タグを安易に使用しないでください。

7. 改行タグ: テキストコンテンツの改行にのみ使用されます

8. 表では表タイトル タグを使用する必要があります

9. 画像は「alt」属性を使用して記述する必要があります

10. 太字の強調タグ: 強調が必要な場合に使用します。太字タグは検索エンジンで高く評価されます。キーワードを強調表示し、重要な内容を表現できます。強調タグの強調効果は太字タグに次ぐものです。

10. テキストのインデントには特殊な記号を使用せず、CSS を使用して設定する必要があります。著作権記号には特殊記号 © を使用せず、直接入力方法を使用して「banquan」と入力し、シリアル番号 5 を選択して著作権記号 © を入力できます。

12. CSS レイアウトを上手に利用し、重要なコンテンツの HTML コードを前面に配置します。前面のコンテンツは最も重要であると考えられ、コンテンツのキーワードを捕捉する「スパイダー」に優先的に読まれます。

13.「スパイダー」が認識しないため、重要なコンテンツの出力に JS を使用しないでください。

15. 表示したくないテキスト コンテンツについては、z-index を設定するか、ブラウザ表示の外側に設定する必要があることに注意して、display: none を使用します。検索エンジンは、display:none のコンテンツを除外するためです。

16. コードを継続的に簡素化する

17. js コードが DOM 上で動作する場合は、body 終了タグの前、html コードの後に​​配置する必要があります。

------------------------------------------------- --- ------------------------ ウェイター、車輪を 2 つください。