An SEO check of the head
This is a tiny version of what SEO crawlers (and Hectal's own check:seo script) do for every page.
Search engines crawl, render and index pages before they rank them; developers control that with robots rules, canonical URLs, sitemaps, clean URLs, semantic HTML and hreflang for other languages.
Change the code and press Run (Ctrl+Enter). Predict what will happen first, then break it on purpose and read what changes. Your edits are saved and match the lesson page.
Ready for more? This phase has 6 hands-on exercises with automatic checks.
Practice questions
Write the code in the editor, run it, then open the model answer to compare.
Write a robots.txt for a shop that blocks /cart/ and /checkout/ for every crawler and points to its sitemap at https://bagbazaar.example/sitemap.xml.
Write the head tags for the French version of https://bagbazaar.example/fr/sacs on a site with English (/en/bags) and French pages, with English as the fallback.
Write a JavaScript snippet that logs every <a> on the page that has no href.
Explain it without notes
Describe crawling, rendering and indexing, and what can stop each one.
What's the difference between robots.txt and <meta name="robots" content="noindex">?
What is a canonical URL and when do you need one?
How does hreflang work, and what are its common mistakes?
Why is semantic HTML part of SEO?
Preview
Console
Nothing logged yet.Expected console output
robots: index, follow, max-image-preview:large
Indexable: true
canonical: https://ashaskitchen.example/en/pancakes
hreflang: [ 'en', 'hi', 'x-default' ]
hreflang includes this page: true