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.

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.

 Free On-Page SEO Template

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

What is on-page SEO?

On-page SEO, or on-site SEO, is the process of optimizing various front-end and back-end components of your website so that it ranks in search engines and brings in new traffic. On-page SEO components include content elements, site architecture elements, and HTML elements.

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

We'll cover on-page SEO elements below. Off-page SEO refers to social sharing, external linking, and more. Technical SEO refers to all the SEO elements not included in on-page and off-page practices, such as structured data, site speed, and mobile readiness — the more technical parts of SEO.

What is on-page SEO venn diagram with listNote: 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.

On-Page SEO Elements

High-Quality Page Content Page Titles Headers Meta Descriptions Image Alt-text Structured Markup Page URLs Internal Linking Mobile Responsiveness Site Speed

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

Content elements HTML elements Site architecture elements

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 Journey Suggested Content/Website Pages
Awareness

Blog posts, videos
homepage

Consideration

Buyer's guides, case studies
about page

Decision

Product 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 link 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 resources to develop and optimize it.

HTML Elements

HTML elements refer to the elements in your source code.

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

2. Page Titles

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

 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.

 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.

 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:

Keep it under 160 characters, although Google has been known to allow longer meta descriptions. (Note Include your entire keyword or keyword phrase. 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 source 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.

 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.

 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.

  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.

On-Page SEO Checklist

Crawl your website. Conduct an SEO audit and define your site architecture. Update URLs, page titles, and meta descriptions. Make sure your keyword is in your URL. Include your keyword throughout your page. Track keywords and topics for each page. Don’t keyword stuff. Establish value propositions for each page. Define your target audience. Plan new page titles. Add new meta descriptions. Review and edit page content as needed. Incorporate visual content. Optimize your visual content. Add internal links. Add external links. Optimize for conversions.

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 link 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:

The web address (a.k.a. URL) The page title 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.

 conduct an seo audit

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

Review 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.)

 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.

 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.

 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.

 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.

 plan new page titles

People usually follow the formula of "Keyword Phrase | Context." The goal of the page title is to lay out the purpose of the page without being redundant. You should also keep the additional recommendations we made above related to titles.

11. Add new meta descriptions.

As we covered above, meta descriptions should be a short, declarative sentence that incorporates the same keyword as your page's title.

It should not reflect the content verbatim as it appears on the page. Get as close as you can to the 150-character limit to maximize space and tell visitors as much as possible about your page.

If you need to create new meta descriptions, do so in column M of the template.

 add meta descriptions

12. Review and edit page content as needed.

Good copy needs to be thorough, clear, and provide solutions ... so, be compelling! Write for your target audience and about how you can help them. Compelling content is also error-free, so double-check your spelling and grammar.

Aim to have at least 500 words per page, and format content to make it easier to read and digest with the use of headers and subheaders.

Columns P through R can be used to keep track of changes that you've made to your content or to note where changes need to be implemented.

 review and edit content on your web page

13. Incorporate visual content.

Content can be more than just text, so consider what kind of visual content you can incorporate into each page (if it adds value and serves a purpose, of course). Columns S and T allow you to note which visual elements need to be added. When adding an image to a page, be sure to include a descriptive file name and image alt-text.

 incorporate visual content

14. Optimize your visual content.

We talked earlier about image alt text. You'll want to optimize your visual content this way — and be sure to include your keyword in your image alt text. It'll help with the page's SEO as well as offer the potential to rank in image search (e.g. on a search engine image results page or image carousel).

15. Add internal links.

As mentioned earlier, incorporating links throughout your pages is a must, but it's often something that's easily overlooked.

Make sure that your anchor text includes more than just your keywords. The goal isn't to stuff in as many keywords as possible, but to make it easy for people to navigate your site.

Use columns U through W to plan for these elements if you don't already have them, or to document how you'll improve them.

 add internal links

16. Include external links.

It may seem counterintuitive to include external links throughout your page considering we just covered multiple reasons why internal linking is so important for on-page SEO. However, external links are also important.

By externally linking, to credible and trustworthy sites, Google will know your page is also credible and trustworthy. Not only does Google want to know your site is well-referenced, but your visitors do, too.

17. Optimize for conversions.

If you're also not optimizing your site to increase the number of leads, subscribers, and/or customers you're attracting ... you're doing it wrong.

Remember that each page of your website presents a conversion opportunity. That means every page of your website should include at least one call-to-action (CTA), though many pages may have multiple CTAs.

Columns X through AF allow you to plan for conversions.

Be sure that your site has a mix of CTAs for different stages of the flywheel.

(Note: The On-Page SEO Template refers to the stages of the buying funnel — top of the funnel, middle of the funnel, and bottom of the funnel. If you are a HubSpot customer, you can even use Smart Content to display these specific CTAs only to people in a specific part of the funnel.)

Also, as you add, edit, or update CTAs, be sure to note conversion rate changes in columns Z, AC, and AF.

 optimize your page for conversions

Put Your On-Page SEO to Work

Once you finalize your SEO plans, implement these changes on your website or pass them along to someone to implement for you. This will take time to complete, so aim to work on 5 to 10 pages per week.

Remember: SEO is not a one-and-done deal. It's something you should continually improve upon. You should treat this On-Page SEO Template as a living, breathing document that will help guide your SEO strategy for months (or years) to come.

Editor's Note: This post was originally published in October 2012 and has been updated for freshness, accuracy, and comprehensiveness.

download the free on-page SEO template

Originally published May 19, 2022 7:00:00 AM, updated May 19 2022