JavaScript SEO

Short rooms that train one skill at a time: read a quick lesson, then answer questions to earn CTF points. Log in or join free to play.

• Easy25 min · 7 questions How Google Renders JavaScript Follow a page through crawling, rendering and indexing. Members only
• Easy25 min · 6 questions Crawlable Links and SPA Routing Make sure every route in your app is a real, followable URL. Members only
• Medium30 min · 7 questions Lazy-Loaded Content and Infinite Scroll Load content late for speed without hiding it from Google. Members only
• Medium30 min · 6 questions JS-Injected Titles, Robots and Canonicals Know which head tags JavaScript can safely change and which it cannot. Members only
• Hard40 min · 7 questions Blocked Resources and Soft 404s in Apps Debug JavaScript pages that render empty or never return a real 404. Members only

Full scenarios: you get a brief and your own practice website, optimise whole pages and watch them rank in a practice search results page. A lab passes only when your fix is really in place. Log in or join free to start one.

• Intermediate25 min · 15 coins Hash links and one title for every view A tuition centre's single-page app links with #/ fragments and gives every view the same title and canonical. Make each course page a real, linkable page. Members only
• Intermediate25 min · 15 coins Blocked scripts and a noindex that JavaScript removes An events site renders its listings with JavaScript, blocks its script folder in robots.txt and relies on a script to remove a noindex. Let Google render and index the pages. Members only
• Advanced55 min · 38 coins Capstone: the restaurant app Google sees as empty A single-page app with an empty first HTML, hash links, a blocked script folder, a noindex that JavaScript was meant to remove and a soft 404. Make it work for crawlers. Members only