The Ultimate Guide to On-Page SEO

On-page SEO is the practice of optimizing the content and HTML source code of a webpage to rank higher in search engine results. It is the foundation of a successful SEO strategy, as it involves all the elements that you have direct control over. From the quality of your content to the structure of your internal links, a strong on-page strategy is essential for communicating your site’s relevance and authority to search engines for specific user queries.

Think of your website as a book. On-page SEO is the process of making sure that the book has a clear title, a well-organized table of contents, and high-quality, easy-to-read chapters. This guide will provide a comprehensive overview of the key pillars of on-page SEO, drawing on insights from experts like Backlinko.

Key Pillars of On-Page SEO

A successful on-page strategy involves optimizing several key areas of your site. The following guides provide a complete overview of each.

category image

The Problem Child: A Guide to URLs with Issues

A problematic URL can be a roadblock to SEO success. Learn how to identify and fix common URL issues to improve your site’s crawlability and user experience.

The Warning Signs: A Guide to URLs with Warnings

A URL with a warning from Google can be a sign of a serious security issue. Learn how to identify and fix these issues to protect your users and your SEO.

The Two-Faced Page: A Guide to Alt Text in H1 Tags

Learn why placing images with alt text inside H1 tags is a significant SEO and accessibility issue, and how to fix it for a better user experience and improved rankings.

The Ghost of Geocities Past: A Guide to Unsupported Plugins

Learn why unsupported plugins like Flash, Silverlight, and Java are obsolete, create a broken user experience, and how to replace them with modern HTML5 alternatives.

The Funhouse Mirror: A Guide to Content Not Sized Correctly

Learn how to fix content that is not sized correctly for the viewport, a key mobile-friendliness issue, by using responsive design principles and avoiding fixed widths.

The Long Detour: A Guide to Fixing Internal Redirect Chains

Internal redirect chains waste crawl budget and dilute PageRank. Learn how to find and fix these critical technical SEO issues to improve your site’s performance.

The Infinite Loop: A Guide to Fixing Internal Redirect Loops

Internal redirect loops are a critical error that can make your pages completely inaccessible to users and search engines. Learn how to find and fix them.

The Art of Concise Alt Text: A Guide for SEO

Long alt text can be bad for accessibility and SEO. Learn why keeping your alt text under 100-125 characters is a best practice for image optimization.

The Tangled Web: A Guide to Internal Search URLs in SEO

Allowing internal search result pages to be indexed creates duplicate content and wastes crawl budget. Learn how to block these URLs using robots.txt and improve your SEO.

The Goldilocks Zone: Finding the Perfect Meta Description Length

Does meta description length matter for SEO? Learn why keeping your descriptions between 150-160 characters is a best practice for avoiding truncation and improving click-through rates.

The More the Merrier: A Guide to Using Multiple H2 Tags

Learn why it’s not only okay to have multiple H2 tags on a page, but it’s actually a good practice for SEO. A guide to creating a clear and logical heading structure.

The Placeholder Problem: A Guide to Removing Lorem Ipsum from Your Site

Accidentally publishing pages with Lorem Ipsum placeholder text can harm your SEO by creating a poor user experience and signaling low-quality content. Learn how to find and fix it.

The Irrelevant Page: A Guide to Fixing Low-Relevance Content

Low-relevance content fails to satisfy user search intent, leading to poor engagement and lower rankings. Learn how to audit and improve your content’s relevance for SEO.

The Two-Faced Page: A Guide to Fixing Multiple Meta Descriptions

Having multiple meta descriptions on a single page sends conflicting signals to search engines, causing them to ignore your suggestions. Learn how to find and fix this issue.

The Unwritten Chapter: A Guide to Fixing Missing H2 Tags

Learn why missing H2 tags can be a problem for SEO and how to fix them. A guide to creating a clear and logical heading structure for your content.

The Hidden Description: A Guide to Meta Descriptions in Rendered HTML

If your meta description is only present in the rendered HTML, it can cause indexing delays and inconsistent snippets. Learn why server-side rendering is critical for important metadata.

The Changing Description: A Guide to Meta Descriptions Updated by JavaScript

When the meta description in your raw HTML differs from the one in the rendered HTML, it creates confusing signals for search engines. Learn how to fix this JavaScript SEO issue.

Seeing Double: A Guide to Fixing Duplicate H2 Tags

Learn why duplicate H2 tags can be a problem for SEO and how to fix them. A guide to creating unique and descriptive H2 tags for every section of your page.

