Write a title and a description – HTML Practice

Give a page a proper search listing.

What to build

A head with a real title and description.

Requirements

The title contains Mina's Bakery and is between 20 and 60 characters long.
A description meta whose content is between 50 and 160 characters long.

Constraints

Keep the doctype and the body as they are.

Example

<meta name="description" content="Fresh bread baked every morning in Dhaka.">

Why it works

Search engines usually show the title as the headline, and they may show the description underneath it.

Hints

Hint 1

The title element goes in the head.

Hint 2

A description is a meta element with name and content.

Solution

Show one correct solution (try it yourself first)

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Fresh bread daily | Mina's Bakery</title>
  <meta name="description" content="Bread baked every morning in Dhaka. Order before 10 for delivery the same day.">
</head>
<body>
  <h1>Mina's Bakery</h1>
</body>
</html>

Lesson: The head: titles, search results and sharing →