SEO has plenty of variables you cannot control: backlinks, competitors, algorithm updates, brand authority, and what happens across the rest of the web. But there is a quieter part of SEO that is almost entirely in your hands, namely what you put into your own HTML. Three elements do much of the basic communication work, the <title>, the meta description, and the heading structure. They will not guarantee rankings, but they can make a page considerably easier for both search engines and people to understand.

The Part of SEO You Actually Control

Think of a search result as the cover of a book. The title identifies the book. The meta description can act like a short synopsis. The headings form the outline once the reader opens it.

These elements are related, but they do different jobs. The <title> belongs inside the document's <head> and gives the document its title. The meta description provides a short description that a search engine may use in its result snippet. Headings belong to the page content and express its structure.

That distinction matters because a page can look perfectly polished in a browser while still having a generic title, a duplicated description, or a confusing heading hierarchy underneath. Good on-page SEO starts by making sure the HTML says what the visible page actually means.

The simple model: the <title> identifies the page, the meta description summarizes its value, and headings organize its content. None of these elements is a substitute for the others.

The Title Tag: Identify the Page Clearly

The <title> element lives inside <head>. It is metadata, not a visible heading:

<head> <title>How to Write a Good SEO Title</title> </head>

It can appear in the browser tab, bookmarks and history, and it can provide the basis for the title shown in a search result. Google calls that search-result element the title link. The important point is that the HTML element and the final search presentation are not quite the same thing: you provide the signal, while the search engine decides how to display it.

Title and H1 are not the same thing

This is one of the most common sources of confusion. The <title> belongs in the <head>; the <h1> belongs in the visible document body. They can contain exactly the same words, and that is perfectly fine, but they serve different purposes.

For example, your title might be Technical SEO Guide | Example Site, while the visible H1 says Technical SEO: A Practical Guide. The wording does not have to be identical. What matters is that both clearly describe the same page and do not create a misleading disconnect between the search result and the content.

How to write a better title

Make it specific, concise and descriptive. Put the important concept early enough that the meaning remains clear if the displayed text is shortened. Give important pages unique titles so that users can distinguish them in search results, browser tabs and bookmarks.

There is no universal "perfect" character count. Search-result titles are constrained by the available display space, and that space is not simply a fixed number of characters. A string containing wide letters can occupy more room than one containing narrow letters.

Treat commonly repeated numbers such as "50 to 60 characters" as practical guidance rather than an HTML rule. The better rule is simpler: say what the page is about, put the essential information first, and remove unnecessary repetition.

Avoid keyword stuffing as well. A title such as SEO Guide, SEO Tips, SEO Tutorial, Best SEO Guide is not stronger because it contains more keywords. It is simply harder to read and less useful to the person deciding whether to click.

Google can rewrite your title

Even a carefully written title is not guaranteed to appear exactly as written. Google may generate a different title when it believes another part of the page better represents the document or the user's query.

That is not a reason to stop optimizing titles. It is a reason to make the original signal unambiguous: the title should accurately represent the page, align with the visible H1, and avoid boilerplate or unnecessary keyword repetition.

The Meta Description: A Pitch, Not a Ranking Factor

The meta description is another piece of metadata placed inside the <head>:

<meta name="description" content="A practical guide to writing titles and headings that make a page easier to understand and easier to choose.">

It does not appear as normal content on the page. Instead, a search engine may use it when creating the snippet beneath a result title. The word may matters: Google can choose text from the page itself when it believes that text better matches a particular search query.

It does not directly improve rankings

This is an important distinction because it prevents wasted effort: the meta description is not a direct Google ranking factor. Its value is primarily in communicating the page's value when the description is used in the search result.

Think of it as a compact piece of search-result copy. Your goal is not to impress an algorithm with a list of keywords. Your goal is to give a potential visitor a clear reason to choose your page.

Write for the click, not the ranking. A useful description explains what the visitor will find and why the page is relevant to their need. It should sound like a sentence, not like a keyword inventory.

How to write one

Summarize the actual value of the page. Be specific where useful: explain what the reader will learn, what problem the page solves, or what information it contains. Keep important information near the beginning because snippets can be shortened depending on the search context.

Make descriptions unique for important pages. A site-wide description such as "Welcome to our website. We provide quality products and services." tells a searcher almost nothing about the individual URL.

