しゅれ
どうも、しゅれ(@shulework)です。
皆さんはブログに、HTMLサイトマップを設定していますか？
HTMLサイトマップとは・・・
Webサイト内にあるコンテンツを一覧表示したもので、ユーザビリティを向上させます。
まだ設定していない方は、
プラグインで簡単に設定できるのでこちらの記事を是非参考にしてみてください。
HTMLサイトマップを簡単設定！「PS Auto Sitemap」の使い方を解説
こちらのプラグインでHTMLサイトマップを設定する際に、
スタイル（外観）を13種類から選んで設定できるので、今回はその13種類を図でご紹介します。
お好みのスタイルを探してみてください。
目次
PS Auto Sitemap「13種類のスタイル」
①シンプル
こちらは、その名の通りシンプルなデザインです。
しゅれ
わかりやすくて良いですね！
②シンプル2
こちらは、シンプルなデザインになっています。
しゅれ
「シンプル」と比べて若干見づらさがあるように思います。
③チェックリスト
こちらは、シンプルなデザインです。
しゅれ
これといって特徴が無いスタイルですね。
④蛍光ペン
こちらは、コンテンツに蛍光ペンで色がついているスタイルです。
しゅれ
僕的には、見づらいので”ナシ”ですね。
⑤ドキュメントツリー
こちらは、階層がわかりやすいスタイルです。
しゅれ
タテの謎の線が無ければいいのですが・・・。
⑥付箋
こちらは、階層が付箋で色分けされています。
しゅれ
色分けされていてわかりやすいですね！
⑦音符
こちらは、かわいい音符アイコンがついたスタイルです。
しゅれ
女性のブロガーやテイストがかわいい系のブログに合いそうですね！
⑧矢印
こちらは、矢印アイコンで階層をわかりやすく表しているスタイルです。
しゅれ
シンプルでわかりやすいですね！ちなみに僕はこれにしています。
⑨ビジネス
ビジネス系のブログにはこちらがおすすめです。
しゅれ
まとまった印象を持つので、わかりやすいですね！
⑩索引
こちらは、索引風のスタイルです。
しゅれ
シンプルですが、少し違ったテイストにしたい方におすすめです。
⑪アーバン
こちらは、アーバン（都会風）のスタイルです。
しゅれ
スタイリッシュな見た目で良いですね！
⑫アンダースコア
こちらは、アンダースコア（下線符号）、空白に下線が書いてあるアイコンのスタイルです。
しゅれ
階層がわかりやすくていいですね！
⑬キューブ
こちらは、キューブアイコンを使ったスタイルです。
しゅれ
かわいいキューブアイコンが男心をくすぐりますね！
最後に
いかがだったでしょうか？
しゅれ
いろんな種類があって迷っちゃいますよね。
もし迷って決められないのであれば、
「シンプル」や「矢印」「ビジネス」などの、シンプルで見やすいスタイルにするのがおすすめです。
あくまで、ユーザビリティ（ユーザーの使用性）を向上させるためのものなので、見やすいほうが良いですからね。
コメントを残す