長いスクロールのWordPressウェブサイトを始める前に心に留めておくべき4つの事柄

公開: 2021-03-27

ソーシャルネットワークの出現により、長いスクロールのWebサイト（「無限スクロール」と呼ばれることもあります）が脚光を浴びています。あなたはおそらくそれらがどのように機能するかをよく知っているでしょう-簡単に言えば、最後（フッター）に到達することなくかなり長い間スクロールすることができます。明らかに、これは非常に特殊なタイプのWebデザインであるため、遭遇するすべてのサイトに適用するべきではありません。

言うまでもなく、このタイプのデザインを展開することを正当化できるように、最初にこのタイプのデザインから利益を得るのに十分なコンテンツを用意する必要があります。これが、FacebookやPinterestのような巨人がこのポリシーを選択した理由です。

スクロールするウェブサイト

そして、これも気まぐれで行われることではありません。この設計にはかなりのメリットがあります。まず第一に、それはユーザーをより長く従事させ続けます。コンテンツを閲覧しているときに何もクリックする必要がない場合、サイトから完全に離れる可能性は低くなります。さらに、適切なコーディングにより、ロングスクロールのWebサイトは、最新のコンテンツに到達したときに新しいページをシームレスにロードします。これにより、ビューの数が増え、トラフィックと収益が増加します。

ただし、このタイプのデザインは、eコマースWebサイトなどに悪影響を与えることが示されています。簡単に言うと、人々は自分が何を購入したいのかを知っていて、それを正しく理解したいので、すべての在庫をスクロールさせるのは逆効果です。さらに、このタイプのデザインは、ユーザーが通過する必要のある膨大な量のコンテンツに圧倒される可能性があるため、ユーザーに心理的に悪影響を与える可能性があります。

長いスクロールのウェブサイトのデザインを改善する4つの簡単な方法

尋ねる必要がある質問は次のとおりです：あなたが長いスクロールのウェブサイトを持っているならば、あなたはどのようにあなたのウェブサイトのデザインを改善することができますか？ここにいくつかの役立つヒントがあります。

1.スティッキーメニューを追加します

ページのコンテンツを閲覧するのに多くの時間を費やし、ページから移動して同じトピックを扱っている別の記事を見つけるために、一番上までスクロールする必要がある場合は、それを嫌いではありませんか？その同じウェブサイトまたは単にサイトを閲覧し続けますか？ええ、それは迷惑になる可能性があります。

これは、インターフェイスにスティッキーメニューを追加すると簡単に修正できます。スティッキーメニューとは何ですか？さて、それはあなたがどれだけスクロールしてもあなたと一緒にとどまるメニューです。したがって、再訪するために最後まで戻る必要はありませんが、代わりに、ページを使い終わった直後に先に進むことができます。これにより、ロングスクロールWebサイトが抱える多くの問題、特に心理的な問題が解決されます。

ページのどの要素もスティッキーにすることができることに注意してください。ヘッダー、フッター、サイドバー、さらにはビデオ。そうすれば、ユーザーは常にすべてのオプションをすぐに利用できるようになります。ただし、これを実装するには、そのための適切なツールが必要です。

たとえば、WPStickyなどのツール。すべてのWordPressサイトに最適なプラグイン。インストールするだけで、1分もかからずにスティッキーメニューを作成できます。文字通り！コーディングはまったく必要ありません。基本的に、スティッキーにしたいページ要素をクリックするだけです。それだけです。簡単ですよね？

カスタマイズオプションも豊富に用意されているので、粘着性のある要素をWebサイトの全体的なデザインにシームレスに溶け込ませることができます。また、訪問者が楽しめると思う場合は、それを目立たせることができます。そして、これは氷山の一角にすぎません。 WPスティッキーは間違いなく優れた製品です。

2.召喚ボタンを適切に配置します

自由に使えるスペースがたくさんあるので、それを上手に活用することが不可欠です。あなたのウェブページをデザインする余地がたくさんあるからといって、デザインがそれほど重要ではないという意味ではありません。まったく逆です。訪問者がページに長時間滞在することを期待しているため、訪問者の滞在ができるだけ快適であることを確認する必要があります。