And again, do not obsess over an exact character limit. There is no magic length that guarantees your description will be displayed unchanged. Accuracy and usefulness matter more than hitting a particular number.

Heading Structure: Build a Useful Outline

HTML headings, from <h1> through <h6>, communicate the structure of a document. A typical article might look like this:

<h1>Technical SEO: A Practical Guide</h1> <h2>Crawling and Indexing</h2> <h3>How crawling works</h3> <h3>Common indexing problems</h3> <h2>Technical Performance</h2> <h3>Core Web Vitals</h3>

This hierarchy helps readers scan the article and gives assistive technologies a meaningful structure for navigation. It also gives search engines additional context about how the content is organized.

The important rule is semantic rather than visual: choose a heading level because of its place in the document, not because of how large it looks. If an H3 looks too large, change its CSS. Do not change it to H4 simply to make the text smaller.

Should a page have only one H1?

For most articles, using one clear <h1> is a sensible convention. It gives readers an obvious starting point and makes the document structure easy to understand.

But this should not be exaggerated into an SEO ranking rule. Google has stated that multiple H1 elements are not inherently a problem. Search performance does not depend on hitting a prescribed number of H1s.

The better principle is consistency: use headings to represent the real hierarchy of the content. One H1 followed by appropriately nested H2 and H3 elements is a simple pattern that works well for most editorial pages and is easy for humans and assistive technologies to follow.

HTML SIGNALS WHAT THEY DO WHERE THEY APPEAR <title> Technical SEO Guide </title> <meta content= "A practical guide to technical SEO…"> <h1> / <h2> Technical SEO <h2>Crawling</h2> <h2>Performance</h2> 1 Identify the document 2 Summarize its value 3 Structure the content SEARCH RESULT Technical SEO Guide A practical guide to technical SEO and website structure… PAGE CONTENT Technical SEO Crawling and indexing Section content… Technical performance Section content… You provide the signals; the search engine decides how to present them.
The <title> identifies the document, the meta description provides a candidate summary, and headings structure the visible content. Search engines may use these signals differently depending on the page and query.
◆ Try it yourself

Audit one of your pages in five minutes

Pick one published URL and inspect it directly in your browser. You do not need a specialized SEO platform for this first check.

  1. Find the <title>. Open the page source and search for <title>. Make sure it exists, is not empty, and describes that specific URL rather than the entire website.
  2. Find the meta description. Search for <meta name="description". Check whether it is present, useful and specific to the page. If the same sentence appears across dozens of URLs, it is probably worth fixing.
  3. Read the headings as an outline. Find the <h1>, <h2> and <h3> elements. Read only those headings in sequence. Can you understand the article's structure without reading the paragraphs?
  4. Compare the HTML with Google. Search for the page and compare the displayed title and snippet with the values you wrote. If Google shows different text, that does not automatically mean something is broken, since the search engine may have selected what it considers a better match for the query.

Repeat the check on two or three pages. Template problems become obvious quickly: duplicated titles, generic descriptions, missing H1s, or headings being used simply to control visual size.

What Good On-Page SEO Actually Buys You

On-page SEO is not about discovering a secret combination of tags that forces a page to rank. Its more useful role is to make the page's meaning unmistakable.

Give the document a clear <title>. Write a useful, page-specific description, knowing that Google may choose something else. Build the visible content around meaningful headings so that the document has an understandable hierarchy.

Then move on. You control the HTML you publish, but you do not control exactly how a search engine interprets or displays it. The goal is not to micromanage every possible search-result variation. The goal is to provide such clear signals that both people and machines can understand the page without having to guess.

A practical priority order: first make the page useful and accurate, then make its title clear, its description compelling, and its headings logically structured. These are simple changes, but they are also some of the easiest SEO improvements to verify and maintain.

Main References

  1. Google Search Central, Influencing your title links in Google Search, developers.google.com/search/docs/appearance/title-link
  2. Google Search Central, Control your snippets in search results, developers.google.com/search/docs/appearance/snippet
  3. Google Search Central, SEO Starter Guide, developers.google.com/search/docs/fundamentals/seo-starter-guide
  4. MDN Web Docs, <title>: The Document Title element, developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/title
  5. MDN Web Docs, <h1>–<h6>: The HTML Heading elements, developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements
← Previous article
← Back to all articles