固定Shopifyパスのリダイレクト

日本語 ディスカッション 技術的なQ＆A

Topic summary

Shopifyの固定パス（/products/、/collections/、/collections/all）へのアクセスを404やTOPページにリダイレクトする方法についての質問。

質問者の状況：

  • JavaScriptでのURL抽出によるリダイレクトは可能だが、一瞬フロントが描画されてしまう問題がある
  • サーバーサイドや.htaccessでの処理を希望しているが、方法が見つかっていない

回答内容：

  • Shopifyの標準機能でリダイレクトは可能だが、404になるページのみが対象
  • 質問者が対象とするパスはShopify側で予約されたURLのため、決して404にならずサーバーサイド処理は不可能
  • 代替案として、Liquid側でCSSスタイルを設定し画面を真っ白にする、またはローディング画面を表示して違和感を軽減する方法を提案
  • HeadlessCMSとしてShopifyを利用し、Hydrogenなどでフロントエンド開発する場合は、サーバーサイド処理やリダイレクトの自由度が高まる可能性がある

結論： 標準的なShopify環境では、JavaScriptまたはLiquidでの対応が現実的な解決策となる。

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

以下のページにアクセスした場合、404やTOPページにリダイレクトすることは可能でしょうか？
JSでURLを抽出することで可能なことは調査済みですが、
一瞬フロントが描画されてしまうため、

できればサーバーサイドや.htaccessなどで処理をしたいと思っております。

（調べた限りではそうした方法を使うやり方が見つかりませんでした。）

・/collections：コレクションのリストページ
・/collections/all：すべてのコレクションを表示するページ
・/products：商品リストページ

なんらかの方法で可能であれば提示していただけますと幸いです。

よろしくお願いいたします。

2

@yfipohs_tarou 様

すでにお調べになっているかと思いますが、

Shopifyストア内でもリダイレクトは可能です。

https://help.shopify.com/ja/manual/online-store/menus-and-links/url-redirect

ただし、

リダイレクト元が404になる時だけ、

リダイレクトの設定が可能です。

質問者様がリダイレクトさせたいページは、

Shopify側に予約されたURLであるため決して404になりませんので、

サーバーサイドでの処理はできない、

とお考えいただいた方がよいです。

サーバーサイドでの処理が必須でしたら、

ShopifyをヘッドレスCMSとして利用し、

Hydrogenなどでフロントエンドを開発すれば、

ご自由に404やリダイレクトを組めるかもしれません。

そこまでしないのであれば、

質問者様がすでに実践されたJSでのlocationか、Liquid側でのmeta refreshかしか道はないように思います。

一瞬フロントが描画されてしまうため、

すでに実施されているかもしれませんが、

対象のページでは画面が真っ白になるようにLiquid側でCSSスタイルを設定したり、

ローディング画面を出すようにしたりすると、

違和感を減らせるかもしれません。

ご参考まで。

(キュー田辺)