SEO Resources for Vibe Coded Websites
Essential SEO playbooks, rendering fixes, and optimisation prompts designed specifically for vibe-coded apps and AI-generated websites. Master client-side rendering, indexing pipelines, and technical performance.
[Open Graph Protocol Specification (ogp.me)]
The standard specification defining custom properties required for social preview cards (Twitter/X, LinkedIn, Discord).
[Google Rich Results Gallery]
Technical specifications detailing exact field requirements for Google to parse JSON-LD or Microdata into search SERP features.
[Schema.org Official Specification]
The vocabulary standard for JSON-LD structured data (Articles, Products, Organizations, FAQs, WebApps).
[MDN Web Docs – HTML & Metadata]
Mozilla's definitive technical specification on HTML elements (, , , ), character encodings, and viewport directives.
[web.dev – Core Web Vitals Reference]
Technical documentation from Google explaining how to measure, debug, and optimize Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS).
[Google Search Central – JavaScript SEO Basics]
Google’s technical blueprint explaining the 3-stage pipeline: Crawling, Rendering (via headless Chromium), and Indexing.
[Remix / React Router v7 Docs – meta Function]
Explains how Remix handles route-level meta definitions, HTTP headers, and parallel data fetching without blocking head tag execution.
[SvelteKit Docs – SEO Options]
Official SvelteKit reference for setting prerender or ssr flags per route and dynamically updating document head elements during server loads.
[Astro Guides – SEO & Metadata]
Official Astro documentation detailing static site rendering, zero-JS HTML defaults, RSS feed setup, and the official @astrojs/sitemap integration.
[Nuxt SEO Docs (nuxtseo.com)]
The official hub for the Nuxt 3 SEO ecosystem. Covers @nuxtjs/seo, automatic dynamic Open Graph image generation (nuxt-og-image), runtime site config, and @nuxtjs/sitemap.
[Next.js Documentation – Metadata API]
The canonical reference for Next.js (App Router). Focuses on dynamic tags (generateMetadata), metadataBase resolution, static file conventions (sitemap.ts, robots.ts), and Open Graph setup.