The Invisible Image: A Guide to Fixing Missing Alt Attributes

A missing alt attribute is a critical accessibility and SEO error. Learn the difference between a missing and an empty alt attribute and how to fix this common issue.

Cutting it Short: A Guide to Taming Your Long H1 Tags

Learn why H1 tags over 70 characters can be a problem for SEO and user experience, and how to write concise, effective H1 tags that are ‘just right’.

The Heart of the Matter: A Guide to the Missing <body> Tag

A missing body tag is a critical HTML validation error that can cause unpredictable rendering issues. Learn why this fundamental element is required for every webpage.

The One True Page: A Guide to the Canonical Tag

Learn why it’s important for your pages to have a canonical tag and how to fix it.

The Silent Link: A Guide to Fixing Internal Links with No Anchor Text

Internal links with no anchor text are a missed opportunity for SEO. Learn why descriptive anchor text is crucial for context and how to find and fix these silent links.

The Missing Link: A Guide to Canonical Tags for AMP Pages

A missing canonical tag on your AMP page is a critical error that can cause duplicate content issues. Learn how to correctly link your AMP and non-AMP pages.

The Sweet Spot for H2 Tags: A Guide to Heading Length

Are your H2 tags too long? Learn why keeping H2 headings under 70 characters is a best practice for readability, user experience, and SEO.

The Brains of the Operation: A Guide to the Missing <head> Tag

A missing head tag is a critical HTML validation error that can prevent your SEO metadata from being read. Learn why this fundamental element is required for every webpage.

The Missing Bolt: A Guide to theTag for AMP

The tag is a mandatory first step for any valid AMP page. Learn why this attribute is critical for your AMP pages to be recognized and served correctly.

The Magic Ingredient: A Guide to the AMP Runtime Script

A missing or invalid AMP script tag is a critical validation error. Learn why the AMP runtime script is mandatory for your AMP pages to function and be indexed correctly.

Page Title vs. H1: A Tale of Two Headlines

Should your page title and H1 tag be the same? Learn the difference between the two, their roles in SEO, and best practices for optimizing both.

The First Step: A Guide to the Doctype HTML Tag

A missing or invalid doctype can trigger ‘quirks mode’ in browsers, causing rendering issues. Learn why “ is a critical first line for every webpage.

The Right Character: A Guide to the Meta Charset Tag

A missing or incorrect meta charset tag can cause special characters to render incorrectly. Learn why declaring UTF-8 is a critical part of a valid HTML document.

The Echo Chamber: How Duplicate Meta Descriptions Hurt Your SEO

Duplicate meta descriptions can lower your click-through rate and confuse search engines. Learn how to write unique, compelling descriptions for every page, even at scale.

The Way Back: A Guide to the rel=’amphtml’ Link Tag

A missing rel=’amphtml’ link from your canonical page to your AMP page is a critical error that breaks the connection between them. Learn how to fix this issue.

The Missing Signpost: A Guide to Self-Referencing Canonical Tags

A missing self-referencing canonical tag can leave your pages vulnerable to duplicate content issues. Learn why every page needs a canonical tag pointing to itself.

Breaking the Echo: A Guide to Fixing Duplicate H1 Tags

Learn why duplicate H1 tags can be a problem for SEO and how to fix them. A guide to creating unique and descriptive H1 tags for every page.

The Shifting Page: A Guide to Fixing Missing Image Size Attributes

Missing width and height attributes on images cause layout shifts (CLS), a key Core Web Vital. Learn how to add them to improve your site’s user experience and SEO.

Plumbing the Depths: A Guide to Understanding Crawl Depth

Learn what crawl depth is and why it’s a crucial factor for SEO. Discover how to optimize your site’s structure to improve crawlability and indexability.

The Other Half: A Guide to Mobile Alternate Links

For sites with separate mobile URLs (m-dot), the rel=’alternate’ and rel=’canonical’ tags are critical for SEO. Learn how to implement them correctly to avoid duplicate content.

The Broken Blueprint: A Guide to Fixing Multiple <body> Tags

Having multiple tags is a critical HTML validation error that can confuse browsers and search engines. Learn how this issue occurs and how to fix it.

The Two-Faced Page: A Guide to Multiple Conflicting Canonical Tags

Having multiple, conflicting canonical tags on a single page is a critical error that causes search engines to ignore the signal. Learn how to find and fix this issue.

Too Many Chiefs: Why Multiple H1 Tags Can Hurt Your SEO

Using more than one H1 tag on a page can dilute your SEO signals and confuse search engines. Learn the best practice of using a single H1 for clarity and ranking.

