Students review the nearly complete homepage through the lens of search and relevance. Rather than adding another feature, they improve the words and HTML already on the page so its subject, purpose, and important content are clearer to both visitors and search engines.

Lesson Overview

  • Course: Introduction to Web Coding
  • Lesson: 11 of 12
  • Suggested duration: 60 minutes
  • Primary concept: Search Engine Optimization
  • Project milestone: Improve the homepage so its subject, purpose, and important content are easier to understand

Learning Objectives

By the end of the lesson, students should be able to:

  • Explain SEO as improving how clearly a page communicates its relevance to users and search engines.
  • Recognize page titles, headings, body content, links, and image alternative text as useful relevance signals.
  • Identify one or two phrases that accurately describe the subject of a page and use them naturally where they belong.
  • Improve clarity without repeating keywords unnaturally or weakening the writing.

Key Concepts and Vocabulary

  • Search engine optimization
  • Relevance
  • Keyword
  • Search intent
  • Page title
  • Meta description
  • Heading hierarchy
  • Link text
  • Alternative text

Materials and Resources

  • The student website from Lessons 1 through 10
  • A text editor and web browser
  • Several current search results and webpages selected by the instructor that clearly communicate their subject
  • Search Engine Optimization
  • Headings, Links, Images, and Attributes as needed for review

Prior Knowledge

Students should have a substantially complete homepage with meaningful content, headings, links, images, visual design, responsive layout, interaction feedback, and the Show More behavior from Lesson 10.

Opening Activity

Look at several search results and ask students what words make the subject of each result clear before they even open the page.

Then open the pages and look for the same ideas in the page title, main heading, section headings, body content, links, and images. Connect the observations to Search Engine Optimization: relevance is communicated through the page as a whole, not through one hidden trick or a repeated keyword.

Direct Instruction

Introduce SEO as the practice of improving a page so search engines can more accurately understand its subject and determine when it may be relevant to a searcher. Keep the focus on decisions students can make directly in the homepage they have already built.

  • The <title> should clearly describe the page.
  • The <h1> should reinforce the main subject or purpose of the page.
  • Section headings should accurately summarize the content that follows.
  • Important words and phrases should appear naturally in useful body content.
  • Link text should tell users something meaningful about where the link goes or what it does.
  • The alt attribute should describe useful image content when an image needs a text alternative.
  • A meta description can summarize the page for search results, although search engines may choose a different snippet.

Emphasize that the student’s first responsibility is still to the visitor. Search-friendly wording should also be clear, accurate, and useful to a person reading the page. Repeating the same phrase unnecessarily can make the content worse without making the page more relevant.

Demonstrate a small before-and-after example: a vague page title, heading, or link becomes more descriptive without becoming longer than necessary. Keep the lesson focused on clarity rather than turning it into keyword research or a technical SEO course.

Recommended AI Coding Educator Lessons

Applied Project

Students make a focused relevance pass on the homepage. They should improve existing content rather than add new sections or features this late in the project.

  1. Write down one or two natural phrases that best describe what the homepage is about.
  2. Review the <title> in the document <head> and make sure it clearly describes the page.
  3. Review the <h1> and confirm that it communicates the page’s main subject or purpose.
  4. Review section headings and replace vague wording with headings that describe the content more clearly.
  5. Read the body content and revise only places where the site’s subject, audience, or important ideas are unclear.
  6. Review link text and replace vague wording such as “click here” where a more descriptive phrase would help the visitor.
  7. Review each meaningful image and make sure its alt attribute is appropriate and useful.
  8. Add a short <meta name="description"> in the document <head> that accurately summarizes the homepage.
  9. Read the page again as a visitor and remove any edit that sounds forced, repetitive, or less clear than the original.

The goal is to make the homepage more precise and understandable without changing its established design or adding a large amount of new content. Lesson 12 will use the resulting page as the version students test and refine.

Check for Understanding

Students should be able to identify the main subject of their homepage and point to several places where that subject is communicated clearly and naturally.

Useful questions include:

  • What phrase best describes what this page is about?
  • Do the page title and main heading both make that subject clear?
  • Which section heading gives the weakest clue about the content below it?
  • What does this link tell the user before they click it?
  • Does this image need alternative text, and if so, what information should it communicate?
  • Would repeating this keyword again make the page clearer or only more repetitive?

Differentiation and Extensions

Support: Help students identify one primary phrase for the homepage, then review the page title, main heading, and one section heading together before they continue independently.

Extension: Have students write two page titles or two meta descriptions and compare which version communicates the page’s subject more clearly and naturally.

Lesson Outcome

Students finish the lesson with a homepage whose page title, headings, body content, links, image alternative text, and meta description communicate the subject and purpose more clearly without relying on repetitive keyword use.

Closure

Review the idea that good SEO is closely connected to clear content, meaningful structure, and relevance to a real audience. Preview that Lesson 12 will treat the homepage as a finished professional product and focus on finding, fixing, and verifying problems before the project is complete.

Teacher Reflection

  • Could students identify the central subject of their homepage in one or two concise phrases?
  • Were students able to improve titles, headings, links, and content without simply repeating keywords?
  • Did students understand that a meta description summarizes the page but does not guarantee the exact text shown in search results?
  • Is the page now stable enough in content and structure for the final QA pass in Lesson 12?