How to fix seo product price not in html on Shopify

Render your product price in the server-generated HTML so Google and other crawlers can read it directly — without executing JavaScript.

Steps for Shopify

  1. In your Shopify Admin go to Online Store → Themes → current theme → Edit code.
  2. Open sections/main-product.liquid (or templates/product.liquid on older themes).
  3. Locate the price block. Shopify's Dawn theme uses a snippet: snippets/price.liquid. Ensure the price is output via Liquid, e.g. {{ product.selected_or_first_available_variant.price | money }}.
  4. If your theme uses a JavaScript framework (e.g. a custom React/Vue storefront) that fetches price via the Storefront API, you must move that fetch to a server component or use Hydrogen's server-rendering. For standard Liquid themes this is already server-rendered — confirm no JS is overwriting the element before the initial HTML paint.
  5. For structured data, open or create snippets/structured-data.liquid and add a JSON-LD Product schema block that includes the 'offers' property with 'price' populated by Liquid variables (see code snippet below). Include this snippet in theme.liquid inside <head>.
  6. Preview the page, view source (Cmd+U), and search for the price value to confirm it is present in raw HTML.
Official Shopify documentation ↗

What is seo product price not in html?

Every time Google visits your product page, it downloads the raw HTML first. If your price is only inserted by JavaScript after the page loads, that raw HTML contains no price — Google either sees a blank, a placeholder, or nothing at all. "Price not in static HTML" means the dollar amount a shopper sees in their browser is missing from the underlying HTML source that search engines (and other non-JS tools) receive. The fix is to have your server write the actual price directly into the HTML before it is sent to the browser, a technique called server-side rendering (SSR).

Google uses prices in product rich results (the star-rating + price snippets shown directly in search results), and it relies on reading that price from your page's HTML or your structured data. If the price is invisible to the crawler, your products are disqualified from those rich result enhancements — meaning less visual prominence and lower click-through rates in search. Beyond rich results, Google's own documentation confirms that while Googlebot can render JavaScript, there is a delay and crawl-budget cost; JS-rendered prices are indexed later or sometimes not at all, causing price mismatches that erode shopper trust. Missing prices also break price-comparison scrapers, affiliate tools, and shopping feed integrations that depend on static HTML. For competitive product categories, every missed rich result is direct revenue lost to a competitor whose price is correctly surfaced.

See the complete Seo product price not in html guide for every platform and the full background.

Not sure if your Shopify store has this?

Run a free SEOLZ scan — we’ll find seo product price not in html and every other issue across your whole site.

Scan my site free

Fix seo product price not in html on another platform