Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Business SEO Basics Better SEO Through Code Title Tag and Meta Description

Please help!

Why doesn't this work?

index.html
<html>
<head>
    <meta charset="utf-8">
  <meta name="description" content="Shirts and hats for fans of Star Wars."/>
</head>
  <title>Star Wars Merchandise</title>
<body>
    <p>Star Wars Merchandise</p>
    <p>Boba Fett Shirts</p>
    <p>Available in white; sizes S-M-L-XL</p>
    <p>Darth Maul Hat</p>
    <p>Available in black or white at <a href="http://hats.com">Hats.com</a></p>
</body>
</html>

This is my code.

<html>
<head>
    <meta charset="utf-8" name="description" content="Shirts and hats for fans of Star Wars."/>
  <title>Star Wars Merchandise</title>
</head>
<body>
    <p>Star Wars Merchandise</p>
    <p>Boba Fett Shirts</p>
    <p>Available in white; sizes S-M-L-XL</p>
    <p>Darth Maul Hat</p>
    <p>Available in black or white at <a href="http://hats.com">Hats.com</a></p>
</body>
</html>

1 Answer

nulled
nulled
1,890 Points

The title tag goes within the head tag above the meta tags. Such as:

<html>
<head>
    <title>Star Wars Merchandise</title>
    <meta charset="utf-8">
    <meta name="description" content="Shirts and hats for fans of Star Wars."/>
</head>
<body>
    <p>Star Wars Merchandise</p>
    <p>Boba Fett Shirts</p>
    <p>Available in white; sizes S-M-L-XL</p>
    <p>Darth Maul Hat</p>
    <p>Available in black or white at <a href="http://hats.com">Hats.com</a></p>
</body>
</html> 

This is my code.

<html>
<head>
    <meta charset="utf-8" name="description" content="Shirts and hats for fans of Star Wars."/>
  <title>Star Wars Merchandise</title>
</head>
<body>
    <p>Star Wars Merchandise</p>
    <p>Boba Fett Shirts</p>
    <p>Available in white; sizes S-M-L-XL</p>
    <p>Darth Maul Hat</p>
    <p>Available in black or white at <a href="http://hats.com">Hats.com</a></p>
</body>
</html>