VS Code Extension

MDX SEO Validator

Real-time SEO validation for MDX/Markdown files with live Google search preview. Built for developers working with content-driven Next.js, Astro, and Remix sites.

install_extension()view_source()
Free & Open Source
500+ installs
MDX SEO Validator showing live Google Search preview in VS Code with real-time title and description validation

SEO Intelligence in Your IDE

Get instant feedback without leaving VS Code

Live Google Preview

See exactly how your page will appear in Google search results as you type. Real-time preview with title, description, and breadcrumb.

Real-time Validation

Validates title length, meta descriptions, heading hierarchy, alt text, and more. Get instant feedback with color-coded progress bars.

Framework-Aware

Works with Next.js, Astro, and Remix. Validates rendered HTML from your dev server to see what Google actually sees.

How It Works

Three simple steps to better SEO

1

Install Extension

Install from VS Code Marketplace or Cursor extension store

2

Open MDX File

Open any .mdx or .md file in your content directory

3

Get Feedback

See live validation and Google preview in the sidebar

Screenshots

Live Google Search Preview

Live Google Search preview showing how MDX content appears in search results with title, description, and breadcrumb

SEO Validation Panel

SEO validation panel with color-coded progress bars for title length, meta description, heading hierarchy, and image alt text

Simple Configuration

Simple VS Code settings configuration for MDX SEO Validator with dev server port and framework options

What Gets Validated

Meta Tags
Title length (30-60 chars), description (150-160 chars), canonical URLs, Open Graph tags
Content Structure
Heading hierarchy (H1, H2, H3), word count, content quality indicators
Images
Alt text presence, image count, accessibility compliance
Links
Internal link count, external links, link structure

Built for Developers

Framework Support
Next.js App Router, Astro, Remix, and any framework using MDX
Rendered HTML Validation
Fetches from your dev server to validate actual output, not just source files
Frontmatter & Metadata
Works with both frontmatter and framework metadata exports
Performance
Vanilla HTML/CSS/JS webview for <100ms load time

Ready to optimize your content?

Install the extension and start validating your SEO in seconds

install_from_marketplace()view_on_github()

Part of the Rampify SEO ecosystem

explore_rampify()