サイトマップをウェブページの下部に配置するメリットと例

サイトマップをウェブページの下部に配置するメリットと例

以前は、ほとんどすべての Web サイトに、すべてのページをリストしたサイトマップ ページがありました。サイト マップ ページの目的は、訪問者と検索エンジン スパイダーが Web サイト上の情報を見つけやすくすることです。最近では、多くの最新のウェブサイトではサイトマップが削除され、ウェブサイトのフッター領域に配置されたサイトマップに置き換えられています。 123WORDPRESS.COM では、大企業から小規模なポートフォリオ サイトまで 20 の Web サイトをリストし、それらの Web サイトがフッターを巧みに整理して Web サイトの有用性を高めている方法を紹介します。

フッターにサイトマップを配置する利点

1. ユーザーのクリックを促し、訪問者の滞在を促します。

ご存知のように、オンラインの読者はページ上のすべてを読むのではなく、スクロールしてスキャンします。フッターはユーザーがサイトを離れる前に最後に見る場所です。フッターにサイトマップを配置すると、読者の注目を集め、ページのクリック数やページビュー数が増加する可能性があります。

2. ユーザーが見逃さないようにする

訪問者がサイトマップ ページへのリンクをクリックするのが面倒で、何かを見逃してしまうことがあります。フッターにサイトマップを配置すると、訪問者がすべてのページを把握できるようになります。

3. フッターを使用して関連リンクを宣伝します。

必ずしもフッターにすべての項目をリストする必要はありません。関連する重要なページの閲覧を促進するための代替場所として使用できます。

4. 読者の時間を節約する

フッターにサイトマップを配置すると、ユーザーはページ間を素早く移動できます。

5. 訪問者のクリックを節約

サイトマップを別のページではなくフッターに配置することで、ユーザーのクリック回数を減らすことができます。

6. レイアウトデザインの強化

フッターに何を入れればよいか分からないですか?サイトマップを使用して入力すると、Web サイトが大きく見えるようになります。

ディグ

Digg は、カテゴリコンテンツのみを配置することで、すっきりとしたヘッダーを維持しています。ヘッダーはユーザーに焦点を当て、フッターは会社に焦点を当てます。

モジラ - ファイアフォックス

サイトマップをありがとうございます。一目でサイトに何が載っているかがわかります。

りんご

コンテンツの観点から見て巨大なサイトをお持ちの場合、完全なサイトマップをフッターに配置するのは無謀かもしれません。 Clever では、サイトマップをセクションに分割して、Apple.com について詳しく知ることができます。たとえば、Apple セクションに移動すると、Apple のサイトマップのみが表示されます。

グッドバリー

GoodBarry のフッター サイトマップには、サイト上のすべてのコンテンツがリストされているわけではありませんが、重要な部分はリストされています。

ホワイトハウス

最近再設計されたホワイトハウスのウェブサイトでは、ドロップダウン メニューとフッターのサイト マップにより、サイトのナビゲーションが簡単になりました。

ミロ

Miroのウェブサイトでは、フッターのサイトマップを区切るために「何かお探しですか?」というテキストフィールドを使用しています。

シックス・アパート

Six Apart のように、サイトマップを使用して Web サイトを接続することもできます。フッターのブログセクションには、姉妹サイトである Typepad、Movable、Vox へのリンクがあります。

クリアスプリング

Clearspring の Web サイトでは、サービスを Launchpad と WidgetMedia の 2 つの部分に分割しています。

スクエアスペース

SquareSpace のサイトマップでは、どのページが訪問されたかがわかります。訪問した Web ページには、通常の三角形のアイコンではなく、小さなチェックマークが表示されることに注意してください。

シュガーシンク

SugarSync のフッターにはメインのサイト階層のみがリストされ、別のサイト マップにはすべてのページがリストされます。


前のページ1 2 次のページ 全文を読む

<<:  スライドボタン効果を実現するネイティブJS

>>:  Docker で onlyoffice をインストールして展開する詳細なプロセス

推薦する

jwtを使用してノードによって生成されたトークンをどこに保存するかについての簡単な説明

A: 通常はクライアントに保存されます。 jwt または JSON Web Token は、リクエス...

JavaScriptのイベントループの仕組みの分析

目次序文: 1. イベント ループとタスク キューの理由: 2. イベントループメカニズム: 3. ...

Linux で開いているファイルが多すぎる問題を解決する方法

原因は、プロセスが特定の時点でシステム制限を超える数のファイルと通信リンクを開くことです。 システム...

MySQL 8.0 のメモリ関連パラメータの概要

理論的には、MySQL によって使用されるメモリ = グローバル共有メモリ + max_connec...

nginx設定ファイルの場所を見つける方法の詳細な説明

よく知らないサーバーの場合や、かなり前にインストールした場所を忘れてしまった場合、構成ファイルの場所...

Vue の高度な構築プロパティの詳細な説明

目次1. ディレクティブカスタムディレクティブ2. ミックスイン3. 継承を拡張する4. 提供して注...

Nginx と Lua を使用した JWT 検証の概要

目次序文Lua スクリプトnignx.conf の設定Dockerfileの設定序文データベースやそ...

自動ヘルスレポートを実現するDocker+Selenium方式

この記事では、ある大学の健康報告システムを例に、Web 側の自動化操作を完成させます。使用したテクノ...

JSX を使用してコンポーネント パーサー開発を構築する例

目次JSX環境の構築プロジェクトの設定NPMを初期化するwebpackをインストールするBabelを...

Vue ポーリング リクエスト ソリューションの完全な例

世論調査の理解実際、ポーリングの焦点はループ自体ではなく、実行間の間隔にあります。 Ajax は非同...

Linux システムで Centos7 を使って ElasticSearch ミドルウェアと共通インターフェースを構築するデモ

1. ミドルウェアの紹介1. 基本概念ElasticSearch は Lucene をベースにした検...

Vue+flaskで動画合成機能を実現(ドラッグ&ドロップアップロード)

目次ドラッグアンドドロップアップロードについては以前の記事で書きました。ファイルをアップロードするF...

MySQL のバイナリおよび varbinary データ型の詳細な説明

序文BINARY と VARBINARY は、文字列ではなくバイナリ文字列を格納する点を除いて、CH...

IE における条件付きコメントの利点と欠点

IE の条件付きコメントは、通常の (X)HTML コメントに対する Microsoft 独自の (...