【SWELL実録／アコーディオンブロック】長文離脱を防げる便利機能。「必要な人だけ」が開いて読める

ブログを書いていると、「ここは説明を入れた方が親切だけど、文章が長くなってしまう…」という場面があります。

今回は そんな時に便利なSWELL (WordPressテーマ)の機能の１つ、「アコーディオンブロック」をご紹介。

まずは、実際に設置しました。

これです

アコーディオンブロックを使う理由と効果

長文をすべて表示すると、読者が途中で疲れてしまうことがあります。
特にスマホで読む場合、スクロールが長くなると離脱しやすくなります。

アコーディオンブロックを使えば、必要な情報を「開く・閉じる」で整理できます。

説明を省くのではなく、「必要な人だけが開いて読める」設計に変えるだけで、記事のリズムが整います 

デザイン的にもすっきりするので、見た目の印象もかなり良くなると思います。

【画像でわかる】使い方

ブロックを追加

すべて表示

アコーディオンを選択。

右側で、細かな設定が可能です。

個人的には
「メインカラー」が好み

いろいろ試してみてください。

使ってみるとわかる変化

実際に導入して感じたのは、「情報量の多い記事ほど効果がある」ということ。
たとえば、設定手順や比較表など、どうしても説明が長くなる箇所でアコーディオンを使うと、記事全体のテンポがよくなります。

読者が「必要なところだけ開いて読める」構成は、UX(ユーザー体験)的にもかなり優秀だと感じます。

コツとしては、アコーディオンブロックを多用しすぎないこと。
使いすぎると 主張したい部分も隠れてしまったり、読者の手間が増えたりします。
ポイントごとに使うことで、効果を発揮します。

まとめ

アコーディオンブロックは 「文章を隠すため」ではなく「読みやすく整えるため」の機能です。
読者目線で構成を見直すなら、このブロックはとても価値があるかと思います。

リライトの際も「アコーディオンブロックを効果的に使えないか」を検討するとうまくいくかもしれません 

といったところで、今回はこの辺りで。