The Command Center: Why Your HTML Needs One Valid Head Tag

Having multiple tags is a critical validation error that confuses browsers and search engines. Learn why a single head tag is essential for SEO and how to fix it.

A Fork in the Road: How Multiple Pagination URLs Confuse Search Engines

Multiple rel=’next’/’prev’ tags on a single page create conflicting signals for search engines, harming crawl efficiency and indexing. Learn how to fix this common pagination issue.

Untangling Your URLs: A Guide to Fixing Multiple Slashes

Multiple slashes in a URL can cause significant duplicate content issues and waste crawl budget. Learn how to fix this common SEO problem with redirects and link cleanup.

Echoes in the Hallway: A Guide to Fixing Near-Duplicate Content

Near-duplicate content can dilute your SEO authority and cause keyword cannibalization. Learn to identify and fix these content echoes using canonicals and redirects.

The Art of the Short URL: Why Length Matters for SEO

Does URL length affect SEO? Learn why URLs over 115 characters can harm user experience and click-through rates, and discover best practices for concise URLs.

The Cloaking Conundrum: When JavaScript Removes Nofollow Attributes

When a nofollow attribute exists in the raw HTML but is removed by JavaScript, it creates conflicting signals for search engines. Learn how to fix this JavaScript SEO issue.

The Invisible Image: A Guide to the ‘noimageindex’ Directive

The ‘noimageindex’ directive prevents your images from appearing in Google Image Search. Learn how it works, when to use it, and how to remove it to restore your visual traffic.

The Invisible Page: A Guide to the NoIndex Directive

The ‘noindex’ directive is a powerful tool for controlling your site’s presence in search results. Learn how to use it correctly and how to fix it when it’s blocking important pages.

The Disappearing Directive: When JavaScript Removes ‘noindex’

A ‘noindex’ tag that exists in the raw HTML but is removed by JavaScript creates a critical conflict for search engines. Learn how to fix this JavaScript SEO issue.

Setting the Stage: A Guide to Perfect Page Title Setup for SEO

Learn how to set up your page titles for maximum SEO impact. This guide covers best practices for length, keywords, and writing titles that earn clicks.

The Goldilocks Zone: Finding the Perfect Page Title Length for SEO

Does page title length matter for SEO? Learn why keeping your titles under 60 characters and 561 pixels is a best practice for avoiding truncation and improving click-through rates.

The Broken Chain: A Guide to Non-200 Pagination URLs

Pagination links that lead to a 404 or redirect break the crawl path for search engines, harming indexation. Learn how to find and fix non-200 pagination URLs.

A Complete Guide to Meta Description SEO

Master the art of the meta description. Learn how to write, implement, and audit your meta descriptions for optimal length, uniqueness, and click-through rate.

The Goldilocks Zone: Finding the Perfect Meta Description Length

Meta description length is a balancing act. Learn why Google truncates by pixel width, not character count, and how to write descriptions that maximize your SERP real estate.

The Tangled Web: A Guide to Non-ASCII Characters in URLs

Non-ASCII characters in URLs can cause crawling and sharing issues. Learn why it’s best practice to use a clean, encoded URL structure for maximum compatibility and SEO performance.

The Masterpiece of Headings: A Guide to Perfect H1 Setup

Learn how to properly set up your H1 tags for maximum SEO impact. A comprehensive guide to H1 tag definition, length, and best practices.

Just Right: A Guide to Finding the Perfect H1 Tag Length

Learn the ideal length for your H1 tags (20-70 characters) to maximize their SEO impact. A guide to creating H1 tags that are not too long, not too short, but just right.

The Vague Signpost: A Guide to Fixing Non-Descriptive Anchor Text

Anchor text like ‘click here’ or ‘read more’ is a missed SEO opportunity and an accessibility issue. Learn how to write descriptive anchor text that improves rankings and user experience.

The Broken Ladder: A Guide to Non-Sequential Heading Tags

Skipping heading levels (e.g., an H1 followed by an H3) creates a confusing structure for screen readers and search engines. Learn how to fix this accessibility and SEO issue.

The Short Story: A Guide to Page Titles Below 200 Pixels

A page title that is too short is a missed opportunity. Learn why titles below 200 pixels are a problem and how to write more descriptive, effective titles for SEO.

The Two-Faced Page: A Guide to Multiple Page Titles

Having multiple tags on a single page is a critical HTML validation error that confuses search engines. Learn how to find and fix this issue for better SEO.

