VIDEO
HIGHLIGHT
Log InSign up
I Built a 99% SEO Website in 12 Minutes (Claude Code + Astro)
SummaryTranscriptChat

I Built a 99% SEO Website in 12 Minutes (Claude Code + Astro)

How to Build SEO-Optimized Websites Quickly

Introduction to the Framework

  • The speaker introduces a method for building nearly SEO-perfect websites in minutes using a professional framework. They highlight the impressive speed and technical SEO components of the showcased website.

Overview of Tools Used

  • The process involves using Astro, Claude Code, and Cloudflare. Astro is described as a new web framework ideal for content-driven sites, particularly effective for SEO purposes.
  • Claude Code is noted for its intelligence in generating templates without deviating from the intended design, making it preferable over other platforms like lovable.dev and bolt.ai.
  • Cloudflare is chosen for its free hosting capabilities and seamless integration with Claude Code, allowing direct publishing from local builds.

Project Setup

  • The project aims to recreate an existing website (Texas Plumbing Solutions) that currently ranks poorly on Google despite having existing content. This presents an opportunity for improvement through better design and optimization strategies.
  • The speaker begins by creating a new folder on their desktop to house the project files and opens a terminal to start working with Claude Code. They emphasize the benefits of using command-line tools for greater flexibility in development.

Building Process

  • A specific prompt is given to Claude Code that includes instructions on how to build the site with Astro, ensuring it understands the context of what needs rebuilding while planning out phases of development effectively.
  • The building process consists of several phases: scaffolding the project, configuring files, laying out core components, creating templates, and generating blog content along with images optimized via WEBP format for better performance in terms of size without sacrificing quality.

Local Testing and Review

  • After completing initial setups, suggestions are provided by Claude Code on running commands locally to preview changes before pushing them live or onto staging sites; this allows testing without immediate deployment risks.
  • Upon reviewing the first version of the rebuilt site, improvements are noted such as enhanced service area visibility and more engaging calls-to-action compared to the original site’s outdated presentation style. This indicates significant progress towards achieving better user engagement through design enhancements.

Website Optimization and Development Insights

Schema Implementation for SEO

  • The speaker discusses the importance of structured data, mentioning various schemas like service schema, breadcrumb schema, and FAQ schema to enhance content specificity and avoid duplication.

Enhancing User Experience

  • Suggestions are made to improve the homepage by adding a review strip above the services section to build credibility and user engagement.

Speed Optimization Techniques

  • Emphasis is placed on uploading the site to a staging environment for speed optimization, ensuring images are not heavy and checking file formats like WEBP.

Adding Interactive Elements

  • The speaker proposes adding a "How We Work" section with interactive elements below plumbing services to differentiate from competitors and enhance user engagement.

Cloudflare Integration for Deployment

  • Instructions are provided on pushing the website to a Cloudflare instance for live viewing, highlighting ease of integration once connected properly.

Performance Testing Results

  • The speaker conducts performance tests using GTMetrics and Google PageSpeed results, noting that desktop loading speeds are excellent while mobile may need improvements.

Local Business SEO Strategies

  • Discussion includes local business schemas that help in ranking high in search engines; minor non-critical issues were found but overall performance was strong.

Building Professional Websites Quickly

  • The process of creating a professional website is described as quick (under 15 minutes), emphasizing its potential for high rankings in search engines.

Advanced Tools for Website Creation

  • A GitHub repository is mentioned that contains an agent plugin designed to automate website creation with best practices, capable of generating extensive pages efficiently.
Video description

I built a complete, SEO-optimized local business website in under 15 minutes using Claude Code, Astro, and Cloudflare — and it scored 98% on PageSpeed Insights. This isn't bolt.dev or lovable.dev. This is a proper framework-based build that actually ranks... RESOURCES: - Prompt used : https://docs.google.com/document/d/1acH5YldQPOJ7s9KbkbCj-gwA7S3hgG2npNyZ87qI67Q/edit?usp=sharing - GitHub Repo : https://www.skool.com/ai-ranking/classroom/8e4415ae?md=0718afa0f94a470f9a6c1708ece316f6 TIMESTAMPS 0:00 - Intro: what we're building and why 0:28 - Why Astro beats every other builder for SEO 1:35 - The project: rebuilding a real page 2 website 2:50 - The prompt and Claude Code build process 5:00 - First look at the finished site 8:25 - Deploying live to Cloudflare Pages 10:04 - PageSpeed, GTmetrix and schema results 11:52 - The full local business builder agent (community bonus)