html · level 3 · unit 4 · lesson 1
- meet it
- guess first
- your turn
- fix it
- nailed it
Tap a green word if you get lost.
meet it
Search engines read your title first, so make it count.
A finds pages for whatever people type. Its visits pages and follows their links to more pages. Everything it reads goes into the , a giant list it can search in a blink.
is the craft of helping search engines find, understand and show your pages. It starts with the <title>. Results show it as the big link, so it decides whether people click.
Give every page its own title. Put the important words first and the site's name last, like Lemon drizzle cake recipe | Bake Street. Keep it under about 60 characters, or results cut it short.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lemon drizzle cake recipe | Bake Street</title>
</head>
<body>
<h1>Lemon drizzle cake</h1>
<p>Ready in 50 minutes, and gone in five.</p>
</body>
</html> Press show my page to see it here.
The | is a common separator between the page and the site. A dash works as well.
guess first
What will search results show as this page's link?
Guess before you run it. Wrong guesses are how you learn, and nothing is marked.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Home</title>
</head>
<body>
<h1>Bake Street Bakery</h1>
<p>Sourdough, buns and birthday cakes in Leeds.</p>
</body>
</html>
your turn
Your turn. Write a title that wins the click.
Write a title for this recipe page on line 5: the recipe's name first, then | Bake Street. Keep it under 60 characters.
Press show my page to see it here.
- the site's name comes lastnot checked yet
- the recipe's name comes firstnot checked yet
- it fits in a search resultnot checked yet
fix it
Search results cut this title short. Can you fix it?
Press show my page to see it here.
- the recipe's name comes firstnot checked yet
- the title is under 60 charactersnot checked yet
- Results show about 60 characters. Which words would people see before the title is cut off?
- The important words, the recipe's name, should come first. Most of the rest can go.
- Change the title to
Cheese scones recipe | Bake Street, then press run.
nailed it
search engines can read you now. :D
- Crawlers follow links and fill the search engine's index.
- The
<title>becomes the link in search results. - Important words first, site name last, under 60 characters.
new words in your collection
- search engine
- crawler
- index
- SEO
This lesson isn’t saved. A free account remembers every lesson you finish.