Shopifyスタック2026:モロッコにおける速度とコンバージョンのためのアプリ

モロッコのブランド向けに行うShopifyストアのレビューでは——スキンケアでも、ホームグッズでも、オンラインコースでも——ほぼ同じパターンが繰り返されます。22個のアプリがインストールされ、そのうち3つが同じ役割を果たし、theme.liquidファイルはトラッキングスクリプトで肥大化し、モバイルでのPageSpeedスコアは30台。事業者が意図的に何か悪いことをしたわけではありません。ただ、問題を解決するためにツールを一つずつ追加し続け、一度も立ち止まって一貫性のあるスタックを設計しなかっただけです。この記事は、よくある「Shopifyのコツ10選」ではありません。モロッコのクライアントのためにShopifyストアを引き継ぎ、速度とコンバージョン率の両方を迅速に改善する際に実際に使用している診断ツール、アプリカテゴリー、導入手順そのものです。

モロッコにおけるShopifyの最大のコンバージョン向上策がアプリスタックである理由

モロッコのEコマース購入者は圧倒的にモバイル中心で、カサブランカやラバト以外では4G、時には制限されたデータプランを使用していることも多いです。このような市場では、モバイルの読み込み時間が1秒遅れるだけでコンバージョンが20%以上低下する可能性があります。ローディングアイコンへの忍耐はほぼゼロで、競合のWhatsAppカタログはワンタップで開けてしまうからです。同時に、あらゆるアプリマーケットプレイスの広告が「このアプリでAOVが上がります」「このアプリで放棄カートを回収できます」と謳うため、事業者はパフォーマンスへの影響を確認せずにインストールしてしまいます。その結果、管理画面上では機能豊富に見えても、実際の購入者には遅くて信頼性の低いストアに感じられてしまうのです。最適化とは追加することではなく、速度・信頼・コンバージョンをカバーしつつ、互いにレンダリング優先度を奪い合わない適切な5〜6個のツールを選ぶことです。

ステップ1:インストール前に診断する——本当のボトルネックを明らかにするツール

App Storeに触れる前に、正しい診断を行いましょう。ほとんどの事業者は、どのアプリが遅延の原因かを推測しますが、実際には測定すべきです。以下は、すべてのShopifyプロジェクトで実施している診断スタックです(この順序で)。

• Google PageSpeed Insights(モバイルスコア)——ホームページ、コレクションページ、商品ページにおけるCore Web Vitals(LCP、CLS、INP)の基準値。
• GTmetrixのウォーターフォールビュー——どのサードパーティスクリプト(アプリ、ピクセル、チャットウィジェット)がレンダリングをブロックしているかを正確に把握するため。
• ShopifyネイティブのTheme Inspector(Shopify CLI内)——Liquidのレンダリング時間とアプリが注入するJavaScriptを切り分けるため。
• Microsoft ClarityまたはHotjar——無料のヒートマップとセッション録画により、想定ではなく実際にモロッコのモバイル購入者が離脱している箇所を確認するため。
• ShopifyネイティブのEコマースイベントを備えたGA4——何かを変更する前に、デバイス別・流入経路別のコンバージョン率を数値化するため。

推奨スタック:カテゴリー別

これはモロッコのほとんどのShopifyストアに導入している構成です。意図的に軽量化されており、各カテゴリーにはApp Storeで最も人気のあるものではなく、速度と機能のバランスが最も優れた1つの主要ツールを選定しています。

