Shopifyテーマ移行: 肥大したテーマをクリーンでモジュール化されたLiquidにリビルド
メンテナンスが難しいShopifyテーマが、クリーンでモジュール化されたOnline Store 2.0 Liquidにリビルドされ、高速化と編集可能になりながら、ストアの見た目は変わりませんでした。
問題
ストアは古い、大幅にカスタマイズされたテーマで実行されており、遅く脆くなってしまいました。小さなコンテンツ編集には開発者が必要で、パフォーマンスが悪く、コードベースは何かを壊さずに拡張するのが難しかったです。
アプローチ
- 既存のテーマを監査して、実際に機能しているものと蓄積された不要なコードと未使用のアプリを分離しました。
- マーチャントが並べ替えられるクリーンなLiquidとOnline Store 2.0セクションおよびブロックを使用して、テーマをゼロから再構築しました。
- 構造化されたコンテンツをメタフィールドとメタオブジェクトに移動して、エディタはコードに触れずにページを更新できるようにしました。
- 最初のコミットからCore Web Vitals 95+とテクニカルSEOをマークアップに組み込みました。
- すべてのURLをマッピングして保持したため、移行はSEO損失なしで、ゼロダウンタイムカットオーバーでした。
結果
ストアはチームが自分たちで編集できる高速でモジュール化されたテーマに移行しました。パフォーマンスが改善され、コードベースは保守可能になり、移行時にランキングは失われませんでした。新しいページは数日ではなく数時間で提供されるようになりました。
FAQ
Shopifyテーマのリビルドはパッチ当てよりも価値があるのはいつですか?
小さなコンテンツ編集に開発者が必要な場合、パフォーマンスが低下した場合、コードベースが拡張時に壊れる場合です。その時点では、クリーンなOnline Store 2.0リビルドは、脆くて重くカスタマイズされたテーマに何度もパッチを当てるよりも、長期的にはコストが少なくて済みます。
テーマ移行により、ストアの見た目が変わりますか?
いいえ。リビルドはクリーンでモジュール化されたLiquidの既存デザインを再現します。変わるのは内部です: より高速なマークアップ、編集可能なセクションとブロック、メタフィールド内の構造化されたコンテンツなので、ストアフロントの見た目は同じままながらメンテナンス可能になります。
テーマを移行する際にSEOを失わないようにするにはどうしますか?
すべてのURLがマッピングされ保持され、カノニカルと構造化データが引き継がれ、カットオーバーはゼロダウンタイムです。URLの構造とマークアップシグナルが変わらないため、移行はランキング損失をもたらしません。
Online Store 2.0とは何で、なぜそれでリビルドするのですか?
Online Store 2.0はShopifyのセクション随所アーキテクチャで、JSONテンプレート、アプリブロック、メタフィールドがあります。それでリビルドすることで、マーチャントはコードに触れずにページを自分で並べ替えて編集でき、そのため新しいページは数日ではなく数時間で提供されます。