**`<title>`** must appear inside `<head>`, and every document should have exactly one. It's not rendered in the page body at all — instead it appears in the browser tab, in bookmarks/history, and (very importantly for SEO) as the big blue clickable link text in search engine results pages. A good title is unique per page, concise (roughly 50-60 characters so it isn't truncated in search results), and front-loads the most important keywords.
1Understanding <title>
`<title>` must appear inside <head>, and every document should have exactly one. It's not rendered in the page body at all — instead it appears in the browser tab, in bookmarks/history, and (very importantly for SEO) as the big blue clickable link text in search engine results pages. A good title is unique per page, concise (roughly 50-60 characters so it isn't truncated in search results), and front-loads the most important keywords.
If two different pages on your site share the exact same <title>, search engines have a harder time telling them apart, which can hurt how — or whether — each one ranks.
<head>
<title>Learn HTML — Free Interactive Tutorial | Code Syllabus</title>
</head>2Practical Example
Here is a real-world application of <title> showing how it is used in production HTML.
<!-- Updating the title dynamically with JavaScript -->
<script>
document.title = `Inbox (3) — Mail`;
</script>3Best Practices
Follow these guidelines when working with <title>:
1. Give every page a unique, descriptive <title>
2. Keep it roughly 50-60 characters so search engines don't truncate it
3. Put the most important keyword or brand info near the front of the title
Tip: If two different pages on your site share the exact same <title>, search engines have a harder time telling them apart, which can hurt how — or whether — each one ranks.
<head>
<title>Learn HTML — Free Interactive Tutorial | Code Syllabus</title>
</head>