HomeCVR改善対策TipsShopifyストアShopifyでポップアップを表示するとサイトスピードを低下させる?

Shopifyでポップアップを表示するとサイトスピードを低下させる?

ECサイトをShopifyで管理しています。ポップアップツールを使ったことはあるけれど、サイトの表示が遅くなったため使うのをやめました。またポップアップはSEOにも影響があると聞きます。
○○株式会社
オンラインストアご担当者様
こんにちは!PromolayerのCRO担当です。
サイトスピードやSEOとの関係性をお話ししますね!
様々あるポップアップツール。 上手にツールを選んで使えば大丈夫。
Promolayer
CRO担当

Shopifyストアのスピードを低下させず使うポップアップ

Shopifyポップアップとサイト表示速度の影響

Shopifyポップアップアプリを選ぶ際、気に掛けておきたいのがサイトの表示速度です。これらは相互に働くため、アプリ側もShopifyに最適化している必要があります。

まず、サイト表示スピードがユーザーのコンバージョンにどれほどの影響があるかみてみましょう。

・ネット消費者の47%が2秒以内にウェブページが表示されると考えている。
・ユーザーの40%は表示に3秒以上かかるサイトから離脱する。
・79%の顧客は表示スピードに不満を感じたサイトを再度利用することはない。
・顧客の52%が表示スピードがサイトの信頼性において重要と述べている。
・表示が1秒遅れると16%の顧客満足度を低下させる

 他

参照元:「 NEIL PATEL 」 

上記のように、ECサイトでは、サイト表示スピードが非常に大きな要素としてショップの評価売り上げに関わってくるかがわかります。

Shopifyで重要!SEOとの関連性

米Googleが検索順位の決定要素のひとつとして、影響度はそれほど大きくないものの、サイト表示スピードを考慮することを発表しています。ただ、検索アルゴリズムは基本的に非公開であり、サイトスピードが今後もランキングに影響を与えていくかどうかは不明です。

しかし、サイトスピードの低下がユーザエクスペリエンスにも影響し、最終的なコンバージョンへ繋がらない可能性があるのは事実です。

SEOポップアップのパフォーマンス

関連記事

サードパーティ製アプリは、モノ次第でSEOに影響大。有名ポップアップツールの表示速度やロードサイズ・時間などを徹底検証!

Promolayer.io

Shopifyサイトの表示速度。ポップアップはサイトスピードを低下させる?

これは使用するツールによります。中には実際にスピードを低下させてしまうものもありますが、最適化されているものであれば安心して使うことが出来ると言えるでしょう。

サイトスピードを低下させてしまうポイントとしては、以下のようなものがあります。

1. コンテンツ量(スクリプトの重さ + ポップアップ + 画像).
2. 必要なコネクション数(コネクションカウント、 DNSルックアップ)
3. Javascriptのサイズ.
→ あるツールでは、ポップアップのダウンロード以前に3MB以上のスクリプトをダウンロードしています。

→ ポップアップツールはスクリプトダウンロードで平均10+のコネクションが必要です。

Shopifyで使うポップアップツールを選ぶ

Shopifyのアプリでも「ポップアップ」と調べるだけで、かなりの数のアプリがあります。
その中でもチェックするポイントがいくつかありますので参考にしてください。

1.プランと内容の違い

プランによって5,000PVといった表記を見かけます。これは実際のポップアップの表示回数でないことが多く、コードが埋め込まれたサイトのページビューのトータルを示していることがほとんどです。

サイトのページビューによるカウントの場合、より早くプランの表示回数上限に達すると考えられ、早期のアップグレードが必要になるでしょう。ポップアップツールを選ぶときは、使える機能だけでなく表示回数についてもチェックしてみてください。 

2.対応言語とサポート体制

アプリ自体が英語のみ対応である場合、なかなかスピード感を持ってポップアップ施策を実施できない、または日本語による設定やターゲティングの相談ができないといった弊害が生まれます。

ポップアップを通してリードジェネレーションやコンバージョンを考慮するのであれば、テクニカルサポートだけでなくコンバージョン最適化の相談もできるサポートがあることを確認しましょう。

3.サイトに最適化されているツールかどうか

ポップアップツールの中には、サイトの読み込みの前にポップアップを優先して表示してしまうものや、スクリプトが最適化されていないためサイトスピードを低下させてしまうものなども存在しています。
ポップアップツールを選ぶ際は、サイトに最適化されたツールであるかどうかも確認しましょう。

ShopifyストアでPromolayerを選ぶ理由

Shopify上で作動するポップアップツールは数々ありますが、その中でもPromolayerはユーザーエクスペリエンスやSEOに対して最適化されているツールとなっています。Promolayerを選ぶ理由について、詳細を以下にご紹介します。

1.すべてAsyncとDeferedで読み込まれる

Promolayerはサイトスピードに悪影響がありません。その理由のひとつは、すべてAsyncとDeferedで読み込まれる点にあります。これはつまり最初にWebサイトがロードされ、その後にポップアップがロードされるということであり、サイト表示スピードが低下しないことを表します。

ユーザーエクスペリエンスとSEOを重要と考え、最適化されたツールとなっています。

なおスクリプトとポップアップは1リクエストでロードされます。レビュー数が多く、名の知れたポップアップツールの約10分の1の時間でロードすることが可能です。

2.スピード・CV率重視で最適化されている

Promolayerは、全てがスピード・コンバージョン率重視のため最適化されています。例えば日本語のフォントを使う場合、Privyといった海外ポップアップツールでは約10MBものダウンロードを必要とします。その点、Promolayerではフォントを平均1KBに最適化されています。

3.サポート含め日本のマーケットがメインのツール

Promolayerは、多言語のツールを日本語化したものではありません。

日本のマーチャント向けに日本語で作られたポップアップツールとして、ライブチャットでは日本人CROスペシャリストがコンバージョンの最適化に向けてお手伝いしています。

4.お客様が入力しやすいフォーム

Shopifyでリードジェネレーションを目的としたフォームを作成できるアプリは数々ありますが、アプリ自体が日本語化されているものはPromolayerだけです。お客様が記入するフォームも日本のマーケット向けに最適化されています。

例)氏名別・フリガナ
  モバイルキャリアメールを入力した際の注意書き 等
  ビジターが日本語入力を問題なくこなせるようなフォームを完備しております。

設定方法は簡単。
まずPromolayerをShopifyアプリストアからインストールしてください。
インストールによって、作成したディスプレイ(ポップアップ等)が表示されるようコードが自動で埋め込まれます。詳細はこちら

ShopifyストアでPromolayerを使ってみよう!

もしサイトスピードが心配でポップアップツールを導入することを躊躇っているようでしたPromolayerをまず試してみてください。他のツールとの違いを感じるはずです!

他にも設定などお困りのことがありましたらライブチャットよりお問い合わせください。
Promolayerと一緒に成長しましょう!


Book a 1:1 demo

A 30 minute personalized demo with a member of the Promolayer team.

We will walk you through the application, advise you on how to best utilize Promolayer in your marketing stack and answer any questions you may have.