Rich Results in Vue

Rich results are enhanced search listings that display more than the standard blue link—stars, prices, cooking times, FAQs. Google shows them when your page has valid Schema.org structured data.

Not all rich results survived. Google removed FAQ and HowTo rich results in August 2023 for most sites.

What Changed in 2023

Google made two major changes to rich results:

August 8, 2023: FAQ rich results limited to authoritative government and health sites only. All other sites lost FAQ rich results.

September 13, 2023: HowTo rich results completely removed from desktop and mobile. No exceptions.

Google said the changes provide "a cleaner and more consistent search experience." The reality: these result types were overused and spammy. John Mueller referenced "the tragedy of the commons" when explaining the decision.

Sites that relied on FAQ/HowTo rich results saw CTR drops. No way around it—those rich snippets are gone.

Rich Results That Still Work

These rich result types remain active as of December 2025:

See the full list in Google's Search Gallery.

Product, Recipe, and Event rich results drive measurable CTR increases. Rotten Tomatoes saw a 25% higher click-through rate on pages with structured data.

Testing Your Markup

Use Rich Results Test to validate structured data. Enter your URL or paste HTML directly. The tool shows which rich results are eligible and flags errors.

Two validation tools exist—use both:

1. Rich Results Test — Tests Google-specific eligibility. Use this to see if your markup qualifies for rich results in search.
2. Schema Markup Validator — Tests schema.org syntax compliance. Use this for types that don't qualify for rich results but you want on the page anyway (like Organization, WebSite).

The Schema Markup Validator validates all schema.org types, not just those eligible for Google rich results. If you're implementing Organization or WebSite schema (which don't show rich results), use this tool.

Monitoring in Search Console

Google Search Console shows a separate report for each rich result type found on your site:

1. Open Search Console
2. Go to Enhancements in the sidebar
3. Click the rich result type (Product, Recipe, Article, etc.)

Each report shows valid items (can display as rich results) and invalid items (have errors blocking display). Fix errors immediately—they block rich results entirely. Address warnings when possible—they may reduce effectiveness.

The reports show a sample of detected items, not every instance. Google drops reporting for types that no longer appear in search. September 2025 removed reporting for Course Info, Estimated Salary, Learning Video, Special Announcement, Vehicle Listing, Claim Review.

Implementation in Vue

See Schema.org in Vue for implementation details using Unhead.

Quick example for Product rich results:

<script setup lang="ts">
import { defineProduct, useSchemaOrg } from '@unhead/schema-org/vue'

const product = await fetchProduct()

useSchemaOrg([
  defineProduct({
    name: product.name,
    image: product.image,
    offers: {
      price: product.price,
      priceCurrency: 'USD',
      availability: 'https://schema.org/InStock',
    },
    aggregateRating: {
      ratingValue: product.rating,
      reviewCount: product.reviews,
    }
  })
])
</script>

The defineProduct() helper ensures your markup meets Google's Product structured data guidelines.

Should You Remove FAQ/HowTo Markup?

No. Google says structured data that's not used "does not cause problems for Search, but also has no visible effects." Leave it—it doesn't hurt, and Google could reverse course.

If you're adding new markup, skip FAQ and HowTo unless you're a government/health site. Focus on Product, Recipe, Article, Event types that still work.

Common Rich Result Mistakes

Missing required fields — Each rich result type has required properties. Product needs name, image, offers. Recipe needs name, image, totalTime. Check Google's docs for each type.

Invalid image URLs — Images must be absolute HTTPS URLs, not relative paths. Minimum 1200x630px for most types.

Blocking images in robots.txt — Google must be able to crawl your images. Check your robots.txt doesn't block /images/ or similar paths.

No visible content — The structured data must match visible content on the page. Markup for a recipe that's not actually on the page violates Google's spam policies.

Syntax errors — Invalid JSON-LD breaks all structured data on the page. Validate with the Schema Markup Validator before deploying.

Rich Results Aren't Guaranteed

Valid markup doesn't guarantee rich results will show. Google decides based on:

• Search query relevance
• User intent
• Competition for that result type
• Page authority

You can have perfect structured data and still not see rich results. That's normal. Focus on adding markup for the user benefit (better organized data) not purely for search appearance.

Using Nuxt?

Nuxt SEO handles Schema.org automatically with zero config.

Learn more about Rich Results in Nuxt →