これが、行動への呼びかけ（CTA）を正しく配置することが非常に重要である理由です。あなたは彼らがあなたのサイトを離れるほど訪問者を攻撃したくはありませんが、あなたは彼らの少なすぎる使用もしたくありません。これを確認する最良の方法は、人々が通過しているコンテンツの単調さを壊すことができるものとしてCTAにアプローチし（たとえば、テキストの大きなチャンクなど）、訪問者の注意と投資を維持するためのツールとしてCTAを使用することです。小見出しでもできること。

CTAを配置するもう1つの良い方法は、CTAをスクロールさせて、訪問者を追跡することです。つまり、この記事の前のポイントで説明した要素と同じように、それらを粘着性にすることもできます。調査によると、CTAを画面の右側に配置する方が有益である傾向がありますが、これは主に、ソフトボタンよりも直接的なハードCTAボタンに当てはまります。

もちろん、最近のトラフィックはモバイルデバイスから発生しているため、モバイルデバイス用にこれらのボタンを調整することを忘れないでください。

3.ロード時間を短縮するためにできることを実行します

ユーザーがスクロールするときにロードする必要があるものがゆっくりロードされるか、まったくロードされない場合、ロングスクロールデザインを実装することにはあまり意味がありません。インターネットを閲覧している人は、そのようなことに対してほとんど忍耐力がない傾向があるため、読み込み時間が遅れると、多大なコストがかかる可能性があります。そして、ここで話しているのはせいぜい2秒です。

それで、あなたは何ができますか？さて、あなたはどのWordPressテーマがうまくコーディングされているかを見ることができるので、すぐにロードされます。ホットリンク、トラックバック、ピンバックを無効にしたり、コンテンツ配信ネットワークを使用したりすることもできます。

最も重要な手順の1つは、使用しているすべての画像が正しくフォーマットされており、可能な限り大きすぎないことを確認することです。これは、コンテンツに合わせて多くの写真を使用している場合に特に重要です。時間の経過とともに、写真が非常に多くなり、Webサイトがかなり遅れる可能性があるためです。

さらに、メタコンテンツも最適化されていることを確認する必要があります。たとえば、メタタグが多すぎると、サイトのパフォーマンスに悪影響を及ぼします。要するに、物事を可能な限り効率的かつ整頓された状態に保つようにしてください。ああ、そしてあなたのホスティングサービスもその任務を果たしていることを確認してください。

4.モバイルデバイス用にすべてを最適化する

この記事ではモバイルデバイスの重要性についてすでに説明しましたが、これは絶対に重要な問題であるため、テキストの一部をそれだけに当てる必要があります。

今日のインターネット検索の半分以上がモバイルデバイスを介して行われていることを考えると、Webサイトがこれらのユーザーに対応できない場合、Webサイトのパフォーマンスを向上させることはできません。程遠い。それで、あなたは何ができますか？

さて、主なことはあなたのサイトにとって最も重要な要素に焦点を当てることです。すべてを使いやすく、非常にクリアにする必要があります。これは、デスクトップバージョンに存在するいくつかの側面を削除することを意味する場合があります。そのカットをすることを恐れないでください。ここで茂みの周りを殴る必要はありません–できるだけ直接的になりましょう。

さらに、オンラインビジネスを運営している場合は、潜在的な顧客がスクロールできるギャラリーに製品を移動することをお勧めします。水平スクロールは、この点で特に人気があります。このように、訪問者はギャラリーを通過する義務はありませんが、必要に応じて簡単に通過できます。

結論

そして、あなたはそれを持っています、これらはあなたがあなたの長いスクロールのウェブサイトページを改善することになるとあなたが実行することができる最も簡単に適用できる戦略のいくつかです。それはすべて直感性と効率性に要約されます。さらに、訪問者を常に念頭に置く必要があります。簡単に言えば、可能な限り最高のユーザーエクスペリエンスを提供したいと考えています。

そのための最善の方法は、スティッキー要素を利用することです。スティッキー要素を使用すると、Webサイトを設計する際の自由度が高くなり、ユーザーが1つのページから別のページに移動するまでの時間を大幅に短縮できます。それはただ自分の道を見つけるのをとても簡単にします。

もちろん、それだけではありません。考慮すべき他の重要な要素、つまりWebサイトがモバイルデバイスにどの程度適合しているかがおそらく最も重要な質問だからです。あなたのサイトがその点でチェックアウトすれば、あらゆる種類のタブレットやスマートフォンから多くの幸せなユーザーがやってくることが期待できます。