Nuxt AEONuxtAEO

Getting Started

Learn how to get started with the Nuxt AEO module

Nuxt AEO is a Nuxt module that supports AI Engine Optimization (AEO) through Schema.org JSON-LD.

What is AEO?

AI Engine Optimization (AEO) is a technique for optimizing structured data so that AI models (ChatGPT, Claude, Perplexity, etc.) and search engines can better understand web content and provide accurate answers to user questions.

With this module, you can:

  • 🤖 AI Model Optimization: AI models like ChatGPT, Claude, and Perplexity can use structured data when crawling and understanding content to provide more accurate information and citations
  • 🔍 Search Engine Optimization: Search engines like Google and Bing can display your content in Featured Snippets, Knowledge Graph, etc.
  • 📊 Answer Engine Optimization: Optimize for search engines and AI models to provide direct answers to user questions

Quick Start

1. Basic Usage

Once installed, you can use it right away. The simplest example is adding a Schema to an FAQ page:

pages/example.vue
<script setup lang="ts">
useSchemaFaq({
  mainEntity: [
    {
      name: 'What is the Nuxt AEO module?',
      acceptedAnswer: {
        text: 'Nuxt AEO is a Nuxt module that supports AI Engine Optimization (AEO) through Schema.org JSON-LD.'
      }
    }
  ]
})
</script>

2. Verify

Open Developer Tools (F12) and check the Elements tab for a JSON-LD script tag like this:

Frequently Asked Questions

This page includes FAQPage Schema to help AI models and search engines understand common questions about getting started with Nuxt AEO.

pages/example.vue
<script setup lang="ts">
useSchemaFaq({
  mainEntity: [
    {
      name: 'What is AEO?',
      acceptedAnswer: {
        text: 'AEO (AI Engine Optimization) is a technique for optimizing structured data so that AI models (ChatGPT, Claude, Perplexity, etc.) and search engines can better understand web content and provide accurate answers to user questions.',
      },
    },
    {
      name: 'What are the main features of the Nuxt AEO module?',
      acceptedAnswer: {
        text: 'The Nuxt AEO module supports AI model optimization, search engine optimization, and answer engine optimization through Schema.org JSON-LD. It also automatically generates semantic HTML to help LLM crawlers better understand content.',
      },
    },
    {
      name: 'How do I get started?',
      acceptedAnswer: {
        text: 'You can start using it immediately after installing the module. The simplest example is adding a Schema to an FAQ page. You can easily add question-answer structures using the useSchemaFaq() function.',
      },
    },
  ],
})
</script>

Question List

  • What is AEO?: A technique for optimizing structured data so that AI models and search engines can better understand web content
  • What are the main features of the Nuxt AEO module?: AI model optimization, search engine optimization, and automatic semantic HTML generation through Schema.org JSON-LD
  • How do I get started?: You can start immediately after installing the module by using the useSchemaFaq() function

Next Steps