Semantic HTML Auto-injection Verification

✅ Global Schema Auto-injection: 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.

✅ Visual Hiding: Generated semantic HTML is hidden with the visually-hidden class, so it's not visible to users, but LLM crawlers (ChatGPT, Perplexity, etc.) and search engines can read it.

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.

Page-specific Schema

ItemList Schema: On this page, we use the useSchema() composable to add ItemList Schema to the page head.

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))
})