注目キーワード
PS Auto Sitemap 使い方 デザイン

PS Auto Sitemapの設定と使い方・デザイン一覧【サイトマッププラグイン】

PS Auto Sitemap 使い方 デザイン

ブログを運営しているものの、ユーザ向けサイトマップの作り方がわからない。

プラグインでデザイン含めて簡単に作りたい。。。

 

 

ユーザ向けサイトマップユーザビリティ向上SEO対策にも繋がる話ですが、作成していないブログは多いです。

 

 

今回は下記の方々に向けて記事を書いてみました。

 

・ユーザ向けサイトマップの書き方がわからない

・プラグインでデザイン含めて一気に設定したい

・使用可能なデザインイメージの一覧が見たい

 

 

 

当記事でPS Auto Sitemapを用いてユーザ向けサイトマップを作成する手順を紹介します。

 

 

Googleのロボット向けサイトマップの作り方・送信方法はこちら

>> WordPressのサイトマップの作り方と送信方法【ユーザとロボット用】

 

 

 

また、PS Auto Sitemapにはデザインが10種類以上あります。

 

 

それら全てを自分のサイトで設定して確認して、決定するのは時間が勿体無いので、当記事で全ての適用イメージパターンも試しました。

 

 

当記事を読みますと、ユーザ向けサイトマップの作成手順と、使用するデザインの決定までスムーズに行うことができます。

 

 

どうぞご覧ください。

スポンサード リンク

プラグインのインストール

まずはPS Auto Sitemapをインストールしてください。

 

 

プラグインのインストール後、管理画面の左メニューの「設定」の中に「PS Auto Sitemap」という項目が表示されます。

 

 

これを押下すると以下のような設定画面に遷移します。

PS Auto Sitemap 使い方 デザイン

 

HTMLサイトマップ用のページを用意する

PS Auto Sitemap を使用するには固定ページを使います。

 

 

投稿ページでは動かないので気をつけましょう。

 

 

まず管理画面の左メニューより固定ページを作成します。

 

 

下図のように必ず「テキスト」タブに切り替えてください。

(HTMLタグを貼るのでビジュアルだとタグが読み込まれないため)

PS Auto Sitemap 使い方 デザイン

 

次に通常通りページを作成するように、タイトルやURL名を入力します。

 

 

記事欄には PS Auto Sitemapで用意された専用のコードを貼り付けます。

PS Auto Sitemap 使い方 デザイン

コードは PS Auto Sitemap の設定画面に書いてありますが、以下をコピーペーストで大丈夫です。

<!– SITEMAP CONTENT REPLACE POINT –>

 

 

 

ここまでできたら一旦固定ページを公開してしまいましょう。

 

 

その後、サイトマップ固定ページ編集画面(公開ボタンを押した直後の画面)の、URL欄に表示されている数字を控えておいてください。

PS Auto Sitemap 使い方 デザイン

 

URLの「~php?post={ID}&action~」{ID}の部分にある数字を設定しないとPS Auto Sitemap は機能しません。

 

 

※当ブログでいうとIDは1800です。

 

PS Auto Sitemapの設定

出力ページ

PS Auto Sitemap 使い方 デザイン

サイトマップに出力するページの設定です。

 

 

ホームページと、投稿・固定ページが出力される設定で良いかと思います。

 

 

また、「サイトマップを表示する記事」には先ほど控えたIDを入力してください。

 

 

出力制限

PS Auto Sitemap 使い方 デザイン

出力階層制限は、親子ページや親子カテゴリーの階層が深くなっている場合に利用すると良いです。

 

指定階層より下のページは表示されなくなります。

 

 

また、「除外カテゴリ」「除外記事」はサイトマップに表示したくないページを設定可能です。

 

デザイン

PS Auto Sitemap 使い方 デザイン

ここではサイトマップのスタイルを選択可能です。

 

スタイルなし

シンプル

シンプル2

チェックリスト

蛍光ペン

ドキュメントツリー

付箋

音譜

矢印

ビジネス

索引

アーバン

アンダースコア

キューブ

 

 

デザインの一覧

全部で14種類のデザインがあります。

 

 

自分のサイトでいちいち設定して、見た目を確認するのも非常に面倒なので、ここで全てのパターンのデザインを試しました。

 

ご紹介します。

 

スタイルなし

PS Auto Sitemap 使い方 デザイン

 

 

 

シンプル

PS Auto Sitemap 使い方 デザイン

 

 

シンプル2

PS Auto Sitemap 使い方 デザイン

 

 

チェックリスト

PS Auto Sitemap 使い方 デザイン

 

 

蛍光ペン

PS Auto Sitemap 使い方 デザイン

 

 

ドキュメントツリー

PS Auto Sitemap 使い方 デザイン

 

 

付箋

PS Auto Sitemap 使い方 デザイン

 

 

音譜

PS Auto Sitemap 使い方 デザイン

 

 

矢印

PS Auto Sitemap 使い方 デザイン

 

 

ビジネス

PS Auto Sitemap 使い方 デザイン

 

 

索引

PS Auto Sitemap 使い方 デザイン

 

 

アーバン

PS Auto Sitemap 使い方 デザイン

 

 

アンダースコア

PS Auto Sitemap 使い方 デザイン

 

 

キューブ

PS Auto Sitemap 使い方 デザイン

 

 

矢印やビジネスがシンプルでどんなサイトにも馴染みそうですが、自分のサイトデザインに合ったものを選択すると良いと思います。

 

僕は好みでドキュメントツリーにしました。

>> Site Map

 

 

まとめ

今回はPS Auto Sitemapを用いたサイトマップ作成手順やデザインについて紹介しました。

 

ユーザ向けサイトマップは、Googleクローラーも見に来ることがあります。

 

 

人間が見てもロボットが見てもわかりやすいマップを目指しましょう。

 

 

PS Auto Sitemap 使い方 デザイン
最新情報をチェックしよう!