What Is On-Page SEO? A Practical Guide to Optimizing Individual Pages

On-page SEO is the work you do on a single page, in its content and its markup, so that search engines understand it and searchers find it relevant: the title, headings, body text, URL, images, internal links, canonical tag, and structured data. It sits beside off-page SEO, the signals that form elsewhere on the web, and technical SEO, the site-wide infrastructure that lets pages be crawled and indexed. The boundary is a working category, not a hard line: canonical tags, indexability, and rendering sit on both sides, since a template or server setting can change them on every page at once.

This guide starts with the content and then works through each element of the page around it.

Content That Matches the Search

Every other element supports this one. Google’s guidance on creating helpful, reliable, people-first content defines the target: “People-first content means content that’s created primarily for people, and not to manipulate search engine rankings.” Its self-assessment questions include whether the content offers “unique, original information or perspectives that aren’t already available on other websites.”

Matching the search means identifying what kind of result the query is asking for, such as a definition, a comparison, a set of steps, or a product, and putting that answer where the reader meets it first. A page about fixing a slow loading score that buries the fixes under paragraphs of background is misaligned with the search even if every sentence is correct.

Title Element

The <title> element is one of the sources Google uses for the title link in results, not the only one. Google’s title link documentation lists the main visual title on the page, heading elements, og:title tags, other prominent text, and, when Google cannot access the page, “anchor text from other sites.” On length, it sets no limit for the element itself and explains that Google shortens the title link in results as needed, typically to fit the width of the device. Give each page a unique, descriptive title that names what the page is.

Meta Description

Google has said it does not use the meta description for ranking, but the description can become the snippet under the title link. Google’s snippet documentation explains that snippets are drawn mainly from page content, and that Google sometimes uses the meta description instead when it describes the page more accurately than text taken from the page itself. Write a specific summary for each page; when Google finds a passage that answers the query better, it shows that instead.

Headings

Headings give readers a way to scan and give search engines an outline of the page. Use one H1 that states the page’s subject and H2 and H3 headings that follow the content’s structure, not its styling. Because heading elements are also a source for title links, an H1 that describes the page accurately helps in both places.

URL

A readable URL such as /on-page-seo-guide, instead of /index.php?id=4471, tells a searcher what the page is before the click and is easier to share. Use hyphens between words, keep needless parameters out, and avoid changing a URL after it is published, since that requires a redirect.

Canonical Tag

When the same content is reachable at more than one URL, a rel="canonical" link element in the page’s <head> names the preferred version. Google’s documentation on consolidating duplicate URLs ranks the methods by how strongly they influence the choice: redirects and rel="canonical" annotations are both strong signals, and sitemap inclusion is a weak one. Google weighs these signals and can still choose a different canonical.

Images

Google’s image SEO guidance asks you to place images “near relevant text and on pages that are relevant to the image subject matter.” It notes that “the filename can give Google very light clues about the subject matter of the image,” and names alt text as the most important attribute for describing an image. Alt text also serves people using screen readers. Compress images and serve them at the size they are displayed.

Lazy loading saves bandwidth for images below the first screen, but not for the main image at the top. Web.dev’s study of lazy loading and LCP found that when lazy loading was limited to images below the fold, the Largest Contentful Paint regression it measured reversed, and concluded that a site “may benefit from more eagerly loading images above the fold.”

Structured Data

Structured data, written for example as JSON-LD with schema.org vocabulary, states explicitly what a page represents, such as an article, a product, or a recipe. Google’s introduction to structured data explains that it “can enable search results that are more engaging to users,” which Google calls rich results. Two limits apply. Google’s structured data policies forbid marking up content that readers cannot see on the page. And markup is not a promise: it makes a feature possible, but Google does not guarantee the feature will appear. The available types also change; Google removed FAQ rich results in May 2026.

Page Experience

Core Web Vitals measure loading, responsiveness, and visual stability for real visitors: Largest Contentful Paint, Interaction to Next Paint, and Cumulative Layout Shift. Interaction to Next Paint replaced First Input Delay on March 12, 2024, as web.dev announced. The page-level work that moves them is the work this guide already covers: right-sized images, no lazy loading on the main image, space reserved for images and embeds so the layout does not shift, and fewer scripts blocking the first render.

Internal Links

Links from one page to related pages on the same site help Google find pages and help readers continue. Use anchor text that describes the destination instead of “click here,” and add links where they help the reader at that point in the text.

AI Overviews and AI Mode

Google’s documentation on AI features states: “There are no additional requirements to appear in AI Overviews or AI Mode, nor other special optimizations necessary.” To appear as a supporting link, a page has to be indexed and eligible to show in Google Search with a snippet. The on-page work above is the same work these features draw on.

On-Page Checklist

1. The page answers the search it targets, with the answer near the top.
2. A unique, descriptive <title> element.
3. A specific meta description.
4. One H1 that states the subject, with headings that follow the content.
5. A short, readable URL.
6. A rel="canonical" element in the <head> where duplicates exist.
7. Images near related text, with descriptive filenames and alt text; no lazy loading on the main image.
8. Structured data that matches the visible content.
9. Internal links with descriptive anchor text.