The Out-of-Place Page: A Guide to Page Titles Outside the Head

A title tag placed outside the head section is a critical validation error that will be ignored by search engines. Learn how to fix this common technical SEO issue.

The Long and Winding Road: A Guide to Page Titles Over 561 Pixels

Page titles that are too long get truncated in the search results. Learn why keeping your titles under 561 pixels is a critical best practice for SEO and user experience.

The Leaky Bucket: A Guide to Pages with High External Outlinks

While external links are valuable, too many on one page can dilute PageRank and appear spammy. Learn how to audit pages with high external outlinks for SEO.

JavaScript Redirects: A Risky Choice for SEO

JavaScript redirects are client-side and can cause indexing delays and a loss of PageRank. Learn why server-side 301 redirects are always the better choice for SEO.

Meta Refresh Redirects: The SEO-Unfriendly Detour

Meta refresh redirects are a client-side redirect method that can harm your SEO and user experience. Learn why server-side 301 redirects are the superior choice.

Picture Perfect: A Guide to Fixing Broken Images and Image Errors

Broken images (404s) and server errors (5xx) harm user experience and SEO. Learn how to find and fix all image errors to improve your site’s performance and crawlability.

The Hidden Headline: A Guide to H1s Only in Rendered HTML

Learn why an H1 tag injected with JavaScript is a risky SEO practice and how to fix it by including it in the initial server response to ensure it’s seen by search engines.

The Short Story: A Guide to H1 Tags Under 20 Characters

Learn why an H1 tag that is too short (under 20 characters) is a missed SEO opportunity and how to write more descriptive headlines.

The Changing Headline: A Guide to H1s Updated by JavaScript

Learn why having an H1 tag in your initial HTML that is then changed by JavaScript is a risky SEO practice that sends mixed signals to search engines.

The Right View: A Guide to the Meta Viewport Tag

A missing or invalid meta viewport tag is a critical mobile usability issue. Learn how to use `width=device-width` and `initial-scale=1.0` to ensure a responsive layout.

Understanding Nofollow: A Guide to Modern Link Directives for SEO

The ‘nofollow’ attribute has evolved. Learn how Google now treats it as a hint, and when to use the newer ‘ugc’ and ‘sponsored’ attributes for modern SEO.

The Short Story: A Guide to H2 Tags Under 20 Characters

Learn why an H2 tag that is too short (under 20 characters) is a missed SEO opportunity and how to write more descriptive subheadings.

The Never-Ending Story: A Guide to HTML Documents Over 15mb

If your HTML file is over 15MB, Googlebot stops parsing it. Learn what causes HTML bloat and how to fix it to ensure your entire page gets crawled and indexed.

Don’t Sell Yourself Short: The SEO Pitfalls of Short Page Titles

Are your page titles too short? Learn why titles under 30 characters can harm your SEO by failing to provide context and keywords for search engines.

The 100KB Rule: Optimizing Image Size for Page Speed and SEO

Large images slow down your site and hurt Core Web Vitals. Learn why keeping images under 100KB is a critical best practice for page speed and user experience.

Seeing Double: Why Duplicate Page Titles Are an SEO Red Flag

Duplicate page titles confuse search engines and hurt your click-through rate. Learn why unique titles are critical for SEO and how to fix them.

The Ant-Sized Text: A Guide to Fixing Illegible Font Sizes for SEO

Illegible font size is a critical mobile usability issue. Learn why a 16px base size, proper line height, and good contrast are essential for both users and SEO.

For Google’s official guidance, their SEO Starter Guide is an essential resource. For more on this topic, see our guide on on-page SEO.

Frequently Asked Questions

What is the difference between on-page and off-page SEO?

On-page SEO refers to all the optimizations you control directly on your website, such as content, titles, and internal links. Off-page SEO refers to signals that come from other websites, primarily backlinks.

How often should I perform an on-page SEO audit?

It’s a good practice to perform a comprehensive on-page SEO audit at least once a quarter. This allows you to catch any new issues, identify optimization opportunities, and ensure your site remains aligned with current best practices.

What is the difference between on-page and technical SEO?

On-page SEO focuses on the content and HTML of a page. Technical SEO focuses on the infrastructure of your site, such as site speed, crawlability, and indexability. There is a lot of overlap, and both are essential for a successful SEO strategy.

Ready to tackle all your SEO issues head-on? Start your comprehensive audit with Creeper today.

Get in Touch

Have questions about our services? Contact us today for a free consultation and performance audit.

    By filling out this form, you agree to our Privacy Policy.