ウェブページのフッターで注意すべきことのまとめ

ウェブページのフッターで注意すべきことのまとめ
たくさんのリンク

おそらく、このようなサイトをたくさん見たことがあるでしょう。ページの下部に 50 個、100 個、あるいはそれ以上のリンクがあります。検索エンジンは、Web サイトをクロールするときに、Web サイトのさまざまな領域を区別し、それぞれに異なる重み付けをしようとします。したがって、Web サイトの下部にリンクを大量に配置しても、何の役にも立ちません。私のアドバイスは、サイトの下部にあるリンクの数を 25 個以下に抑えることです。

ダイナミックフッター

動的なコンテンツは検索エンジンにとってより興味深いものになります。たとえば、最新の記事へのリンクを含めたり、最近コンテンツを更新したページへのリンクをいくつか追加したり、人気のある古い記事へのリンクをいくつか追加したり、おすすめの記事へのリンクをいくつか追加したりすることができます。あなたの目標は、コンテンツが常に変化していることを検索エンジンに伝えることです。

タイムスタンプとクロールテスト

大規模な Web サイトをお持ちの場合は、これが役立つ場合があります。これにより、サイトのどの部分が Google に好まれず、あまり頻繁にクロールされていないかがわかります。 「ページは2011年1月に生成されました」などの「検索エンジンに適したテキスト」を使用してフッターに現在の時刻を追加した場合、2か月後に[site:example.com “ページは2011年1月に生成されました”]を検索します。 2 か月間クロールされていないページがリストされます。これはそれほど技術的なものではありませんが、クロールの問題がある場所を簡単に見つけるのに最適な方法です。ここで注意点があります。完全な日付を使用しないでください。そうしないと、Google がその日付でページにタグを付ける可能性があります。

No-Followとページランク

私はかつて no-follow とページ権限 (PR) の転送を重視していましたが、もはや効果的なアプローチではないと思います。したがって、検索エンジンが連絡先ページ、プライバシーポリシー、利用規約などにアクセスするのをブロックするために no-follow を使用している場合は、使用を中止してください。これは、良いことよりも悪いことをもたらす可能性が高いです。ユーザー アカウントやバックエンド ページなどのログイン リンクがある場合は、no-follow を使用します。さらに、robots.txt を使用して、検索エンジンがこれらのページにアクセスするのをブロックする必要があります。

使いやすさとフォントサイズ

このセクションは SEO とは関係ありませんが、ユーザビリティには注意を払う必要があります。一般的に、フッターにはメインテキストよりも少し小さいフォントを使用することをお勧めしますが、小さすぎるフォントは避けてください。他の色の背後に明るい色を使用することもできますが、見えなくしないでください。そうしないと、何かを隠そうとしていると思われることになります。フッターに多くのコンテンツがある場合は、すべてをまとめて配置するのではなく、グループ化します。

さて、フッターを最適化する方法をいくつか確認してみましょう。

リンクの数を必要なものだけに制限する

動的コンテンツをリストする

検索エンジンのクロールを追跡するために使用される日付が含まれています

no-follow は、PR 配信を制御するためではなく、クロールされたくないページを検索エンジンがクロールするのを防ぐために使用します。

フッターのコンテンツをカテゴリ別に整理します。

より小さく軽い文字を使用し、見た目のために使いやすさを犠牲にしないでください。

<<:  Linuxの運用と保守の基本プロセス管理と環境構成分析

>>:  スケルトンスクリーン効果を実現する CSS

推薦する

Reactにおけるコンテキスト適用シナリオの分析

コンテキストの定義と目的コンテキストは、コンポーネント ツリーにプロパティを明示的に渡すことなく、コ...

JavaScript 履歴オブジェクトの説明

目次1. ルートナビゲーション2. 履歴状態管理API (1)ハッシュチェンジイベント(2)ポップス...

フォーム内のどの隠し属性をフォームとともに送信できるか

フォーム内の visibility=hidden および display=none のフォーム要素は...

SSHパスワードフリーログイン設定方法の詳しい説明(画像とコマンド)

まず、私たちがやりたいことは、serverA の usera を使用して、パスワードなしで serv...

Webフロントエンドスキル概要(個人の実務経験)

1. 今日、ページを作っているときに、矢印を中央に配置する効果に遭遇しました。クリック領域を大きくし...

相同性とクロスドメイン、jsonp(関数カプセル化)、CORS原則の詳細な分析

目次同一起源ポリシーAjax リクエストの制限: Ajaxは自身のサーバーにのみリクエストを送信でき...

CSSをインポートする方法は何ですか?linkと@importの違いは何ですか?選択方法

Taobao のウェブページはインポートを使用していますが、多くのウェブサイトはリンクを使用していま...

MySQL で珍しい文字を挿入できないときの対処方法 (文字列値が正しくない)

最近、ビジネス側から、一部のユーザー情報の挿入に失敗し、エラー メッセージが「不正な文字列値:&qu...

ウェブデザインにおけるカラーマッチングの優れた例30選

本日は、色彩の応用に関する優れた事例を 30 件集めて、皆さんにご紹介したいと思います。これらの事例...

MySQLの行数カウントに関する簡単な説明

各テーブルの行数をカウントするために使用される MySQL count() 関数は、誰もがよく知って...

CSS3 グラデーション背景の互換性の問題

グラデーションの背景色を作成するときは、 linear-gradient() 関数を使用して線形グラ...

ウェブ上でチャートを描くための 9 つの優れた JavaScript フレームワーク スクリプト

ウェブ上でチャートを描くための 9 つの優れた JavaScript フレームワーク スクリプト 1...

クラウドデータ移行サービスの観点から見たMySQLの大規模テーブル抽出モードの原理分析

概要: MySQL JDBC 抽出にはどのような方法を使用すればよいでしょうか? その方法を説明しま...

JS 手ぶれ補正機能の実装と使用シナリオ

目次1. 手ぶれ補正機能とは何ですか? 1. なぜ手ぶれ補正機能が必要なのでしょうか? 2. 手ぶれ...

【HTML要素】タグテキストの詳細説明

1. 基本的なテキスト要素を使用してコンテンツをマークアップするまず表示効果を見てみましょう:対応す...