How to Customize Product Information on Shopify | Metafields, Theme Display, and Structured Data
Shopify's standard product fields don't cover everything — materials, origin, specifications, and other custom attributes require metafields. This guide covers how to define metafields in the Shopify admin, display them on product pages using Liquid, and output them as structured data (JSON-LD) to improve SEO and AI search visibility.
When Shopify's Standard Product Fields Aren't Enough
Shopify's standard product form includes product name, price, inventory, variants, and a description field. For many EC sites, however, these fields don't cover everything a product needs to communicate.
- Apparel: material, country of origin, care instructions, fabric weight
- Food: ingredients, allergens, net weight, production facility
- Furniture and home goods: material, dimensions, load capacity, finish
- Cosmetics: full ingredient list, usage instructions, precautions, volume
This kind of product-specific attribute data — when displayed on the product page — helps customers make informed purchase decisions. Shopify's metafield feature allows you to define and display custom product attributes that go beyond the standard fields.
What Shopify Metafields Are
Metafields let you attach custom data to Shopify objects — products, collections, customers, orders, and more. Once defined in the Shopify admin, a metafield appears as an input field in the product editor, allowing you to set values per product.
Supported Attribute Types
| Type | Example uses |
|---|---|
| Single-line text | Material name, country of origin, color |
| Multi-line text | Specification notes, usage instructions |
| Number | Weight (g), volume (ml) |
| URL | Specification sheet link, certificate page |
| File | PDF spec sheet |
| Reference (metaobject) | Brand information, size guide |
How to Define Metafields in the Admin
- Log in to the Shopify admin
- Go to Settings → Custom data → Products
- Click Add definition and set the attribute name and type
Once defined, the field appears at the bottom of the product editor and can be filled in individually for each product.
Displaying Metafields on the Product Page
Entering values in the admin is only half the work — metafields don't appear on the storefront until you add them to your theme's Liquid templates.
Outputting Metafield Values in Liquid
Shopify Liquid templates retrieve metafield values using the namespace and key:
{{ product.metafields.custom.material }}
This reads the value stored under the custom namespace with the key material for the current product.
Building a Product Specs Section
A common pattern is to create a dedicated specs section in the product template that displays all custom attributes in a table. Adding conditional logic to hide blank fields ensures the section renders cleanly even when some attributes aren't filled in for every product.
Implementing this as a theme section also lets non-technical operators toggle visibility from the theme editor without touching code.
Structured Data (JSON-LD) for SEO and GEO
Metafield values can be embedded in structured data (JSON-LD), which benefits both traditional SEO and GEO — optimization for generative AI search engines.
Google Rich Results
Google recommends implementing Product schema on product pages. With it, price, availability, and review ratings can appear as rich results in search. By incorporating metafield values into JSON-LD output, you communicate detailed product attributes to Google in a structured format.
Supported schema properties include: material, color, pattern, countryOfOrigin, and more.
GEO — Generative Engine Optimization
Search tools powered by generative AI — including ChatGPT Search, Perplexity, and Google AI Overview — increasingly retrieve and cite structured content. Accurate JSON-LD markup makes it easier for these tools to correctly describe your products. Specific attributes like material, origin, and specifications are exactly the kind of concrete detail that AI search tools reference in comparison queries and direct answers.
Benefits of Product Information Customization
- Better purchase decisions — Displaying material, origin, and specification details on the product page reduces pre-purchase inquiries while giving buyers the information they need to convert
- Google Rich Results eligibility — Structured data enables price, availability, and product detail display in search results
- GEO readiness — AI search engines can accurately retrieve and cite your product attributes
- Centralized management — Product specs are managed in the Shopify admin, making updates and corrections straightforward
- Enhanced collection filtering — Metafield values can be used as filter conditions on collection pages, helping shoppers find what they're looking for faster
- Long-term content asset — Detailed attribute data that competitors don't publish becomes a differentiator that compounds over time
What Our Product Customization Option Covers
We handle metafield definition and theme display together as a single option.
What's included
- Metafield definitions in the Shopify admin (simple types, up to 5 attributes)
- Product specs section added to the theme (Liquid template implementation)
- Conditional logic to hide empty attributes automatically
Estimated cost: +¥50,000. Selecting the product customization option in STEP 4 of the estimate form adds this amount to the estimated total.
Scope note: This option covers simple attribute types (text, number, URL) up to 5 attributes. Metaobject-based complex attributes (brand profiles, size guides, etc.) or implementations requiring more than 5 attributes are available on request — contact us after submitting the estimate form.
Summary
Customizing product information on Shopify requires two steps: defining metafields in the admin and implementing Liquid template output in the theme. Together, these allow you to display material, origin, specifications, and other attributes that Shopify's standard fields don't support.
Outputting those values as structured data (JSON-LD) adds SEO rich results eligibility and GEO readiness on top of the improved product page experience.
Investing in product information early in the build process creates a foundation that improves purchase conversion and accumulates search value over time.
FAQ
Yes. Metafield values can be freely edited from the product editor in the Shopify admin. If you need to change the field definition itself — such as adding a new attribute type or renaming a key — template adjustments may be required. Feel free to reach out in that case.
Related articles
Shopify Google Tag Manager (GTM) Setup | Centralize GA4 and Ad Tags with dataLayer Best Practices
Shopify developmentA guide to setting up Google Tag Manager (GTM) on Shopify. Covers when to use GTM over native integration, centralized management of GA4 and ad tags, how the dataLayer works with Liquid templates, checkout page limitations, and our service's GTM approach.
11mm編集部Shopify Search Console Setup | What It Does, Rich Results, Costs, and How It Differs from Google Analytics
Shopify developmentA guide to connecting Shopify with Google Search Console. Covers search performance monitoring, index management, Core Web Vitals, rich results, mobile usability, what our service includes in the build cost, and how it differs from Google Analytics.
11mm編集部Shopify Google Analytics (GA4) Setup | What It Tracks, Exploration Reports, Costs, and How It Differs from Search Console
Shopify developmentA guide to connecting Shopify with Google Analytics (GA4). Covers what GA4 measures, exploration reports, user properties and audiences, how the integration works, what our service includes in the build cost, and how GA4 differs from Search Console.
11mm編集部Shopify EC Site Monthly Maintenance Costs and Services | Light vs Standard Plan
Shopify developmentAlthough Shopify is a SaaS platform that requires no server management, ongoing tasks such as theme updates, app compatibility checks, minor fixes, and regular SEO monitoring still arise after launch. This guide explains that the Light plan is fixed at ¥30,000/month and the Standard plan is based on ¥60,000/month, with extra fees only when work exceeds the defined scope.
11mm編集部