A Guide To Implementing SEO Using Codex
In this video you'll learn how to implement professional-grade SEO with Codex — using one Codex prompt, the SEO Specialist skill, and then verify everything manually with Lighthouse.
What this module covers:
▸ What SEO actually is — broken down across four dimensions: Technical SEO, On-Page SEO, Page Speed, and Structured Data
▸ Why a technically perfect hotel website can still sit on page 47 of Google — and exactly what fixes that
▸ Enabling the SEO Specialist skill in Codex and firing one implementation prompt that handles everything
▸ Installing and configuring react-helmet-async for dynamic meta tag management in React
▸ Unique titles, meta descriptions, canonical URLs, and Open Graph tags on every public page
▸ Dynamic metadata on room detail pages — each of the 20 rooms gets its own accurate title and description pulled from the API
▸ schema.org structured data — Hotel JSON-LD on the homepage, HotelRoom JSON-LD on each room page (the setup that can trigger rich results directly in Google search)
▸ Creating robots.txt — allowing public pages, blocking /admin, /dashboard, /api, and the booking flow steps
▸ Generating sitemap.xml — homepage, rooms listing, all 20 individual room pages, with correct priority and changefreq values
▸ Core Web Vitals — LCP, CLS, and INP explained and fixed: hero image loading priority, explicit image dimensions, React.lazy code splitting, font-display swap
▸ Hard refresh explained properly — the difference between a normal refresh, hard refresh, and empty cache, with every keyboard shortcut
▸ Running Lighthouse — how to read the four scores, what red items mean, and how to feed failing audits back to Codex
▸ The 11-item manual SEO checklist — including the DevTools Console command that catches every missing image alt tag in one line