Give the page a clear identity before the visible page loads.
How does the head tell browsers and search engines what a page is about?
The
<title>
names the page, and the
meta description
summarizes the page for search results, previews, bookmarks, and tools that read the page.
The
<head>
is not the visible page. It is the setup area. It tells browsers, search engines, social platforms, and other tools how to understand the page.
The first job of the head is page identity. Before a visitor reads the body, the browser already needs a page title. Search engines also need a short explanation of what the page contains.
A weak title like "Home" does not explain much. A clear title tells both people and software what the page is about.
The description should be honest and specific. It is not a place to stuff keywords. It should describe the page in normal human language.
Basic page identity in the head
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jit HEAD - Learn The HTML Head</title>
<meta
name="description"
content="Learn how the HTML head controls page identity, search previews, sharing, mobile setup, icons, and indexing.">
</head>
<title>
sets the title shown in the browser tab, bookmarks, history, and often search results.
A good title is specific. It should name the page, not just the site.
<meta name="description">
adds a short page summary.
The
content
attribute holds the actual description text.
The title and description should match the visible page. Do not promise something the page does not deliver.
Browser identity
The browser tab needs a clear title so users know which page is open.
Search preview
Search engines may use the title and description when showing your page.
Sharing
Many preview tools use this information when no special social tags exist.
Trust
Clear page identity helps visitors understand where they are.
Weak page identity
<title>Home</title>
<meta name="description" content="best page best course best learn html head html head html">
Clear page identity
<title>Jit HEAD - Learn The HTML Head</title>
<meta
name="description"
content="Learn how the HTML head controls page identity, search previews, sharing, mobile setup, icons, and indexing.">
Ask ChatGPT: "Does this title and description clearly explain this specific page without keyword stuffing?" Then compare the answer to the real page content.
Create a page with a real
<head>
section.
Add a specific
<title>.
Add one
meta description.
Open the page and check the browser tab.
Read the description by itself and decide whether it honestly describes the page.
Using the same title on every page.
Writing a description full of repeated keywords.
Making the title too vague.
Making the description promise content that is not on the page.
Forgetting that the head describes the page before the body is read.
Write a useful page title and description that clearly identify a page for browsers, search engines, previews, and people.
