The Ultimate Guide to On-Page SEO in 2022

On-page SEO has the power to bring countless new visitors — and customers — right to your website.

Additionally, on-page SEO is also completely up to you: You get to establish what the topic and/or goal of each page will be. You get to decide on the target audience for that page. And you get to choose the target keywords and phrases you want to focus on.

This can be intimidating and empowering at the same time. If you’re unsure how to get started, we’ve built this on-page SEO checklist to help guide you.

Jump To:

What is On-Page SEO?
Why On-Page SEO is Important
On-Page SEO Elements
On-Page SEO Checklist

Google’s algorithm ranks your website on three main factors: on-page SEO, off-page SEO, and technical SEO:

“wp-image-138759 size-full” title=”On-page SEO vs off-page seo” src=”https://www.tipsclear.com/wp-content/uploads/2022/05/On-page-SEO-vs-off-page-seo.jpg” alt=”On-page SEO vs off-page seo” width=”650″ height=”340″ /> On-page SEO vs off-page seo

Note: This SEO “trilogy” isn’t always divided into three clean sections; some of these SEO elements will overlap. You’ll see how and why throughout this piece.

Why is on-page SEO important?

On-page SEO is important because it tells Google all about your website and how you provide value to visitors and customers. It helps your site be optimized for both human eyes and search engine bots.

Merely creating and publishing your website isn’t enough — you must optimize it for Google and other search engines in order to rank and attract new traffic.

On-page SEO is called “on-page” because the tweaks and changes you make to optimize your website can be seen by visitors on your page (whereas off-page and technical SEO elements aren’t always visible).

Every part of on-page SEO is completely up to you; that’s why it’s critical that you do it correctly. Now, let’s discuss the elements of on-page SEO.

All on-page SEO elements fall into three main categories:

You’ll see these elements divided into sections below.

Content Elements

Content elements refer to the elements within your site copy and content. In this section, we’ll focus mostly on crafting high-quality page content that benefits your visitors and tells Google that your website provides value.

1. High-Quality Page Content

Page content is the heart of on-page SEO. It tells both search engines and readers what your website and business are all about.

The first step to creating high-quality content is choosing relevant keywords and topics. Conduct keyword research by searching Google for terms and seeing what surfaces for competitors and other websites. You can also use tools like Ahrefs, AnswerthePublic, and UberSuggest.

Also, read our Beginner’s Guide on How to Do Keyword Research for SEO.

Next, consider how your page content falls into the buyer’s journey and visitors’ search intent. These will impact how you will use your keywords and what types of content you will create:

Stage in the Buyer’s JourneySuggested Content/Website Pages
AwarenessBlog posts, videos
homepage
ConsiderationBuyer’s guides, case studies
about page
DecisionProduct demos, comparison tools
product or pricing pages, contact page

Now, it’s time to write your page content or clean it up if you’re currently auditing your on-page SEO.

Here are a few best practices for writing high-quality page content (we’ll touch on some of these in more detail below, in our Checklist):

  • Incorporate short and long-tail keywords naturally.
  • Add engaging and relevant visual content.
  • Write for your specific buyer persona(s).
  • Actively solve your audience’s problem.
  • Develop content people will share and want to to.
  • Optimize for conversions with CTAs to offers and product pages.

Page content is your opportunity to communicate value to Google and your site visitors; it’s the heart of the on-page SEO process. All other on-page SEO elements stem from high-quality page content, so invest ample res to develop and optimize it.

HTML Elements

HTML elements refer to the elements in your code.

Note: To see the code for any page in your browser, click View > Developer > View in the top menu.

2. Page Titles

Your website page titles (also known as title tags) are one of the most important SEO elements.

on page seo esamples: page title tag

Titles tell both visitors and search engines what they can find on the corresponding pages.

To ensure your site pages rank for the proper intent, be sure to include the focus keyword for each page in the title. Incorporate your keyword as naturally as possible.

Here are some best practices for when developing a page title:

  • Keep it under 60 characters (per Google’s update) to ensure that your titles display correctly. Although Google doesn’t have an exact character limit, its display titles max out at 600 pixels. Keeping your titles at 60 characters or less ensures the title won’t be cut off in search results.
  • Don’t stuff the title with keywords. Not only does keyword-stuffing present a spammy and tacky reading experience, but modern search engines are smarter than ever — they’ve been designed to specifically monitor for (and penalize!) content that’s unnaturally stuffed with keywords.
  • Make it relevant to the page.
  • Don’t use all caps.
  • Include your brand in the title, i.e. “The Ultimate Guide to On-Page SEO in 2022 — HubSpot Blog“.

