About This Project
A technical SEO lab, not a portfolio — built to be tested, broken, and inspected.
Why this site exists
Most technical SEO advice is explained in the abstract: "add a canonical tag," "fix your robots.txt," "improve your Core Web Vitals." This site exists to make those instructions concrete by building the same small website twice — once by hand in plain HTML, CSS and vanilla JavaScript, and once in WordPress — and comparing exactly how each concept is implemented in each environment.
Two builds, one set of concepts
The coded build gives full control over every line of markup, every HTTP header, and every byte sent to the browser. The WordPress build shows how the same outcomes are reached through settings, themes, and plugins like Rank Math and LiteSpeed Cache — and where that convenience trades away some control.
In WordPress, a page like this one would live under Pages → Add New, with its slug, title and meta description controlled from the block editor and an SEO plugin's meta box.
Ten parts, built in order
This project is being built in ten parts. Part 1 lays the foundation: real pages, real navigation, a working design system, and the accessibility and performance baseline everything else builds on. Later parts add sitemap and robots.txt strategy, structured data, Core Web Vitals tuning, security headers, and the parallel WordPress build.
What "real" means here
Every navigation link on this site opens an actual URL. There is no single-page app pretending to be a multi-page site, no hidden text, no fake reviews, and no thin pages padded out to look finished. Where something genuinely isn't built yet, it's labeled "planned" instead of faked.