On-Page SEO Tags: Complete List & Examples

On-page SEO tags are the HTML elements that tell search engines and readers what a page is about. The core set includes the title tag, meta description, heading tags (H1–H6), image alt attributes, the canonical tag, meta robots directives, Open Graph/social tags, and structured data. Some of these tags influence how you rank; others shape how your page looks and how many people click. This guide defines each one, shows a full working example, and—unlike a static reference list—walks you through how to audit any live page for broken, missing, or duplicate tags in one click.

What Are On-Page SEO Tags? (Quick Answer)

On-page SEO tags are pieces of HTML that describe your content to search engines and browsers. Some sit in the <head> of your document (title, meta description, canonical, robots, Open Graph), while others live in the visible <body> (headings, image alt attributes, structured data).

Google Search Central frames meta tags as HTML tags that provide additional information about a page to search engines and other clients. In other words, they don't replace good content—they help machines interpret it.

It helps to split these tags into two jobs:

Tags that affect ranking and understanding: title tag, heading tags, alt attributes, canonical, robots, and structured data all help search engines understand, index, and rank your content.
Tags that affect appearance and click-through: the meta description and Open Graph/Twitter tags rarely move rankings directly, but they influence whether someone clicks your result or shares your link.

Get both groups right and you win twice: better comprehension by search engines and better click-through from humans.

The Essential On-Page SEO Tags List

Here is a scannable reference to the tags that matter most, where each one lives in your HTML, and how much SEO weight it carries. The ordering reflects what the top-ranking guides (Link-Assistant's 15 tags, Search Engine Journal's 14 tags) consistently rank as most impactful. If you want to go deeper on placement, our guide to on-page SEO keywords covers the eight spots each keyword belongs.

Tag	Where it lives	Primary purpose	SEO weight
Title tag	`<head>`	Names the page for search engines and SERP titles	High
Meta description	`<head>`	Summarizes the page in the SERP snippet	Indirect (CTR)
Heading tags (H1–H6)	`<body>`	Structures content and signals topic hierarchy	High
Image alt attribute	`<body>`	Describes images for accessibility and image search	Medium
Canonical tag	`<head>`	Declares the preferred URL for duplicate content	High (technical)
Meta robots	`<head>`	Controls indexing and link following	High (technical)
Open Graph / Twitter	`<head>`	Controls how links appear when shared socially	Indirect (social CTR)
Structured data / schema	`<head>` or `<body>`	Enables rich results and richer machine understanding	Medium–High

Title Tag

The title tag is one of the most important on-page SEO elements. It quickly summarizes your page's content to both search engines and users, and it usually appears as the clickable headline in search results.

Best practices:

Keep it to roughly 50–60 characters so it doesn't get truncated in the SERP.
Place your primary keyword near the front.
Write a unique title for every page—duplicates confuse search engines and dilute relevance.
Make it descriptive and compelling; it doubles as your ad copy in search.

Example markup:

<title>On-Page SEO Tags: The Complete List & How to Audit Them</title>

Meta Description Tag

The meta description doesn't directly influence rankings, but it heavily influences click-through. It's the snippet of text that appears under your title in the SERP, so treat it like sales copy.

Aim for around 155–160 characters before Google truncates it.
Include your target keyword naturally—matched terms are often bolded in the results.
Write a compelling, action-oriented summary of what the page delivers.

Note that Google frequently rewrites descriptions when it thinks a different snippet better matches the query. A strong description still gives you the best shot at controlling the message.

<meta name="description" content="A complete list of on-page SEO tags with examples, plus how to audit any live page for missing or broken tags in one click.">

Heading Tags (H1–H6)

Heading tags structure your content for readers, search engines, and increasingly for AI search systems that parse page hierarchy to extract answers.

How to use H1, H2, and H3 tags for SEO:

