ブログ

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クローラーも見に来ることがあります。

 

 

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

 

 

スポンサード リンク
スポンサード リンク

-ブログ
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

wordpress サイトマップ

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

ブログを運営しているものの、サイトマップの重要性がわからない。 いざ作ろうと思ってもsitemap.xmlとかが登場しよくわからず放置してしまう。     サイトマップはSEO対策 …

ブログ ネタ

ブログのネタ切れを永久に防ぐ方法。ネタ元を公開します。

ブログを書いている人の中で「記事のネタが無く、ブログを書けない」「ネタ探しの方法がわからない」     といった悩みを持っている人もいるかと思います。     …

ブログ 読みやすい

成功者から学んだ劇的に読みやすいブログの書き方5選

最後まで記事を読んでほしい。 ブログの離脱率が高く、セッション時間が短い。。。     記事をユーザに最後まで読んでもらうためには読みやすいライティングが非常に重要です。 &nbs …

会社員 ブロガー 時間ない

会社員が毎日ブログを書く方法3選【ブログを書く時間がない人向け】

会社に勤めながらブロガーをやっている人だと、 「本業が忙しくて記事を書く時間が無い」「休日しか更新できないから記事数が増えない」 という悩みを持っている人も多いかと思います。   今回はそん …

ブログ 100記事

ブログは100記事がスタート地点←これはガチ

ブログで記事を書くことを継続できない。そもそもモチベーションが上がらず記事を書く手が止まってしまう。。。       「ブログは100記事がスタート地点」としばしば言われ …

スポンサード リンク

アーカイブ

カテゴリー