【SANGO】モバイルユーザのための最適化

モバイルユーザのための最適化

おとうぴー

こんばんは!ごっつファーザーのおとうぴー

ついこの間ですが、WordPress(ワードプレス)のテーマを『SANGO(サンゴ)』に変更しました。見に来ていただいているユーザは、デザインが変わっていたのですぐに気づかれたと思います。このデザインが自分の好みにマッチしていまして、かなり満足度がアップし、ブログを更新するやる気もアップアップでございます。^^

そんな上機嫌なおとうぴーでしたが、ふと見に来てくれているユーザのある情報を見たときに、あちゃーやってしまった!と感じました。今回の記事はそんなお話です。

housef blog(ハウスエフ ブログ)を見に来てくれている人たちのある情報

プライバシーポリシーでも記載していますが、housef blogでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。

その中にユーザの『端末情報』を判断できる項目欄があります。データをグラフ化してみるとこんな感じ。

ブログ開設が2018年8月なので、データはそこから今日までの期間の結果となっています。

明らかに、mobile(モバイル)ユーザが多い、なんと全体の半数以上!

『SANGO』は、モバイルユーザに優しい機能がデフォルトで用意されています、設定するだけ。なのに自分はその設定を全然やっていなかったのです。そりゃ愕然としますわな。

いままでモバイル端末で見に来てくれてた人たち、申し訳ない。><

急いで、モバイルユーザのための最適化を行いました。使いにくいもんほどストレスたまるもんは無いですからね。

 

モバイル用フッターメニューとナビドロワー

モバイル画面下に、「ホーム」「シェア」「フォロー」「メニュー」「トップ」が表示されるようになりました。

ひとつづつ説明していきます。

ちなみに、一番モバイルユーザ最適化に必要だったのは、メニューボタンです。

そこの説明まで読み飛ばしてもらっても問題ありません。

ホームボタン

これは画像もいらないぐらい簡単。housef blog(ハウスエフ ブログ)のトップページへ遷移します。

シェアボタン

TwitterやFaceBookなどにシェアするためのボタンですね。気に入った記事があればシェアしてくださると嬉しいです^^。

フォローボタン

TwitterやRSSのFeedlyでフォローできます。記事に更新があった場合に、どちらでも情報を受信できます。ですのでフォローしていただくと毎回記事が更新されてるかなと見に来る手間が省けるのが利点です。

更新は無理なしベースで1日1回を目標にしています^^。

メニューボタン

今回のモバイルユーザ最適化の目玉ですね。実は画面下のメニューボタンだけでなく、画面上部のロゴタイトル横にも用意されてます。どちらでもかまいませんので押してください。

すると画面左から、うにょーとメニュー画面が表示されます。(下記画面 参照)

ここにモバイルユーザが使いやすい機能をまとめてあります。

 

まずは、検索機能

housefブログ内を、入力したキーワードで検索し、ヒットした対象の記事一覧を結果表示します。

ためしに好きな三国武将の名前を入力してみてください。いままでの記事内でその武将の名前が存在するすべての記事が表示されます。

調べたいキーワードがあるユーザに便利です。

 

検索機能の次は、カテゴリーです。

探したいカテゴリーを選択していただければ、そのカテゴリーの投稿日時が新しい順に一覧表示されます。

読みたい記事の分類が決まっているユーザに便利です。

 

カテゴリーの次は、ちょい足し記事3つです。

これがメニューの最後の機能です。

これはおとうぴーが独自に追加しました。

内容としては、いま読んでいる記事と同じカテゴリーの他の記事を過去さかのぼってランダムに3つ表示するというもの。

今回の記事を読んでみて他にも何かないかなーというときに、読んでいただければと思って追加しています。

トップボタン

これは記事を読み進めたときに、記事の一番上に戻りたいときに使うボタンです。

トップ画面で人気記事を最新記事の上に表示

いままでは最新記事がトップ画面の一番最初に表示されていましたが、人気記事をその前に表示するように設定しています。

これは人気記事が埋もれてしまうのを防ぐためです。おすすめのものばかりですので、読んでいないかたはぜひこの機会にどうぞ。

新着記事もこの下にいつ通り追加されていきます。

モバイルユーザのための最適化で行ったこと

下記に、今回の最適化で行った内容を記載します(といってもほぼリンク先の通り設定するだけでした)。

おまけ)ロゴを変更

シンプルなロゴにしたかったので、暫定ですが下のこちらに変更しました。

おまけ)プロフィール欄に『欲しいものリスト』を追加

ブログを応援していただける方がいると信じて、おとうぴーが欲しいものリストを公開しておきます(笑)。

支援していただけると執筆作業もノリノリに更新しちゃいまくりますので、応援してもいいよーという方はぜひよろしくお願い致します。

コメントを残す

メールアドレスが公開されることはありません。