SWELLアコーディオンブロックの使い方や用語を解説！

SEO対策にも役立つSWELLアコーディオンブロックの使い方や用語を解説します。

SWELLで使えるアコーディオンブロックって何ですかー！

ヒナキラ

こういった疑問を解決します。

SWELLのアコーディオンブロックは、クリックすると開閉ができるブロックです。

表示しなくてもいいけど、見たい人には見せてあげたい。という場合に便利。

といっても良く分かりにくいと思うので、とにかく見ていきましょう。

SWELLアコーディオンブロックの使用例

まずは百聞は一見に如かず。SWELLアコーディオンブロックの使用例を見てみましょう。

＼タップしてみてね／

＼タップしてみてね／

＼タップしてみてね／

＼タップしてみてね／

SWELLアコーディオンブロックの使い方

では、SWELLアコーディオンブロックの使い方を解説していきますね。

STEP

投稿画面で「アコーディオン」ブロックを選択する

まず、ブロック追加「＋」アイコンをクリックしましょう。

次に、「アコーディオン」をクリックしましょう。

STEP

アコーディオンブロックに情報を入力していく

上側は「常にオープンになっている部分」、下側は「普段は隠される部分」です。

ここにテキスト入力を行っていきます。（隠されている部分はテキストに限らず、画像でも何でもオッケー）

STEP

アコーディオンのスタイルを選択する

STEP

アコーディオンの完成

閉じた状態

タップして開くと･･･

ヒナキラ

こんな感じで、完成となります。

SWELLアコーディオンの設定項目や用語を解説

SWELLアコーディオンの設定項目や用語を解説します。

SWELLアコーディオンのおすすめ使用法

続いて、SWELLアコーディオンのおすすめ使用法をご紹介します。

ヒナキラ

一つずつ解説しますね。

①長くなってしまう内容を隠す

たとえば、下記のような感じです。

このような、Twitter埋め込みなどでも便利です。

Twitter埋め込みをたくさん並べると、人によっては「邪魔」に感じる場合も…

なので、アコーディオンを使って見たい人だけ見られるようにしておくというのがオススメです。

②Ｑ＆Ａ(質疑応答)方式にする

たとえば、下記のような感じです。

といった感じで、Ｑ＆Ａ形式にも使えます。

SWELLアコーディオンブロックがSEO対策に使える件

SWELLアコーディオンブロックがSEO対策に使える件について解説します。

上記は、記事内でアコーディオンを使用してみたら順位が上がった事例です。

どちらも、7位くらい上がっています。

ではなぜ上がったのかというと、ユーザビリティ、ユーザー体験でしょうね。（おそらく）

アコーディオンブロックを使うことで、ユーザーにとって見やすいコンテンツになったり、アコーディオンのクリックというアクションに繋がったりして、SEO評価につながったと考えています。

まとめ｜SWELLアコーディオンブロックの使い方

SWELLのアコーディオンブロックは、情報を普段は隠しておき、必要な方のみ見られるようにしたい場合に便利です。

人によっては見たくない情報などを隠すことで、ユーザビリティ向上にもなりますね。

ヒナキラ

Twitterをたくさん埋め込む時に、隠しておくと見たい方だけ見れて便利ですね。

というわけで、今回は以上です。

あわせて読みたい

SWELL初心者向けの使い方マニュアル【2024年4月版】 SWELLの使い方を、SWELL初心者向けに、公式サイトのマニュアルよりも詳しく解説。 SWELLの導入から、プラグイン、ブロックエディター、専用ブロックまで網羅しています。

当サイト使用テーマ。最高です。

WordPressテーマ「SWELL」の特徴

総合評価

( 5 )

メリット

• 購入者限定アフィリエイトがあるからテーマで稼げる
• 書きやすくて時短になるから生産性があがる
• ChatGPTとの相性もバツグンで時短が加速
• 誰でも簡単にオシャレなデザインにできる
• 買い切り、複数サイトにバンバン使える
• アプデが多くて進化がスゴイ
• SEOにも強い

デメリット

• 価格が高い
• 個人開発の不安
• 人気すぎてデザインが被りがち

＼ 時短になって生産性が爆上がりするテーマ ／

SWELL公式サイトはこちら

※おしゃれで書きやすくてブログが楽しくなる