Use one H1 per page—it's the main title of the content, and multiple H1s can blur your topic signal.
Use H2s for major sections and H3s for subsections, keeping a logical, nested hierarchy (don't skip from H2 to H4).
Include relevant keywords in headings where they fit naturally, but never stuff them—headings are meant to guide readers first.

Think of your headings as an outline. If someone reads only the headings, they should understand the shape of the page.

<h1>On-Page SEO Tags</h1>
  <h2>The Essential Tags List</h2>
    <h3>Title Tag</h3>
    <h3>Meta Description</h3>

Image Alt Attribute

The alt attribute describes what an image shows. It serves two purposes: accessibility (screen readers read it aloud) and image SEO (search engines use it to understand and rank images).

Write descriptive, specific phrasing—"golden retriever puppy on a beach" beats "dog."
Avoid keyword stuffing; alt text crammed with keywords helps neither users nor rankings.
Leave alt empty (alt="") only for purely decorative images.

ParadoxLabs pairs alt tags with title tags and meta descriptions as the core trio of on-page basics—get all three right on every important page.

<img src="seo-audit.png" alt="Argus Chrome extension showing an on-page SEO tag audit">

Canonical Tag

The rel="canonical" tag tells search engines which URL is the primary version of a page. It controls duplicate content and consolidates link equity onto one URL when the same content is reachable via multiple addresses.

<link rel="canonical" href="https://example.com/on-page-seo-tags">

Common mistakes to avoid:

Pointing the canonical to the wrong URL (e.g., a homepage or an unrelated page), which can deindex the real content.
Forgetting the self-referencing canonical on the primary page.
Canonicalizing to a URL that itself redirects or returns an error.

Meta Robots Tag

The meta robots tag controls how search engines crawl and index a page. Google documents it among the special tags it supports.

index / noindex: whether the page can appear in search results.
follow / nofollow: whether search engines should follow the links on the page.

<meta name="robots" content="index, follow">

Use noindex deliberately for thin, private, or duplicate pages—an accidental noindex on a key page silently removes it from search.

Open Graph & Social Meta Tags

Open Graph (OG) tags and Twitter cards control how your page looks when shared on social platforms—the title, description, and preview image. They're not ranking factors, but they influence social click-through and how professional your links appear.

<meta property="og:title" content="On-Page SEO Tags: The Complete List">
<meta property="og:description" content="Every core SEO tag, with examples and a one-click audit workflow.">
<meta property="og:image" content="https://example.com/cover.png">
<meta name="twitter:card" content="summary_large_image">

Structured Data / Schema Markup

Structured data (usually schema.org markup in JSON-LD) is a tag type that describes your content in a machine-readable format—articles, products, FAQs, reviews, and more. It can unlock rich results like star ratings and FAQ accordions in the SERP.

Schema also helps AI-driven search understand and surface your content. With AI Overviews appearing for queries like this one, clean structured data gives your page a better chance of being cited in those generated answers.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "On-Page SEO Tags: The Complete List"
}
</script>

On-Page SEO Tags Example: A Fully Optimized Page

What is an example of on-page SEO? On-page SEO is any optimization you make directly on a page—writing a keyword-rich title tag, structuring content with headings, adding descriptive alt text, and setting a canonical URL. Here's what all the core tags look like working together on a single hypothetical page:

<head>
  <title>On-Page SEO Tags: The Complete List & How to Audit Them</title>
  <meta name="description" content="Every core on-page SEO tag explained, with a full example and a one-click audit workflow.">
  <link rel="canonical" href="https://example.com/on-page-seo-tags">
  <meta name="robots" content="index, follow">
  <meta property="og:title" content="On-Page SEO Tags: The Complete List">
  <meta property="og:image" content="https://example.com/cover.png">
  <meta name="twitter:card" content="summary_large_image">
  <script type="application/ld+json">{ "@context":"https://schema.org", "@type":"Article" }</script>
</head>
<body>
  <h1>On-Page SEO Tags</h1>
  <h2>The Essential Tags List</h2>
  <img src="tags.png" alt="Annotated HTML head showing core on-page SEO tags">
</body>

Notice how each tag has one clear job: the title and description win the click, the canonical and robots tags control indexing, the headings structure the topic, the alt attribute describes the image, and the schema helps machines classify the page. For more worked cases, see these on-page SEO examples with before-and-after optimizations.

How to Audit Your On-Page Tags in One Click

A reference list only helps if you can check whether a real page actually follows it. That's where most guides stop—and where the real work begins. Manually, you'd open a page's source code, hunt through the <head>, count the H1s, and inspect every image's alt attribute. That's slow and error-prone across dozens of pages. A structured step-by-step on-page SEO audit keeps you from missing anything.

