What is Technical SEO?
The Short Version
Technical SEO helps search engines discover, render, and index your public pages. AI answer engines like ChatGPT, Gemini, and Perplexity now sit alongside classic search results as a source of traffic, and your content needs to be machine-readable for both.
A page that depends on JavaScript needs a crawler capable of rendering it. Check the initial and rendered HTML.
What Technical SEO Covers
| Area | What It Does | Nuxt SEO Module |
|---|---|---|
| Discovery | Tells search engines and AI agents which pages to access | Robots |
| Structure | Lists URLs to help crawlers discover those pages | Sitemap |
| Identity | Shares your site URL, name, and description across modules | Site Config |
| Semantics | Describes page entities and supports eligible rich results | Schema.org |
| Health | Catches broken links before they become a crawl signal problem | Link Checker |
| Visuals | Provides images for social link previews | OG Image |
Why It Matters
Broken links and inaccessible content can prevent crawlers from reaching your pages. Server-rendered HTML makes public content available without JavaScript execution. Each crawler has its own access rules and rendering support.
Nuxt's hybrid rendering (SSR, SSG, ISR) adds another layer: you need a consistent SEO strategy across rendering modes, not just one page that happens to work. Core Web Vitals, especially INP, factor in too. Google recommends good Core Web Vitals for page experience. Good scores do not guarantee rankings. Poor interactivity still costs you real users even when it doesn't cost you rank.
What Nuxt SEO Does
Instead of configuring each concern separately:
// Without Nuxt SEO - scattered configuration
// robots.txt - manual file
// sitemap - separate package
// meta tags - per-page useHead calls
// schema.org - manual JSON-LD
// og images - external service or manual creationNuxt SEO handles it in one install:
export default defineNuxtConfig({
modules: ['@nuxtjs/seo'],
site: {
url: 'https://example.com',
name: 'My Site',
description: 'The definitive guide to Technical SEO.'
}
})This gives you:
- Unified site config: all modules share the same brand and environment data
- AI crawler controls: configure robots rules for supported user-agent groups
- OG images: generated previews, with deployment requirements that depend on your renderer
- Smart sitemaps: automatic route discovery
Do You Need This?
Yes, if:
- You're launching a production Nuxt application
- You don't want to manually maintain SEO plumbing
Quick Wins
- Set your site URL: essential for absolute URLs in your sitemap and social tags
- Audit for AI: use
robots.txtto manage AI crawler access - Use Schema.org: don't rely on crawlers guessing your content, define it explicitly
- Fix broken links: use Link Checker to maintain technical health
Start Here
- SEO Checklist: Complete pre-launch, post-launch, and ongoing monitoring checklist
- Single Page Application (SPA) SEO: The framework-agnostic guide to JS-heavy apps
- Pre-Launch Warmup: Prepare a crawlable site before you ship
- Backlinks & Authority: Developer-friendly strategies for earning links
Published a page or deployed an SEO fix? Google Search timelines explains discovery, crawling, indexing, and when search results can reflect the change.
Framework Guides
- Nuxt SEO Guide: Full learning path for Nuxt developers
- Vue SEO Guide: Full learning path for Vue developers
- Install Nuxt SEO: Get started in 2 minutes
Pre-launch setup, post-launch verification, and ongoing monitoring. Interactive checklist with links to every guide.