Semantic HTML Auto-injection Verification
Schemas configured in the aeo.schemas array in nuxt.config.ts are automatically injected into all pages. Semantic HTML is also automatically generated with the renderHtml: true option.

Verification Methods

1. Open Developer Tools (F12)

2. Check in Elements Tab:

  • script type="application/ld+json" tag: Check JSON-LD schema
  • div class="nuxt-aeo-semantic-organization": Check Organization semantic HTML
  • div class="nuxt-aeo-semantic-person": Check Person semantic HTML

3. Check semantic HTML:

Semantic HTML with the visually-hidden class applied is automatically injected inside the body tag.

Quick Verification Method

Run the following commands in Developer Tools console:

// Check semantic HTML
document.querySelectorAll('[class*="nuxt-aeo-semantic"]').forEach(el => {
  console.log('✅ Found:', el.className, el.innerHTML.substring(0, 100) + '...')
})

// Check JSON-LD schema
document.querySelectorAll('script[type="application/ld+json"]').forEach(script => {
  console.log('✅ JSON-LD:', JSON.parse(script.innerHTML))
})

Popular Tech Stack (Page-specific Schema)