Shopify Hydrogen is a solid piece of engineering. It gives developers a React-based storefront with Shopify's Storefront API, good performance defaults, and Oxygen as a deployment target. The problem is that most Hydrogen storefronts serve their product content through client-side rendering by default, which means bots see almost nothing.
What happens when Googlebot visits
A typical Hydrogen product page without pre-rendering looks like this to Googlebot: a <div id="root">, some navigation links, maybe a store name in the header. The product title, description, price, and images are all missing because they load from the Storefront API after React hydrates.
Word counts in the 30–80 range are typical for unrendered Hydrogen pages. That's not enough content for Googlebot to index the page meaningfully.
Run the comparison below on your storefront:
Try it on your site
Full tool with more detailsSolutions
Option 1: Oxygen server rendering
Shopify Oxygen supports SSR. If you move your data fetching to server components and use Hydrogen's server utilities correctly, the HTML your server sends will contain product content. This is the right long-term architecture but requires significant code refactoring.
Option 2: PerfectSearch middleware
Install the middleware package and configure it in your Hydrogen app. Bot requests get served rendered snapshots; human requests go through your normal Hydrogen app. No refactoring required.
Option 3: DNS proxy
CNAME your storefront domain to PerfectSearch's edge. Works with Oxygen-hosted Hydrogen without touching your application code. The Go proxy on our side separates bot from human traffic and serves snapshots to bots.