過去7年間、スライダー(または必要に応じてカルーセル)はほぼすべてのサイトで見られるものです。一般的な実践です。私たち全員が慣れているものです。訪問者が最初に見たいものです。
スライダーの画像は素晴らしい第一印象を与えなければなりません。そうしないと、訪問者を永久に失ってしまいます。
私がウェブサイトを見ていると、配置が悪いスライダー画像がよく見られます。写真は大きすぎたり小さすぎたりすることがほとんどです。スライダーのコンテンツが明確ではなく、画像が最適化されていないため、ページが非常に遅く読み込まれます。
素晴らしいコピーを持った一般的に良いサイトでも、手抜きのスライダー画像を見ると少し心が痛むのです。私は、スライダー画像を選択し、変更し、改良するにはいくつかの簡単なヒントを共有することで、この狂乱を止めることにしました。
適切な写真を選択する
説明的で十分な余白のある画像を選択してください。
高解像度の写真を選択する
テーマメーカーが推奨する解像度を使用してください。スライダー内の画像が粗く表示されているよりも訪問者を萎えさせることはありません。
変更:写真を暗くしたり明るくしたりする
スライダーのテキストをより見やすくするためのテクニックは、写真を暗くしたり明るくしたりすることです。これはPhotoshopやその他の写真編集プログラムで行うことができます。
変更:半透明のカラーオーバーレイ
時々、テキスト用の十分な余白のある写真が見つからないか、クライアントがテキストが十分に見えない過度に飽和した画像を使用するように求める場合があります。その場合は、さまざまな無料のオンライン画像編集ツールを使用して、半透明のカラーオーバーレイを作成することができます。
工夫:画像に内部発光を追加する
スライダーの写真をより興味深いものにするための素晴らしいテクニックの1つは、黒い半透明の内部発光を追加することです。この手法により、あなたのサイトはさらにプロフェッショナルに見えます。
画像のための適切なファイルタイプを選択する
スライダーの画像をできるだけ軽く最適化したいですので、これは重要です。
画像圧縮スライダーを実装する
画像はあなたのウェブサイトの最大の画像(おそらくはファイル)ですので、それらを最適化することは重要です。スライダーの画像を圧縮するためにさまざまな画像圧縮ツールを選択できます。
まとめ
スライダー画像に関するこれらのヒントを参考にすると、魅力的なスライドを作成するための道筋が示され、ユーザーエクスペリエンスを損なわずに、逆により多くのコンバージョンを得るのに役立ちます。