Schema Markup Examples: Copyable Article and Product JSON-LD

Schema Markup Examples: Copyable Article and Product JSON-LD

Short Answer

Short answer: Yes, here is a valid Article schema markup example in JSON-LD you can copy if you searched 'can you provide an example of schema markup'. Place it in a script tag in your HTML head or body, match values to visible content, validate in Google Rich Results Test, then confirm eligibility in Search Console.

For the basics behind this example, start with our main guide to what schema markup is, which also lists our other schema guides by task.

Example: Article JSON-LD (Copy-Paste)

Use a minimal, valid JSON-LD that exactly mirrors visible content. Keep names, dates, image, and URL consistent with the page. Mismatches kill eligibility and waste crawl budget. If you asked can you provide an example of schema markup, paste this and replace values with your own.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Post Title That Matches On-Page H1",
  "description": "One sentence that mirrors the visible intro.",
  "author": { "@type": "Person", "name": "Author Name" },
  "datePublished": "2026-01-10",
  "dateModified": "2026-01-10",
  "mainEntityOfPage": { "@type": "WebPage", "@id": "https://example.com/blog/post" },
  "image": ["https://example.com/images/cover.jpg"],
  "publisher": { "@type": "Organization", "name": "Your Company" }
}
</script>
Featured graphic showing a browser window with JSON-LD code in the HTML head linked to matching on-page content in the body and a generic rich result preview, using the brand’s orange, deep charcoal, and blue-gray palette.
Schema placement in HTML head or body

Example: Product JSON-LD

For a page that shows a plan or product with its price, use Product with an Offer. Include the Offer only when the price, currency and availability are visible on the page, and update it whenever they change. Add aggregateRating only if the page shows real reviews.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "@id": "https://example.com/pricing#product",
  "name": "Product Name",
  "description": "One sentence that matches the visible product description.",
  "image": ["https://example.com/images/product.jpg"],
  "sku": "PLAN-PRO",
  "brand": { "@type": "Brand", "name": "Your Company" },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/pricing",
    "price": "49.00",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}
</script>

The price above is a placeholder. Check required and recommended properties in Google's product structured data documentation and test the live URL with the Rich Results Test.

Why Teams Ship Schema That Does Not Render Rich Results

Most misses come from content-schema mismatches or missing required properties. If the JSON-LD does not reflect what users see, Google ignores it. Common gaps: no image, wrong dates, author missing, or URLs that 404. Teams also skip validation, so silent errors persist for months.

Ship schema as a deploy-and-observe workflow. Template per page type, validate on staging, roll out, then watch Search Console enhancements weekly. Fix errors promptly or remove broken markup. Small teams win by enforcing this checklist in CI.

Validate with Google Rich Results Test (https://search.google.com/test/rich-results). Reference property definitions at Schema.org Article (https://schema.org/Article).

For what schema can and cannot do, see our main guide: what is schema markup.

Teams miss rich results when the structured data diverges from what is visibly on the page or omits required fields. Common failure points: non absolute URLs in author or image, images below Google's recommended minimum of 50K pixels in width times height (Google's Article guidance), dates not in ISO 8601, and organization names that do not match the logo alt text. Multiple Article blocks with different headlines confuse parsers. A canonical pointing to a different variant while schema references the current URL also breaks eligibility. Staging hostnames lingering in logo URLs and scripts gated behind consent banners cause crawlers to miss or ignore the JSON-LD.

Which Schema Type When? Quick Operator Comparison

Pick the schema type that matches your template, then include the required fields. Start with Article or BlogPosting for editorial, FAQPage for Q&A blocks, Product for pricing, and Organization sitewide. Consistency and completeness drive eligibility and stable rich results.

Grid infographic comparing Article, FAQPage, Product, Organization, Breadcrumb, and HowTo schema types with icons, their must-have properties, and the rich result each can unlock, in the brand’s orange, charcoal, and blue-gray colors.
Rich results coverage by type

Comparison of Common Schema Types and What They Enable

Schema Type Primary Use Case Must-Have Properties (examples) Eligible Rich Result
Article Blog posts and newsy content headline, datePublished, author, image Article rich result, Top Stories
FAQPage Page with Q&A sections mainEntity[Question.name, Answer.text] None in Google Search since May 2026
Product Product or plan page name, offers.price, offers.priceCurrency Product snippets with price/availability
Organization Sitewide identity name, URL, logo.URL Knowledge panel enrichment
Breadcrumb Site navigation trail itemListElement[ListItem.position, item.name] Breadcrumbs in SERP
HowTo Step-by-step instructional pages name, step items, totalTime (recommended) None in Google Search since 2023

Implementation notes:

• Add one script tag per page type. Keep values consistent with visible UI.
• Validate every deploy. Monitor enhancement reports and fix warnings quickly.

From Example to System: a Template Workflow

Operators need schema at the template level to scale across 100+ URLs. Map page types, templatize JSON-LD, bind to CMS fields, pre-publish validate, then auto-refresh when content changes. That is how you move from can you provide an example of schema markup to sitewide results.

Tradeoff: GTM is fast to test but can fire late, causing validation misses. CMS-baked templates require engineering time but produce consistent, crawlable markup that ranks.

Mergeflo provides an autonomous SEO + AEO content engine that drafts articles with FAQ schema and suggested internal links, and publishes what you approve to Webflow. It adds FAQ schema to the articles it publishes; Article and breadcrumb schema come from your own Webflow template, so templating, validating and monitoring that markup stays with your team. If you need help crafting markup, see our sibling playbook on How To Generate Schema Markup.

Mergeflo drafts articles in your brand voice with FAQ schema and suggested internal links, and publishes the ones you approve to Webflow.

Start free

Start by inventorying every template and URL pattern, then map each to a schema type with a property checklist. Build one JSON-LD template per type with placeholders for headline, image, datePublished, dateModified, author, and mainEntityOfPage. Wire templates to CMS fields and enforce formats at save time, such as ISO 8601 dates and absolute URLs. Add CI checks that run a linter and a headless render to verify the script tag appears once per page. Ship a dashboard tracking coverage by template, error rates, rich result impressions, and deltas after deploys.

Frequently Asked Questions

Should I Use Article or BlogPosting?

Both work for blog content. BlogPosting is a subtype of Article. Pick one and keep it consistent across templates. Include headline, datePublished, author, and image at minimum, and ensure they match visible elements. Consistency improves eligibility stability across crawls.

Where Should I Place the JSON-LD, and How Do I Scale It?

Place the script in the head or body of the rendered HTML. For scale, bind JSON-LD templates to CMS fields so each new post gets valid schema automatically. Avoid GTM for core content types because late tag firing can cause validation misses and unstable eligibility.

How Do I Avoid Issues with FAQPage Markup?

Only mark up Q&A that the user can see on the page. Use clear Question.name and Answer.text, and keep language identical to the UI. Do not inject FAQ on pages that are not FAQs. Overuse or mismatched content can result in ineligibility or manual actions.

How Do I Measure Impact Beyond Eligibility?

Track enhancement counts and error resolutions in Search Console, then compare CTR by page group before and after implementation with annotations on deploy dates. For AI visibility, monitor citations in ChatGPT and Perplexity on target queries after schema and internal link updates to see extraction quality.