はてなブログの記事下に使う関連記事プラグイン、結局どれが１番良いの？

はてなブログでは記事下に関連記事を表示させる公式プラグインがないため、表示させたいときはカスタマイズが必要になります。今回は導入してみて感じた主要な関連記事表示プラグインのメリットとデメリットをご紹介。

1.Milliard関連記事プラグイン

Milliard関連ページプラグインについて | シスウ株式会社

 

PCとスマホでパネル・リスト表示を切り替えられるなどデザイン性が高いMilliard関連記事プラグイン。カスタマイズすればリスト表示を二列にして使うこともでき、導入も提供元サイトでコードを作るだけなのでとても簡単です。

ただ、使ってみるとやや不便な点もちらほら。

 

 

①のサムネイル反映の件については以下の記事内に詳しく書いていますので、よろしければご覧ください。

 

2.同じカテゴリの記事を新着順に表示させる関連記事っぽいもの

はてなブログで同じカテゴリの記事を新着順に表示して関連記事っぽいものを作るカスタマイズ

 

デザインがすっきりしていてとても好みだったので一時期導入していたのがこれ。ただGoogle Feed APIの終了に伴い、動作が不安定になってきたのをきっかけに取り外しました。

動作不良については、当ブログが使用しているテンプレートが原因かと思いコードをカスタマイズしてみましたが結局改善せず。記事によってカテゴリーを取得できたりできなかったり、記事が表示されたりされなかったりと常時不安定に。

 

3.あわせて読みたいG

あわせて読みたいG

 

ブログカードのようなデザインで関連記事を表示させてくれます。ただブログカードだとスマホで見たときにスクロールする手間が増えるのでユーザー的には不便かと思い、１週間ほど試験的に導入してみた結果外しました。

また、レスポンシブ未対応なのでヘッダーをカスタマイズしないとタブレット・スマホで見閲覧した時に右側のボタン一式がカラム落ちしてデザインが崩れます。この辺のカスタマイズが面倒だったのも導入を見送った原因の１つ。

 

 4.あわせて読みたい機能を追加するカスタマイズ

はてなブログに「あわせて読みたい」機能を追加するAlso readをリリースしました

 

iframe埋め込み式のブログカード、リストの２種類からデザインを選べます。CSSでデザインカスタマイズも可能なのでかなりデザインをいじれるのが魅力。ブログカード風なら「あわせて読みたいG」と似た見た目ですね。遅延防止のコードが組み込まれているそうで、読み込み速度にも影響しないのは嬉しい限り。

 

ただ当ブログに実装したとき、リストの種類を「カテゴリー」にしても最新記事・人気記事の２つしか表示されなかったため導入見送り。他ブログでは正常に表示されていたので当ブログのテンプレなどが関係していたのかも……。

 

5.はてなブログの関連記事モジュールを記事下に移動させる

はてなブログで記事下に関連記事を出すカンタンな方法

 

はてなブログのサイドバーには最新記事・関連記事を表示させる公式のモジュールが用意されています。これを記事下に移動させ、関連記事を表示させてしまうカスタマイズもあるようで、さっそく試してみました。

 

最終的に当ブログが採用したのはこの方法

はてなブログに使える主要な関連記事プラグインを試してみましたが、私が最終的に一番良いと感じたのは「はてな公式関連記事モジュール＋Milliardプラグイン」の組み合わせです。

レイアウトとしては、記事直下にはてなの公式関連記事モジュールを置き、Googleアドセンス広告を挟んでソーシャルボタンの上にMilliard関連記事プラグインが来る感じ。

 

 

Milliard関連記事プラグインは読み込み速度への影響とサムネイル画像のキャッシュがネックですが、PC閲覧ならパネル、スマホ閲覧ならリスト設定にして今のところはこれが一番使い勝手が良いと感じました。本当ははてな公式がプラグインを用意してくれると嬉しいんですが、それまではこの組み合わせでいきたいと思います。