Check out our free data-driven guide to writing effective page titles.

3. Headers

Headers, also known as body tags, refer to the HTML element <h1>, <h2>, <h3>, and so on.

on page seo examples: headers

These tags help organize your content for readers and help search engines distinguish what part of your content is most important and relevant, depending on search intent.

Incorporate important keywords in your headers, but choose different ones than what’s in your page title. Put your most important keywords in your <h1> and <h2> headers.

4. Meta Descriptions

Meta descriptions are the short page descriptions that appear under the title in search results. Although it’s not an official ranking factor for search engines, it can influence whether or not your page is clicked on — therefore, it’s just as important when doing on-page SEO.

on page seo examples: meta descriptions

Meta descriptions can also be copied over to social media when your content is shared (by using structured markup, which we talk about below), so it can encourage click-throughs from there, too.

Here’s what makes for a good meta description:

  • Use a complete, compelling sentence (or two).
  • Avoid alphanumeric characters like —, &, or +.

5. Image Alt-text

Image alt-text is like SEO for your images. It tells Google and other search engines what your images are about … which is important because Google now delivers almost as many image-based results as they do text-based results.

That means consumers may be discovering your site through your images. In order for them to do this, though, you have to add alt-text to your images.

Here’s what to keep in mind when adding image alt-text:

  • Make it descriptive and specific.
  • Make it contextually relevant to the broader page content.
  • Keep it shorter than 125 characters.
  • Use keywords sparingly, and don’t keyword stuff.

6. Structured Markup

Structured markup, or structured data, is the process of “marking up” your website code to make it easier for Google to find and understand different elements of your content.

Structured markup is the key behind those featured snippets, knowledge panels, and other content features you see when you search for something on Google. It’s also how your specific page information shows up so neatly when someone shares your content on social media.

Note: Structured data is considered technical SEO, but I’m including it here because optimizing it creates a better on-page experience for visitors.

on page seo example: structured markup

Site Architecture Elements

Site architecture elements refer to the elements that make up your website and site pages. How you structure your website can help Google and other search engines easily crawl the pages and page content.

7. Page URLs

Your page URLs should be simple to digest for both readers and search engines. They are also important when keeping your site hierarchy consistent as you create subpages, blog posts, and other types of internal pages.

on page seo examples: page url

For example, in the above URL, “blog” is the sub-domain, “hubspot.com” is the domain, “sales” is the directory for the HubSpot Sales Blog, and “startups” indicates the specific path to that blog post.

Here are a few tips on how to write SEO-friendly URLs:

  • Remove the extra, unnecessary words.
  • Use only one or two keywords.
  • Use HTTPS if possible, as Google now uses that as a positive ranking factor.

8. Internal Linking

Internal linking is the process of hyperlinking to other helpful pages on your website. (See how the words “internal linking” are linked to another HubSpot blog post in the sentence above? That’s an example.)

Internal linking is important for on-page SEO because internal links send readers to other pages on your website, keeping them around longer and thus telling Google your site is valuable and helpful.

Also, the longer visitors are on your website, the more time Google has to crawl and index your site pages. This ultimately helps Google absorb more information about your website and potentially rank it higher on the search engine results pages.

Download our free guide to Internal Linking for SEO.

9. Mobile Responsiveness

Google started favoring sites that are optimized for faster mobile speeds — even for desktop searches.

Mobile responsiveness matters.

It’s critical to choose a website hosting service, site design and theme, and content layout that’s readable and navigable on mobile devices. If you’re not sure about your own site’s mobile readiness, use Google’s Mobile-Friendly Test tool.

on page seo examples: mobile responsiveness

10. Site Speed

Whether viewed on a mobile device or desktop, your site must be able to load quickly. When it comes to on-page SEO, page speed counts big-time.

Google cares about user experience first and foremost. If your site loads slowly or haphazardly, it’s likely your visitors aren’t going to stick around — and Google knows that. Moreover, site speed can impact conversions and ROI.

Check your website’s speed anytime using Google’s PageSpeed Insights tool. If your website is movin’ slow, check out 5 Easy Ways to Help Reduce Your Website’s Page Loading Speed.

Note: Mobile responsiveness and site speed are considered technical SEO, but I’m including them here because optimizing them creates a better on-page experience for visitors.

on page seo site speed

Now that you understand the different on-page SEO elements, let’s talk through the steps of auditing and improving your on-page SEO.

