読者です 読者をやめる 読者になる 読者になる

ぱぱらいく~ディズニー大好きパパの育児記録~

ディズニーが大好きな年子・双子のパパがディズニーと子育ての情報を発信するブログ

関連記事を自動で表示されるようにしてみた

f:id:itoht12:20170328133339j:plain

本日はブログカスタマイズの話

いつも閲覧ありがとうございます

ブログ管理人のあっくんです

着実に進めてきたブログのカスタマイズ

今回は関連記事の自動表示を実施しました!

目的

とにかく回遊率のUPです!

当ブログは帰直率がとにかく高い!

3月実績ベースでは89.52%とほぼ90%(-_-;)

10人に9人が来ていただいて1ページ目で離脱してしまっている状況(涙)

価値ある記事を提供できていないのが主要因ではあるのですが、少しでも状況を改善すべく、関連記事の設置を決断しました

要件

今回の要件は関連ページを自動で表示できること

手動でやる方法もあると思いますが、今後記事数が多くなってきた場合にメンテナンスを仕切れないことを考慮して自動生成を要件としています

あとはなるべく見やすく目立たせられる方法を探してみました

参考にしたサイト

やぎぺーさんのヤギログに記載されていたはてなブログで記事下に関連記事を表示する9つの方法 | やぎろぐを参考にさせていただきました

このページでは関連記事を自動生成する方法がまとめられているのですが、管理人はデザイン的に気に入った「Milliardを活用」を使わせていただきました

また、今回はPC側も同じように関連記事が表示されるよう修正を加えました

設置に当たってははてなブログカスタマイズ界の重鎮ゆきひーさんのMilliard関連記事プラグインのCSSをいじり2列にしてブログになじむようにしてみました - Yukihy Lifeも併せて参考にさせていただきました

設置してから表示されるまで10分程度かかるとのことでしたが、管理人の場合には配置して即座に表示されていました

配置した結果

配置した結果がこちら

まずはスマホ

f:id:itoht12:20170519104800j:image

次にPC

f:id:itoht12:20170519104931p:image

どちらもデザイン的には大満足です

ただ、今後記事が増えてきた場合に的確な関連記事が表示されてくれるかが少し心配ですが……

まとめ

Milliardを活用した関連記事の表示はおススメ!

 

設置も非常に簡単に出来ました

表示が遅くなると懸念されている声もちらほらと見かけましたがどうなんでしょうか?

当ブログではそれほど致命的な遅さにはなっていないような気がするのですが、、、

 

当ブログもカスタマイズが順調に進んできています

カスタマイズが進むとブログへの愛着が強くなりますね

今後も皆様に愛されるブログを目指してブログ運営を進めていきたいと思います!