On-Page SEO: Every Element to Optimize on a Page

On-page SEO elements are the parts of a page you control directly: the title tag, headings, copy, links, images, and the code that describes the page to search engines. This guide walks through each one in the order you would review a page. After reading, you will be able to audit any page on your site, spot weak elements, and fix them with a short checklist.

No single element decides rankings. Good on-page work makes a page clear to searchers and crawlers, so it has a better chance of being shown for the right queries.

The examples use two hypothetical pages: the custom birthday cake page of Maple Street Bakery, the fictional Tucson bakery from our keyword research guide, and a fictional B2B invoicing app's page on late payment reminders.

Elements in the search result

These three elements shape your search result and affect whether people click.

Title tag

The title tag is the HTML title element. Google usually uses it for the clickable headline in results, but may generate a different title link if yours is inaccurate, outdated, or repeated across pages. Its title link documentation recommends unique, descriptive titles for every page.

• Weak: "Home | Cakes | Bakery | Best Cakes | Custom Cakes"
• Good: "Custom Birthday Cakes in Tucson | Maple Street Bakery"

Quick check: Each page has a unique title, the main topic appears near the start, and the text is short enough to read at a glance.

Meta description

The meta description is a summary you write for the result snippet. It does not directly affect rankings. It influences clicks, because a clear description tells searchers the page has what they want. Google builds most snippets from page content and uses your description when it summarizes the page better, as explained in its snippet documentation.

• Weak: "Welcome to our website. We have many products and services."
• Good: "Order a custom birthday cake with 72 hours' notice. Pick flavors, sizes, and designs, and see pickup and delivery options."

Quick check: Unique per page, specific, and written for a person deciding whether to click.

URL slug

The slug is the readable part of the URL after the domain. A short, descriptive slug tells people what the page covers before they click.

• Weak: /p?id=3829&cat=7
• Good: /custom-birthday-cakes

Quick check: Lowercase words, hyphens between them, no dates or filler unless they add meaning. If you change an existing URL, add a permanent (301 or 308) redirect from the old one.

Elements in the page content

These elements decide whether visitors find what they came for.

H1 and heading hierarchy

The H1 is the main visible heading. H2s mark major sections and H3s mark subsections inside them. A clean hierarchy helps readers scan and search engines understand the page's structure.

• Weak: An H1 that says "Welcome!", followed by headings chosen for their font size.
• Good: H1 "How to Send a Late Payment Reminder", then H2s for "When to send it," "What to include," and "Email templates."

Quick check: One H1 that states the topic, headings that describe their section, and no skipped levels used for styling.

Intro and keyword placement

The first paragraph should confirm the reader is in the right place. Use the primary keyword, or a natural variant, early, and state what the page covers. Then write normally; repeating a phrase adds nothing.

To choose one primary keyword per page, see our keyword research guide.

Quick check: The topic is clear within the first two or three sentences, and the keyword reads naturally where it appears.

Body content depth and intent match

Content should match search intent: what the searcher is trying to do. Someone searching "custom birthday cake near me" wants options, prices, and how to order. A 2,000-word history of birthday cakes misses that intent, however well written.

Depth means answering the questions a searcher will likely have next. For the invoicing page, that might include timing, tone, sample wording, and what to do if the reminder is ignored. For the full writing process, see how to write SEO blog posts.

Quick check: Search your keyword, read the top results, and confirm your page answers the same core need, plus something they miss.

Links on the page

Links help readers find related information and search engines discover pages.

Internal links and anchor text

Internal links point to other pages on your site. Anchor text is the clickable wording. Google's link best practices recommend descriptive anchor text that tells readers what they will find.

• Weak: "To learn more, click here."
• Good: "See our flavor and filling options before you order," with the link on "flavor and filling options."

Quick check: Each important page gets links from related pages, anchors describe the destination, and no important page is orphaned with zero internal links.

External links

Link to the original source of a claim, such as an official guideline or dataset, so readers can verify it.

• Weak: "Studies show reminders get invoices paid faster," with no source.
• Good: A late-fee claim linked to the official regulation it cites.

Quick check: Links point to credible, working sources, and paid or sponsored links are marked with rel="sponsored".

Images and media

Images help readers, and they can appear in image search. Google's image SEO guidance covers the details.

File names, alt text, size, and lazy loading

• File name: chocolate-birthday-cake-two-tier.jpg beats IMG_4471.jpg.
• Alt text: Describe the image for someone who cannot see it. Weak: "cake cake birthday cake." Good: "Two-tier chocolate birthday cake with raspberry decoration."
• Size: Serve images close to the size they display at (responsive images with srcset handle different screens), and use a modern compressed format.
• Lazy loading: Lazy-load images below the fold. Do not lazy-load the main image at the top of the page, because it delays what visitors see first.

Quick check: Every meaningful image has descriptive alt text, decorative images use an empty alt attribute, and no image is several times larger than its display size.

Code and technical signals

These elements live in the page's HTML. Most CMSs expose them as settings.

Structured data

Structured data is code, usually JSON-LD, that labels page content in a standard vocabulary: a product, an event, a local business, an article. It can make a page eligible for rich results, though Google decides whether to show them. Google no longer shows FAQ or HowTo rich results, so check its search gallery for supported features. Start with Google's structured data introduction and test markup with its Rich Results Test.

• Weak: Product markup listing a price or reviews the page does not show.
• Good: Product markup whose name, price, and image match the visible cake page.

Quick check: Markup matches what is visible on the page and passes Google's testing tool without errors.

Canonical tag

The canonical tag tells search engines which URL is the main version when similar pages exist, such as a product page reachable with and without tracking parameters. Google treats it as a strong signal, not a directive. See its guide to consolidating duplicate URLs. For example, /custom-birthday-cakes?utm_source=newsletter should name /custom-birthday-cakes as its canonical.

Quick check: Each indexable page has a self-referencing canonical (Google recommends this), and duplicates point to the main version.

Open Graph tags

Open Graph tags control the title, description, and image shown when a page is shared on social platforms and in messaging apps. Google does not use them as a ranking factor, though it may use og:title as one source for title links. A clear preview makes a shared link look trustworthy.

Quick check: Share the URL in a private message to yourself and confirm the preview image and text look right.

Page speed basics

Speed affects how visitors experience a page. Google's Core Web Vitals measure loading (LCP), responsiveness (INP), and visual stability (CLS); our technical SEO audit checklist lists the "good" threshold for each. Common on-page fixes are compressing images, removing unused scripts and plugins, and reserving space for images so the layout does not jump.

Quick check: Run the page through PageSpeed Insights and review the Core Web Vitals report in Search Console. Template-wide speed problems belong in a technical audit.

Freshness and updates

Prices, regulations, software features, and seasonal offers change often, so pages on them need regular review. Update facts, examples, and screenshots, then change the "updated" date only when the content meaningfully changed.

Quick check: Set a review date for each important page. For planning how often to add new content, see how often to publish blog posts.

On-page SEO elements checklist

Work through this table top to bottom for each page.

Next steps

Pick the five pages with the most Search Console impressions, run the checklist on each, and note every change. Most fixes need only CMS access, but the work slows down across dozens of pages. Our on-page SEO service handles existing pages in batches of 10, chosen from your Search Console data, with a change log for every edit.

If the content itself needs rewriting rather than tuning, SEO content writing covers new and rebuilt pages. For crawling, indexing, or speed problems, start with a technical SEO audit and its prioritized fix list.