• 画像・メディア最適化:TinyIMGまたはCrush.pics——目に見える品質劣化なしに画像を自動圧縮し遅延読み込みする。モロッコのカタログでは商品写真が最も重いアセットであることが多いため重要。
• レビュー・社会的証明:速度がビジュアル重視のレビューカルーセルより重要な場合は、Looxよりも軽量なJudge.meを選択——同等の信頼シグナルながらフットプリントが小さい。
• アップセル・クロスセル:ReConvertまたはRebuy——購入後にトリガーされ、商品ページではなくチェックアウト後に作動するため、ページ読み込みに影響しないアップセルを実現。
• ページ構築:まずShopifyネイティブのOnline Store 2.0セクションを使用し、PageFlyやGemPagesは一部のランディングページのみに限定し、ストア全体には決して使わない。
• メール・SMSリテンション:GA4のEコマースデータと連携したKlaviyoで、モロッコの決済行動(代引きへの躊躇、CMIカードでの離脱)に対応した放棄カートフローを実行。
• 現地物流:不要なスクリプトをすべてのチェックアウトページに読み込ませる重いマルチキャリアアプリではなく、Amana、Aramex、CTMとのネイティブまたは軽量な連携を使用。
• サポート:軽量モードのGorgias、またはシンプルなWhatsApp Businessウィジェット——モロッコの購入者は、ライブチャットのポップアップよりも圧倒的にWhatsAppでのサポートを好む。

活用事例:モロッコでShopifyを使ったオンラインコース販売

eラーニングやトレーニングブランドは、純粋なLMSプラットフォームよりもShopifyを選ぶケースが増えています。チェックアウト、アップセル、CMIカードやパートナーネットワーク経由の現金決済オプションなどの決済方法を完全にコントロールできるためです——これは硬直的なコースプラットフォームではほとんど実現できません。しかし、ここでこそアプリ選定が最も重要になります。コース事業には、アニメーション付きウィジェットで溢れる重いページビルダーは不要で、即時かつ信頼性の高いデジタル配信が必要です。ここで推奨するスタックは、ビジュアル重視のアプリをSky PilotやBold Membershipsに置き換え、購入後すぐにビデオレッスンやPDFを配信します。さらに簡素化されたチェックアウト(コース購入者は緊急性のバナーではなく、信頼と明確さでコンバージョンするため、アップセルのポップアップは少なめ)と、単なるカート放棄者だけでなく、コースファネルを完了しなかった人を育成するKlaviyoフローを組み合わせます。ここでは速度がさらに重要になります。無料プレビュー動画を試す見込み受講者が、遅い商品ページで支払いボタンに到達する前に離脱してしまうからです。

アプリの肥大化を防ぐ:四半期スタック監査

良いスタックも、事業者が季節プロモーションのために「もう1つだけ」アプリを追加し、削除し忘れることで時間とともに劣化していきます。私たちは——そしてすべてのストアオーナーに推奨しているのは——シンプルな判断基準に基づく四半期監査です。

• インストール済みのすべてのアプリと、過去90日間の測定可能なビジネスへの影響(帰属収益、コンバージョン向上、解決したサポートチケット数)をリストアップする。
• 各アプリを1つずつ無効化した後にPageSpeed Insightsを再実行し、LCPとINPへの実際のコストを切り分ける。
• 重複するツールを統合する——レビュー、ロイヤルティ、アップセルがすべてVitalsのようなオールインワンアプリに集約されている場合、それが実際に3つの個別アプリよりも軽量かどうかを評価する。
• 無効化するだけでなく完全にアンインストールする——多くのアプリは「オフ」にしても読み込まれ続ける孤立したコード片をtheme.liquidに残す。

30日間の導入チェックリスト

• 1週目:完全な診断を実施(PageSpeed、GTmetrix、Theme Inspector、GA4基準値)し、デバイス別の現在のコンバージョン率を記録する。
• 2週目:重複アプリを削除し、すべてのメディアを圧縮・遅延読み込み化し、可能な限りページビルダー専用ページをネイティブセクションに移行する。
• 3週目:コアスタック(レビュー、アップセル、メール/SMS、現地配送連携)をインストールし、モロッコの決済行動に特化したフローを設定する。
• 4週目:Core Web Vitalsを再テストし、新しいチェックアウトフローでA/Bテストを開始し、四半期監査のカレンダーリマインダーを設定する。

高コンバージョンのShopifyストアは、マーケットプレイスの新しいアプリを次々に追いかけることで構築されるのではありません。厳選された、検証済みの小さなスタックを意図的に選び、四半期ごとに肥大化から守ることで構築されます。物理商品、デジタルダウンロード、あるいはモロッコおよび海外の顧客向けのオンラインコースを販売する場合でも、原則は同じです。デザインよりも速度と信頼が勝るのです。