On-Page SEO: Complete Guide

A practical map of the page-level signals you control, what each one can influence, and where to find the site's detailed implementation guides.

First published: Jul 18, 2026 · Advanced
1 evidence signal on this page

On-page SEO is the page-level work you control: the answer and evidence in the main content, HTML structure, headings, internal links, titles and snippets, images, and structured data. Do not collapse those elements into one list of ranking factors. Some help a search system match and rank a page; some make the page eligible to be indexed or shown in a particular feature; some influence how the result is presented; and some primarily help people use and understand the page. Start by making the page's purpose and answer clear, then verify that the rendered HTML exposes the intended content and signals. Use this guide to choose the right subguide, and use the separate on-page checklist when you are ready to execute an audit.

TL;DR — Treat a page as a contract between intent, evidence, rendered HTML, retrieval signals, presentation controls, and human usability. Diagnose the failed layer before changing copy. Separate candidate eligibility from relevance, ranking, result assembly, and accessibilityWeb accessibility means designing sites so people with disabilities can use them, per the W3C's WCAG guidelines. It overlaps with SEO in specific, checkable ways — alt text, heading structure, descriptive link text, captions, and page speed all serve both audiences — but Google has said accessibility itself is not a ranking factor, and most WCAG success criteria (keyboard focus order, ARIA live regions, form labels) have no SEO effect at all.. Maintain one owning URL per task, route specialized implementation to the existing subcluster guides, and validate both source/rendered output and observed search behavior.

Model the page as a layered contract

A useful on-page review follows the page through several layers:

  1. Task ownership: which audience, question, and outcome this URL owns.
  2. Answer: the direct response, process, evidence, examples, and limitations.
  3. Information structure: sections, headings, lists, tables, and relationships.
  4. HTML exposure: what appears in the initial response and rendered DOM.
  5. Search controls: title sources, snippet controlsmax-snippet, max-image-preview, and max-video-preview are robots directives that tell Google and Bing how much of a page they may show in a result — the snippet length, image-preview size, and video-preview duration — without affecting whether the page is indexed., indexStoring a crawled page in the search index so it can appear in results. Crawled is not the same as indexed — Google selects what to keep, and indexing isn't guaranteed. directives, canonicals, and supported structured dataStructured data is a standardized way of labeling page content (using the schema.org vocabulary in JSON-LD, Microdata, or RDFa) so search engines can understand its meaning. It's not a direct ranking factor — its value is rich results and entity understanding..
  6. Connections: internal linksAn internal link is a hyperlink from one page on a website to another page on the same website. Internal links help search engines discover your pages and pass ranking signals (PageRank and anchor-text context) between them. into and out of the page, with useful anchor textAnchor text is the visible, clickable text of a hyperlink. It tells readers what they'll find on the other end and gives search engines context about the linked page..
  7. Media: discoverable images and video, accessible alternatives, and performance.
  8. Observed outcome: indexation, query fit, result presentation, usage, and business behavior.

A failure described as “on-page” can begin in any layer. A missing answer may be an editorial gap. A missing answer in rendered HTML may be a renderingTurning HTML, CSS, and JavaScript into the final visual page and DOM. defect. A correct title elementThe title tag is the HTML title element in a page's head that specifies the document's title. It's the primary source for the SERP title link and a confirmed light ranking factor — but since August 2021 Google doesn't always show it verbatim. that is not shown may be a result-assembly choice rather than a broken tag.

Separate the gates

The most important advanced distinction is between entering a candidate set and winning within it.

LayerTypical questionEvidenceDo not conclude
Discovery/accessCan the system reach the URL and resources?links, response, robots, renderthat access means indexation
Index/eligibilityCan the page or feature be considered?canonical/index state, supported markup, policiesthat eligibility guarantees display
RelevanceDoes the content answer this query or subtask?query-page comparison, passage coveragethat relevance alone determines rank
Ranking/rerankingReranking is the second stage of a retrieval pipeline: after a cheap, broad first pass pulls a candidate set of documents or passages, a slower, more precise model re-scores and reorders that shortlist by true relevance before the results are served or handed to an LLM.Which eligible candidates are preferred?observed results and controlled testsa fixed public weight for one element
PresentationWhich title, snippet, image, or feature is shown?live result and Search ConsoleGoogle's free tool for monitoring crawling, indexing, and search performance. contextthat supplied metadata is always used
AccessibilityCan people operate and understand the page?manual and assistive-technology testingthat an SEO crawlerA crawler — also called a spider or bot — is an automated program that fetches web pages, extracts their links, and queues new URLs to visit. Search engines use crawlers to discover and download content for their index. proves conformance

The practical benefit is better prioritization. If the page is not indexed, rewriting the meta descriptionThe meta description is an HTML head tag — `<meta name=\"description\" content=\"…\">` — that suggests a short summary of the page for the search snippet. It's not a Google ranking factor, and Google rewrites it the majority of the time, but a good one can still lift click-through. is downstream of the real problem. If a rich result is absent, first establish eligibility, then remember that Google does not guarantee display.

