あなたが書いたブログ記事１つ１つを読者に届ける方法

当記事では、上記のような「もっと多くの人にブログ記事を読んでほしい」、「書いているブログ記事にどんなものがあるかもっと知ってもらいたい」と思っている方に向けて書いています。

つまり、ブログのユーザビリティを向上させる方法をご紹介します。

「ユーザビリティ」とは、使いやすさと使い勝手を意味しています。

具体的に「ブログのユーザビリティを向上させる」とは、ブログを読みに来てくれた方に「このブログは記事が読みやすいな」や「読みたい記事が探しやすいな」と感じてもらえることを意味します。

今回ご紹介するWordPressのプラグイン「PS Auto Sitemap」を導入することにより、「読みたい記事が探しやすいな」を実現することができます。

「PS Auto Sitemap」は、ブログ全体の目次を作成してくれます。

PS Auto Sitemapプラグイン

本の目次をイメージしてもらえば、わかりやすいです。

ブログ全体の目次があれば、ブログ読者が読みたい記事をぱぁっと探せて、さぁっと記事にたどり着かせることができます。

ちなみに、同じようなものにブログのSitemapもありますが、それはGoogleさん用のブログ全体の目次になります。

検索エンジンロボットには文字だけの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のスタイルサンプル）

スタイルの変更で「シンプル2」を選択すると、以下のようなデザインになりました。

シンプル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のスタイル選択のお役に立てれば、幸いです。

ちなみに、私はどのスタイルにしたでしょうか？

気になる方は、ぜひ以下で確認してみてください。

くうねるのブログ改善の目次

もっとWordPressについて知りたい方へ

WordPress設定について勉強して、自分のブログを「カッコ良く・可愛く・玄人ぽく」したい方は以下の本をどうぞ。

いちばんやさしい WordPress 入門教室 [ 佐々木恵 ] 価格：2398円（税込、送料無料) (2022/6/2時点) 楽天で購入

いちばんやさしいWordPressの教本 第5版 5.x対応 人気講師が教える本格Webサイトの作り方 （いちばんやさしい教本シリーズ） [ 石川 栄和 ] 価格：1738円（税込、送料無料) (2022/6/2時点) 楽天で購入

1冊ですべて身につくWordPress入門講座 [ Mana ] 価格：2200円（税込、送料無料) (2022/6/2時点) 楽天で購入