Skip to main content
← πŸ“„ HTML & the platformΒ·Module A8 Β· Lesson 6
TaskBuild a blog post. <head>: title 'Why FastAPI in 2026 | CodeMentor', description, canonical, OG block (og:title, og:image, og:url, og:type='article'), JSON-LD Article (headline, author Anna (Person), datePublished '2026-05-20', image, publisher CodeMentor with logo). <body><main><article>: <h1>Why FastAPI in 2026</h1>, <address>By <a rel='author'>Anna</a></address>, <time datetime='2026-05-20'>May 20, 2026</time>, <p>opener paragraph</p>, <h2>The argument</h2>, <p>argument paragraph</p>, <h2>Conclusion</h2>, <p>closing paragraph</p>.

Capstone 6: blog post with full Article markup

250 XP18 min
Theory

What we're building

A complete blog post page. The kind of thing that appears in the Google "rich results" SERP with thumbnail + author + date.

Required:

  • <article> wrapper.
  • Title in <h1>.
  • Author in <address> linked to author profile.
  • Published date in <time datetime>.
  • Body with proper semantic headings (h2, h3 β€” no skips).
  • JSON-LD Article block matching the visible content.
  • Full SEO+OG block (canonical, og:image, etc).

If you've shipped a Substack post, you know what 80% of this looks like. The 20% no one does is the matching JSON-LD.

πŸ”’

Sign up to start coding

Theory is open to everyone. The interactive editor, live preview, and check are unlocked with a 7-day free trial β€” card required, cancel anytime.

Sign up β€” free trial β†’

First 10 lessons in each track are free. No card needed for those.

← PreviousNext lesson β†’

Get one Python or web tip a day β€” by email

Short, hand-written, no spam. Unsubscribe in one click.