Here's what a fast on-page SEO checker should surface on any live page:

Missing or truncated title tags—pages with no title, or titles too long to display fully in the SERP.
Missing or over-length meta descriptions—so you know which pages will get a Google-generated snippet.
Multiple or missing H1 tags—a common structural error that muddies your topic signal.
Missing image alt text—images that hurt accessibility and forfeit image-search visibility.
Broken or misconfigured canonicals—canonicals pointing to the wrong URL or a redirecting page.
Accidental noindex—the single most damaging tag mistake, easy to miss in raw source.

This is exactly the workflow Argus, Pixelesq's AI-powered Chrome extension, is built for. Instead of digging through source code, you open the page and get a one-click SEO audit: Argus reads your on-page tags, flags what's missing or broken, and layers AI insights on top so you understand not just what's wrong but how to fix it. It's one of the reasons Argus ranks among the best Chrome SEO extensions for fast checks.

For a content strategist checking a draft, a marketer spot-checking a campaign landing page, or a junior developer learning what "good" looks like, that turns a static checklist into a repeatable audit you can run on any URL in seconds. Install Argus and run your first tag audit on a live page.

Common On-Page Tag Mistakes to Avoid

Use this as an audit checklist. These are the errors that show up most often across real sites:

Duplicate title tags: multiple pages sharing the same title compete with each other and confuse search engines about which to rank.
Missing meta descriptions: leaving them blank hands full control of your snippet to Google.
Missing or multiple H1s: every page needs exactly one clear H1.
Keyword-stuffed tags: cramming keywords into titles, headings, or alt text reads as spam to both users and algorithms.
Empty alt attributes on meaningful images: a lost opportunity for accessibility and image SEO.
Misconfigured canonicals: pointing to the wrong URL can deindex your best content.
Accidental noindex: a leftover staging directive that quietly keeps a page out of search.

Run through this list—or let a one-click audit run it for you—before you publish any important page. A full on-page SEO checklist ties these checks into a repeatable routine.

The 80/20 of On-Page Tags: What to Prioritize

What is the 80/20 rule in SEO? It's the idea that roughly 80% of your results come from about 20% of your efforts. Applied to on-page tags, a small handful of elements drive most of your ranking and click-through impact—so beginners should focus there before worrying about the rest.

Prioritize these four:

Title tag: your single biggest lever for both relevance and click-through.
H1 and heading structure: tells search engines and readers what the page covers and how it's organized.
Meta description: shapes how many searchers actually click your result.
Image alt text: quick to fix, and it supports accessibility plus image-search traffic.

Nail these on every page first. Canonicals, robots directives, Open Graph, and schema still matter, but the four above deliver the bulk of the return for the least effort. For a fully sequenced approach, see our prioritized on-page SEO strategy.

Frequently Asked Questions

What is an example of on-page SEO?

Writing a keyword-rich title tag, structuring content with H1–H3 headings, adding descriptive image alt text, and setting a correct canonical URL are all common on-page SEO examples. It also includes producing quality content and building internal links.

What are tags for SEO?

SEO tags are HTML elements—like title tags, meta descriptions, heading tags, alt attributes, and canonicals—that describe your page to search engines and users. Some influence ranking; others influence how your page appears and how often it's clicked.

How do you use H1, H2, and H3 tags for SEO?

Use one H1 as the page's main title, H2s for major sections, and H3s for subsections, keeping a logical top-down hierarchy. Include relevant keywords naturally in headings, but write them for readers first.

What is the 80/20 rule in SEO?

It means about 80% of your SEO results come from roughly 20% of your work. For on-page tags, that 20% is your title tag, headings, meta description, and alt text—focus there for the biggest impact.

What is the full form of SEO tags?

SEO stands for Search Engine Optimization. "SEO tags" therefore refers to the HTML tags you optimize to improve how search engines understand and display your pages.

Is there a free tool to generate SEO meta tags?

Yes—many free meta tag generators let you produce title, description, and Open Graph markup. To go beyond generating tags and actually check whether a live page uses them correctly, run a one-click audit with the Argus Chrome extension, which flags missing or broken tags and adds AI-powered fix suggestions.

On-Page SEO Tags: The Complete List With Examples