雑記ブログの回遊率を高めるためにトップページに各カテゴリへのリンク設置しました!

自分のブログ、ごちゃごちゃしてきたなぁ〜って常々思ってました。
内容も記事のカテゴリも。

 

2017年の11月で 131,062PV/月 になりましたが、先月からはそれほど増えてないので、ここらでちょっと整理しなきゃなぁと思っていたのです。

 

 

 

ただ、kusumin.com というドメインでつくったこのブログはワタクシくすみのライフログとなるべきもの。
つまり僕の人生そのものです!

 

なので、収益化とか大切なことは一旦置いといて、自分が書きたいことを書くいわゆる『雑記ブログ』にすると決めているのです!
収益化は別のサイトで頑張ればいいじゃないかと。
そう覚悟を決めたのです。

 

 

 

そして、ごくごく稀に「これは我ながら役に立つ記事が書けたんじゃね?」と自らを褒め称えたいときがあります。

 

でもブログは、読んでもらいたい記事も時間とともに下へ下へ、奥へ奥へと埋もれていってしまうというデメリットがあります。
ブログは記事の検索性と一覧性が悪いのです。

 

 

だから、読んでほしい記事をもっとアピールしたりこのブログにはこんなカテゴリの記事がありますよ、っていうのを読みにきていただいた方に理解してもらう必要があるんですよね。

 

今日はそれを少しでも解消できるような施策をしてみたので、記事にまとめてみました!
少しだけですがツールなどもご紹介しますので、興味のある方はご覧ください。

 

 

カテゴリを整理!

僕のブログは革靴に関する記事が圧倒的に多いです。

 

特に靴磨きのすばらしさを少しでも多くの人に知ってもらいたいので、靴磨きの方法や他にも靴磨きのグッズなどを紹介してる記事が圧倒的に多いです。

 

なのでまずは、靴に関するカテゴリをもう少し細分化することにします。

 

 

靴磨きのクリームに関する記事だけ読みたい方もいれば、靴のかかと修理だけしたい方もいらっしゃるはず。
なので、今までは『靴』というカテゴリにひとくくりにしていたのを、こんなふうに細分化しました。

 

 

ただ、スマホの方はこのメニューがページ下部にしか出ないので、改善の余地はあるかなぁと思っています。

 

この施策でサイト全体の回遊率が上がるかを検証していきます。
ダメなら別の改善策を考えます。

 

スポンサード リンク


 

カテゴリの一覧性向上!

いままでトップページは、ヘッダーの下にすぐ記事の一覧が並んでたんですが、カテゴリ一覧エリアを設けました。

 

こんな感じです。

 

 

 

スマホはこんな感じです。

 

 

ごちゃごちゃいろんなカテゴリを作ってしまったので、全部を並べたらうっとうしいかなと思い、カテゴリに優劣をつけました。

 

メインカテゴリとサブカテゴリ的な感じで。

 

 

 

サブカテゴリはアコーディオンにして、開閉する仕組みです。
このブログに興味を持ってくれた素敵な方がクリックしてくれたらいいなぁという願いを込めて。

 

 

 

文字だけ並べても味気ないので、アイコンを掲載しました。
説明文も書こうかなって思ったけど、文字モジしちゃうのでやめました。

 

 

スマホだと…

 

 

 

アイコンはこちらのサイトでもらってきました。
いくらでもタダでもらってこれますよ。

 

> https://www.flaticon.com/

 

このサイトの素晴らしいところは、svg、png、psd、espでダウンロードするアイコンの形式を選べるところです。
会員登録も必要ありません!
すばらしい!

 

 

 

また、GIFアニメのような開閉するしくみ(アコーディオン)はこちらのサイトを参考にさせていただきました。
僕がjavaScriptを組もうと思ったら半年かかるので、cssだけで開閉できるアコーディオンを採用しました。
これはとっても便利です!

 

> CSSだけでアコーディオンを作る方法(レスポンシブ&矢印付)

 

 

一押し記事エリア!

先ほど記事が埋もれて行くという話をしましたが、トップページの一番上に『この記事を読んで!』というエリアがあったらいいなと、常々思ってました。

 

それも今回追加しています。

 

 

スマホだと…

 

 

 

これは、毎回htmlを書き換えるのは嫌なので、wordpressの管理画面からいつでも書き換えられるようにしました。

 

 

今回使用したプラグインは『Advanced Custom Field』というプラグインです。

 

 

 

これはほんっとに苦労した!

 

 

 

 

phpの知識がなかったので、見よう見まねでどうにか。
前職の知り合いのエンジニアの方にも協力してもらいました。ありがたい。

 

wordpressの投稿画面と同じような編集画面なので、リンク先も自由に変更できますし、なんなら画像を貼ったりアフィリエイトのリンクを貼ることもできます。
便利でしょ!

 

 

さらに、頭についてるこの『●→』のアイコン。

 

 

 

これはfont awesome というアイコンを文字のように扱えるものです。

 

 

こちらのサイトから、表示させたいアイコンの<i>タグをコピペすれば表示できます。

 

> http://fontawesome.io/

 

 

ただし、font awesome の css を事前に読み込んでおく必要があります。
デフォルトで読み込むwordpressのテーマを使ってる方は、<i>タグだけコピペしてこれば表示できますよ。

 

スポンサード リンク


 

最後に

今、セッションごとのページ閲覧数(page/session)は、1.48です。
簡単に言うと、このブログに来た人は1回につき約1.5ページ閲覧してくださってるということですね。

 

今回の施策でこの数字がどれだけあがるか、また来月検証してみようと思っています。

 

 

革靴の情報が欲しい方は、僕の音楽の趣味の話は興味ないと思いますからね。

今回はその辺を、しっかり整理したつもりです。

 

靴のカテゴリを細分化したけど、それはトップページの上部には反映できてないので、そこをどうするかは要検討です。
ほんとは細かく掲載したいけど、またごちゃごちゃしちゃうと嫌なので、一旦シンプルにサイト全体が見渡せるような作りにしてみました。

 

 

 

もしPVに伸び悩んでいる方がいらっしゃいましたら試してみてください。
ちょっと検索すればやり方なんていくらでも出てきますからね。ほんとに便利な時代です。

 

 

そして、有益な情報を掲載してくださってる方々に感謝しつつ、自分も頑張ろうと思いました!
最後まで読んでいただきありがとうございました!

スポンサード リンク

コメントをどうぞ

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