Design a content contract

For every important page class, define:

  • the owning intent and excluded intents;
  • the canonical URL and expected index state;
  • the required answer blocks and evidence owners;
  • acceptable freshness and review triggers;
  • title and heading generation rules;
  • required internal-link relationships;
  • media and alternative-text rules;
  • structured-data eligibility and visible-content dependencies;
  • validation checks and accountable team.

This is more durable than a one-time score. It also makes template regressions testable before publication.

Route the implementation to its owner

Header system

The header-tags hubHeader tags (heading tags) are the HTML elements <h1> through <h6> that mark the structural hierarchy of a page's content. They help users, search engines, and screen readers understand what each section is about. owns heading levels, H1 questions, hierarchy, and navigation implications. Use headings to expose a logical outline and useful section labels; do not invent a ranking-weight ladder for H1–H6.

HTML system

The HTML SEO hubHTML SEO is the practice of writing and structuring a page's HTML so search engines can efficiently crawl, render, parse, and understand its content — the elements they read directly, how they handle imperfect markup, and where the right element for the job helps machine understanding. owns source-versus-rendered HTML, semantic HTMLSemantic HTML is the practice of using elements like <main>, <article>, <section>, <nav>, <header>, and <aside> to describe what content is, not just how it looks. It helps search engines and assistive tech identify a page's main content more reliably, but it isn't a ranking factor on its own., crawlable anchors, language attributes, and parsing failures. Google’s link guidance is explicit about crawlable anchor markup and useful anchor textAnchor text is the visible, clickable text of a hyperlink. It tells readers what they'll find on the other end and gives search engines context about the linked page..

Image system

The image SEO hubImage SEO is optimizing the images on your pages so search engines can discover, crawl, index, and rank them — in Google Images and visual search, and as part of standard web results. It spans file format, filenames, alt text, compression, responsive markup, structured data, and image sitemaps. owns image discovery, responsive delivery, page context, filenames, alt textAlt text is the value of the `alt` attribute on an HTML `<img>` element — a short text substitute chosen for the image's purpose and context, not a literal description of what it shows. It makes images accessible to screen-reader users and helps search engines understand images, mainly for image search., and image performance. Google’s current image guidance distinguishes discoverable HTML image elements from CSS background images and connects alt text with both image understanding and accessibility.

Metadata system

The meta-tags hubMeta tags are HTML elements in a page's head that pass metadata about the page to search engines and browsers. For SEO only a few matter — the title element, the meta description, and the robots meta tag — while meta keywords and most others are ignored. owns title and snippet inputs, robots metadata, snippet limits, and social metadata. Google may assemble title links from several page signals and usually builds snippets from page content, sometimes using the meta description. Supplied text is an input, not an instruction that must be shown.

Structured-data system

The structured-data hubStructured data is a standardized way of labeling page content (using the schema.org vocabulary in JSON-LD, Microdata, or RDFa) so search engines can understand its meaning. It's not a direct ranking factor — its value is rich results and entity understanding. owns schema.org vocabulary, formats, feature-specific requirements, and validation. The Schema.org documentation defines the shared vocabulary, while Google’s structured-data introduction frames markup as standardized clues for understanding and supported search features; it does not turn markup into a general ranking guarantee.

Manage overlap and cannibalization

Two pages can mention the same entity without competing. The problem is ambiguous ownership of the same reader task.

Use a simple ownership record:

FieldExample
Owning taskExplain the on-page system and route to detailed guides
Primary audienceSomeone deciding what kind of on-page work is needed
Required answerscope, mental model, library map, diagnostic routing
Explicit exclusionstep-by-step audit execution
Handoffon-page SEO checklist

When two URLs appear to own the same task, choose an owner, narrow the other page, strengthen the linking relationship, and confirm the titles and introductions reflect the distinction. Do not merge pages solely because a tool reports overlapping words.

Test changes as hypotheses

An on-page edit should state:

  • Problem: what observed behavior is wrong?
  • Layer: task, content, HTML, eligibility, presentation, or accessibility?
  • Change: what single material variable will be altered?
  • Expected observation: what should change, where, and for whom?
  • Window: when will crawlingCrawling is how search engines use automated bots (like Googlebot and Bingbot) to discover URLs and download pages. A page has to be crawlable to be indexed, but crawling on its own isn't a ranking factor., processing, and traffic cycles make evaluation fair?
  • Guardrail: what user or business outcome must not get worse?

Not every page supports a causal SEO test. For a low-traffic page, the honest result may be “implementation verified; performance effect not determined.”

Add an expert note

Pin an expert quote

New person? Create their unclaimed profile at /admin/experts/ → Pin a quote first.