ウェブカルーセルは時代遅れ？モバイル＆デスクトップ最適化のための8つの方法

ウェブカルーセル（またはスライダー）は、2012年から2013年にかけて大流行しました。しかし現在では、多くの企業が「いつ、どこで、どのように」使えばいいのか確信を持てずにいます。

ウェブカルーセルはもう時代遅れ？

では、スライダーは過去の遺物になってしまったのでしょうか？実際、いくつかの調査（ノートルダム大学やニールセングループの調査など）では、エンゲージメントにおける様々な問題や、クリック率の著しい低さが指摘されており、カルーセルが時代遅れであるかのように示唆されています。

しかし、これらの調査はデジタル顧客体験の表面的な症状を浮き彫りにしているだけで、根本的な原因を明らかにするものではありません。

このテーマについて正しく評価するため、Clicktale（現Contentsquare）の2人の顧客体験分析を専門とするアナリスト、Udi ZisquitとLiraz Margalitが、ウェブサイトの訪問者がカルーセルと実際にどのようにやり取りし、その体験がオンラインでの意思決定や購入、エンゲージメントにどう結びついているのかを分析しました。

結果は賛否両論、メリットとデメリットの両方があることが分かりました。重要なのは、自社のウェブサイト、業界、ブランド、そしてターゲット層にとって何が最適かを見極めることです。

1. 矢印はユーザーの気を散らす

さまざまな業界の顧客ヒートマップを分析した結果、ウェブサイトの訪問者は、カルーセルをスクロールさせる「矢印」をクリック／タップするのが大好きであることが分かりました。

しかし同時に、ユーザーは矢印をクリックしてパネルが動くのを見ることに集中しすぎるあまり、パネル内の実際のコンテンツに集中できなくなるという結果も出ています。矢印が使用されている場所では、全体的にクリック率やエンゲージメント時間が低くなる傾向があることが判明しました。

2. 商品の紹介にウェブカルーセルを使用しない

カルーセルは、商品を紹介するには実用的ではありません。購入の意思決定を後押しするどころか、むしろ逆効果になることもあります。ユーザーは通常、カルーセルを動かすことに夢中になり、特定のパネルのメッセージを深く読み込むことができません。

その代わり、全部で何枚のパネルがあるのかを確認したり、最初に気になったオファーにどうやって戻ればいいのかを考えたりすることに、貴重な数秒間を費やしてしまうのです。結論として、ユーザーにクリックしてもらいたいのであれば、選択肢を絞った静的な商品画像やバナーを使用する方がはるかに効果的です。

3. ブランディングにはウェブカルーセルを積極的に活用する

ウェブカルーセルは商品紹介には不向きである一方で、Clicktale（現Contentsquare）のCXアナリストたちは、ブランディングに関しては全く逆の結果になることを発見しました。

満足している顧客の様子や雰囲気のある目を引く画像に、短くて魅力的なテキストを添えてカルーセルに配置すれば、理想的な顧客体験とブランドイメージの構築に大きく貢献します。

4. ウェブカルーセルはデスクトップサイトには適していない

上記のインサイトはすべて、デスクトップ向けウェブサイトの顧客体験を分析するClicktale（現Contentsquare）Coreソフトウェアに基づいています。

しかし、CXアナリストがスマートフォンやタブレット向けのClicktale（現Contentsquare）Touchソフトウェアから得られた視覚データを調べたところ、全く異なる状況が浮かび上がってきました。

5. モバイルではウェブカルーセルが頻繁にタップされる！

ウェブカルーセルは、モバイルサイトで非常に効果的です！ただし、「画像」という大きな条件が付きます。数多くのモバイルサイトを分析した結果、顧客はスマートフォンやタブレットで画像をタップするのが大好きであることが分かりました。

つまり、スマートフォンでさまざまな画像を提示するカルーセルは、高いインタラクションを生み出します。なぜモバイルの方がカルーセルが機能するのでしょうか？それは、指で横に「スワイプ」するという人間工学的な動作が、デスクトップでマウスを使う動作よりもはるかに直感的であることが大きな要因だと考えられます。マウスで「移動」の矢印を探して何度もクリックしなければならないのは、決して直感的とは言えません！

6. モバイルカルーセルは4パネルまでにする

ただし、スマートフォンユーザーがスワイプする回数には限界があります。実際、モバイルカルーセルの最適なパネル数は「4」です。この魔法の数字を守れば、ほとんどの場合、4つのパネルすべてが高い注目を集め、十分なクリック率を獲得できます。4つを超えると、注目度とクリック率は急激に低下します。

7. 各パネルは1つの商品または画像に絞る

モバイルの画面サイズには制限があるため、カルーセルの画像は特に分かりやすくシンプルに保つ必要があります。 1つのパネルに複数の画像やメッセージを詰め込まないでください。各パネルに配置する商品、画像、またはコールトゥアクション（CTA）は1つに絞り、テキストは最小限に抑えましょう。また、多くのユーザーは拡大表示（ズーム）を好むため、モバイルカルーセルの画像では常にズーム機能を有効にしておくことを忘れないでください。

8. ウェブカルーセルはSEOに悪影響を及ぼすか？

ユーザーエンゲージメントやコンバージョンへの影響とは別に、カルーセルのSEOの側面も検討する必要があります。しばらくの間、カルーセルはSEOに悪影響を与えると見なされていました。

カルーセルはコンテンツをページの下部に押し下げてしまう傾向があります。Googleはすでに2012年に「ユーザーはまずコンテンツを見たがっている」と発表しており、ページのレイアウトを評価するアルゴリズムのアップデートを展開しました。
多くの場合、カルーセルは重い画像ファイルで構成されており、読み込み速度の低下を招きます。検索エンジンとユーザーの双方が高速な読み込み体験を求めている現在、これはSEOのベストプラクティスとは言えません。
カルーセルの画像にFlashを使用することも問題として挙げられます。モバイルデバイスでのFlashの扱いは、ユーザー体験を損なう原因になりやすく、検索順位に悪影響を与える恐れがあります。
開発者はカルーセルの画像を<h1>タグで囲む傾向がありますが、これにより1つのページに4〜5個の<h1>タグが存在することになり、メインページのキーワードの関連性が低下してしまいます。

しかし、コンテンツの表示（例えば商品のプレゼンテーションなど）にも役立つ、軽量で最適化されたスライダーを構築することで、これらのSEOにおける課題は克服できます。

注記：Clicktaleは2019年にContentsquareに買収されました。それ以降、本ブログで言及されているツールや機能は進化している可能性があります。当社のデジタル体験分析プラットフォームの詳細については、こちらをご覧ください。