If you’ve been in search of a solution for organizing and tracking the various on-page SEO elements, you’re in luck. The HubSpot marketing team released an updated version of our On-Page SEO Template, an Excel document that allows you to coordinate pages and keywords — and track changes — all in one place.

Download Now: On-Page SEO Template

Header Image for free SEO template

In this section, we’ll be using this template as a guide as we walk you through a checklist for your on-page SEO management, step by step. Download the template now and follow along.

Note: The fictional website “http://www.quantify.ly” will be used as an example throughout this post. It’s simply meant to help you imagine how your own website will fit into the template.

1. Crawl your website.

Get an overview of all of your website pages that search engines have indexed. For HubSpot customers, our Page Performance tool (under Reports) will allow you to do this. If you’re not using HubSpot, you can try using a free tool like Xenu’s crawler.

After crawling your site and exporting the results into an Excel (or .csv) file, there will be three key columns of data that you should focus on:

  1. The web address (a.k.a. URL)
  2. The page title
  3. The page meta description

Copy and paste these three columns into your template.

The URL should be pasted into column B, the page title into column C, and the description into column E.

on-page seo checklist crawl your website

2. Conduct an SEO audit and define your site architecture.

Now that you have a basic index of your site in the template, you’ll want to organize and prioritize your web pages. Start by defining where within your site architecture your existing pages currently sit.

Do this in column A. Note whether a page is your homepage (ideally you’ll only have one of those), a page in your primary (or secondary) navigation menu, an internal page, and so on.

on-page seo checklist: conduct an seo audit

3. Update URLs, page titles, and meta descriptions.

your current URLs, page titles, and meta descriptions to see if they need updating.

(This is the beauty of using a template to organize your SEO: You get a broad overview of the type of content you have on your website.)

on page seo checklist: meta descriptions

Notice how column D and column F automatically calculate the length of each element. The recommended length for page titles is anything under 60 characters. (And, actually, a quick and easy optimization project is to update all page titles that are longer than 60 characters.)

The recommended length for page meta descriptions is 155-160 characters. This is the perfect length to ensure none of the description is cut off by the ellipses. Make sure you’re not too repetitive with keywords in this space. Writing a good meta description isn’t tough, but it deserves just as much consideration as the page content itself.

(Note: For some sites, you may also have to update the URLs, but that’s not always the case and thus was not included as part of this optimization template.)

4. Make sure your keyword is in your URL.

As we mentioned above, add your keyword to your URL. For example, imagine you own a hot yoga studio called ADYoga. You have a web page that includes videos of your classes. The keyword for this page is “hot yoga online classes” — so, you’d want to include that keyword in your URL. The URL for this web page may look like this: www.ADyoga.com/hot-yoga-online-classes.

5. Include your keyword throughout your web page.

In addition to your URL, you’ll want to add your keyword throughout your web page(s). This includes your title and headers. Sprinkle your keyword throughout your content as well where it fits naturally.

6. Track keywords and topics for each page.

Think of your target keyword as the designated topic for a particular page. If you’re using the HubSpot template, In column O, define just one topic per page.

on-page seo checklist: track keywords and topics for your web pages

By doing this, you’ll be able to go more in-depth and provide more detailed information about that topic. This also means that you are only optimizing for one keyword per page, meaning you have a greater chance to rank for that keyword.

There are, of course, a few exceptions to this rule. Your homepage is a classic example. The goal of your homepage is to explain what your entire website is about, and thus you’ll need a few keywords to do that. Another exception is overview pages like services and product pages, which outline what all of your products and services may be.

7. Don’t keyword stuff.

We just covered many examples in which keywords are both helpful and necessary for SEO purposes. However, one mistake many first-timers make when improving their on-page SEO is “keyword stuff”.

Keyword stuffing can be detrimental to your website and web page’s SEO and it can feel spammy to readers/ visitors.

8. Establish value propositions for each page.

A very important next step, which is often overlooked, is establishing a value proposition for each page of your website. Each page should have a goal aside from just ranking for a particular term.

If you’re using the template, you’ll do this in column G.

on-page seo checklist: establish value propositions

9. Define your target audience.

Define your target audience — do you have a single buyer persona or multiple personas? Keep this persona in mind as you optimize your site’s pages. (Remember, you are optimizing for humans, too — not just search engine robots.)

In column H of our template, you’ll have the opportunity to define your page’s target audience.

on-page seo checklist: define your target audience

10. Plan new page titles.

Now that you’ve documented your existing page titles and have established value propositions and target audiences for each of your pages, write new page titles (if necessary) to reflect your findings.

You can do this in column K of the template — and double-check each title length in column L.