Page Titles & Meta Descriptions: SEO Basics

Two elements in <head> have the most direct impact on how your site appears in search results and how users identify your pages: <title> and <meta name="description">. Both are simple. Both are frequently done poorly.

The `<title>` element

<title> sets the text that appears in the browser tab, search engine results, and bookmarks.

<title>Tours — Summit Trail Outfitters</title>

Where `<title>` appears

Browser tab — the text the user sees when your page is open
Search results — the blue clickable link in a Google result
Bookmarks — the default name when a user bookmarks the page
Screen readers — announced when the page loads

Writing effective titles

Poor	Better
`Page`	`Tours — Summit Trail Outfitters`
`Home`	`Summit Trail Outfitters — Guided Hiking Adventures`
`Blog`	`Trail Blog — Tips, Guides & Gear Reviews`
`Contact Us`	`Contact Summit Trail Outfitters`

Rules for good titles:

Be specific. Describe the page, not just its type.
Be unique. Every page must have a different title. Duplicate titles confuse users and search engines.
Include the site name. Especially on inner pages — users who arrive from search may not know what site they are on.
Keep it under ~60 characters. Search engines truncate longer titles in results.

The title pattern for multi-page sites

A common convention is Page Name — Site Name:

<!-- Homepage — site name leads -->
<title>Summit Trail Outfitters — Guided Hiking Tours in the Pacific Northwest</title>

<!-- Inner pages — page name leads -->
<title>Tours — Summit Trail Outfitters</title>
<title>Pine Ridge Loop Trail — Summit Trail Outfitters</title>
<title>About Us — Summit Trail Outfitters</title>
<title>Contact — Summit Trail Outfitters</title>

The homepage leads with the site name because it is the brand landing point. Inner pages lead with the page name because that is what the user is looking for.

`<meta name="description">`

The meta description is a short summary of the page content. Search engines often use it as the excerpt shown below the title in search results.

<meta name="description" content="Explore guided hiking tours in the Pacific Northwest with Summit Trail Outfitters. Small groups, expert guides, and unforgettable trails.">

Where the description appears

Search result snippets — the text below the title link (search engines may choose different text, but this is the hint you provide)
Social media previews — when the page is shared (if no Open Graph description is set)
Browser features — some browsers surface it in history or tab previews

Writing effective descriptions

Poor	Better
`This is the tours page.`	`Browse day hikes and full-day adventures led by certified guides across the Pacific Northwest.`
`Contact us here.`	`Get in touch with Summit Trail Outfitters to book a tour or ask about upcoming trips.`

Rules for good descriptions:

Summarize the page’s purpose in one or two sentences.
Write for the user, not the algorithm. It is the text that may convince someone to click.
Keep it under ~155 characters. Longer descriptions get truncated in search results.
Make it unique across pages — do not copy the same description everywhere.

Titles and descriptions for the Summit Trail Outfitters site

Here is what the <head> of each STO page should include:

index.html

<title>Summit Trail Outfitters — Guided Hiking Tours in the Pacific Northwest</title>
<meta name="description" content="Summit Trail Outfitters leads small-group guided hiking tours through the most spectacular trails in the Pacific Northwest. Book your adventure today.">

tours.html

<title>Tours — Summit Trail Outfitters</title>
<meta name="description" content="Browse day hikes and full-day adventures guided by certified wilderness professionals. Tours available for all fitness levels.">

about.html

<title>About — Summit Trail Outfitters</title>
<meta name="description" content="Founded in 2012, Summit Trail Outfitters is committed to safe, sustainable, and unforgettable outdoor adventure in the Pacific Northwest.">

blog-article.html

<title>How to Choose the Right Hiking Boot — Summit Trail Outfitters Blog</title>
<meta name="description" content="Cut, sole, waterproofing, and fit — our guide to choosing a hiking boot that will keep you comfortable on any trail.">

contact.html

<title>Contact — Summit Trail Outfitters</title>
<meta name="description" content="Questions about a tour or ready to book? Contact Summit Trail Outfitters by form, email, or phone.">

SEO is structure and clarity

Search engine optimization at the HTML level is not about tricks or keyword stuffing. It is about making your pages clear and honest:

A descriptive title tells users and search engines what the page is about.
A good description helps users decide whether to click.
Unique, accurate metadata across pages prevents confusion.

The rest of SEO — backlinks, site speed, content quality — is beyond the scope of HTML. But the foundation starts here, in <head>.

Exercise

Open your Summit Trail Outfitters folder. Update the <head> of two pages:

tours.html — add a specific <title> and <meta name="description">
contact.html — add a specific <title> and <meta name="description">

Use the examples from this lesson as a starting point. Adjust the description to match what is actually on your version of each page.

After updating, open the files in your browser. Check the browser tab — it should show the page title, not a generic filename.

Recap

<title> is required and unique per page. It appears in the browser tab, search results, and bookmarks.
Inner pages should lead with the page name; the homepage can lead with the site name.
<meta name="description"> provides a summary for search results and social previews.
Keep titles under ~60 characters and descriptions under ~155 characters.
Write both for humans, not algorithms. Clear and honest beats clever and keyword-stuffed.