html · level 3 check
a launch-ready landing page.
Time to launch Pocket Garden, a plant care app. Its landing page must load fast, look good in search results and when shared, and work for everyone, whatever they type into it.
Fill each `____`. The head needs a real description and a full URL for the share picture, and the structured data should say this is a `MobileApplication`. The hero loads first, the screenshot waits, the email box refuses empty or broken addresses, and the questions form an accordion called `faq`.
Run it, check every part against the launch checklist, then make it yours.
Fill in every ____ then run the checks.
Run the checks to see your page here.
- 1 The head is ready for search and phonesuses: metadata
- 2 It looks good when shareduses: Open Graph
- 3 Search engines know it is an appuses: structured data
- 4 Pictures load fast and keep their spaceuses: performance
- 5 The sign-up box refuses bad inputuses: forms
- 6 The outline and questions work with no scriptuses: widgets
Take as long as you like and try as many times as you want.
html · level 3 · expert
level up.
You passed every check and finished every level. You have the full set of faces.
- 28 lessons in this level
- 6 of 6 checks passed
This pass isn’t saved. A free account keeps your new face.