Shopify Custom Sections & SEO: Preserve Product Structured Data for Rich Snippets

Hey there, fellow store owners!

A smart question from @sharmavin97 recently sparked a great discussion in the Shopify community: "What happens to my SEO and structured data when I replace the standard rich text editor content with custom theme sections?" It's a vital query, and the expert advice that followed provides clear, actionable steps. For regular content pages, if you're building layouts with custom sections, you're generally fine. As experts like @brisk_code and @Thalia_Apps confirmed, this holds true as long as your content is visible on the front end (avoiding display: none or JavaScript-only rendering) and your meta title/description are set.

Product Pages: Safeguarding Your Structured Data

Product pages are where structured data becomes critical. Shopify themes automatically include Product JSON-LD schema, which powers "rich snippets" in Google search results – showing price, availability, and ratings. Losing this data means losing a significant SEO advantage.

The clear community consensus, highlighted by @Mizan-coders, @brisk_code, and @oscprofessional, is to decouple your structured data output from your visual layout. This ensures your custom sections don’t accidentally remove vital SEO information.

Finding Your Existing Product Schema

Modern Shopify themes often output Product JSON-LD schema in a separate snippet. Search your theme code for "@type": "Product" or application/ld+json to locate it. It's commonly found in files like snippets/structured-data.liquid, snippets/product-structured-data.liquid, or within a

This widely used approach is highly effective .

Step 2: Include in Your Theme Layout

Next, include this new snippet in layout/theme.liquid. Place it within the tag or just before , ensuring it only renders on product pages:

liquid
{% if template == 'product' %}
  {% render 'product-schema' %}
{% endif %}

This guarantees your structured data is always rendered independently of your product template customizations.

Reviews and Ratings Schema

Review apps (Yotpo, Judge.me, Loox, etc.) typically inject their own aggregateRating block. As @Mizan-coders and @brisk_code advised, check your app's documentation to avoid duplicate schema. Remember: only add review/rating schema if reviews are actually displayed on the page.

Crucial Testing Checklist

Always test after code changes! Experts recommend this checklist:

Google Rich Results Test: Verify Product schema is detected at https://search.google.com/test/rich-results.
View Page Source (Ctrl+U): Confirm application/ld+json is present in the raw HTML.
Google Search Console: Monitor "Enhancements & Shopping" for any structured data errors.

So, you can absolutely have custom, visually stunning Shopify product pages without sacrificing your SEO. By thoughtfully separating your structured data from your design, you secure both design freedom and those invaluable rich snippets in Google search results. It’s a smart move for your store’s success!