On-Page vs Off-Page SEO: Key Differences and a Checklist

On-page SEO covers everything you change on the page itself: the title, meta description, headings, copy, URL, internal links and images. Off-page SEO covers signals outside your site, mainly links from other websites, brand mentions and reviews. Technical SEO is the third layer: HTTPS, mobile, speed and crawling. You need all three, but start with on-page, which you control fully.

• On-page SEO = what is on the page and how it is structured. It is entirely in your hands.
• Off-page SEO = what the rest of the web says about you: links, mentions, reviews. You can only influence it indirectly.
• Technical SEO = whether a search engine can load, crawl and correctly display your site.
• Order of work: technical foundation → on-page → off-page. Links pointing to a page that is technically broken or has no clear topic bring little value.

On-page vs off-page SEO in one table

On-page SEO: what to set up on every page

SEO title

The SEO title is the text in the HTML title element. Google usually shows it as the headline in search results, so it decides whether anyone clicks. Google has no fixed character limit, but it truncates titles to fit the device width. In practice we keep titles at 50–60 characters and put the main keyword near the start.

• Every page gets its own unique title. The same title on a dozen pages is a common template mistake.
• The brand name goes at the end, separated by a dash or a pipe.

In our keyword research, each keyword is assigned to exactly one page. The title and copy then target only the keywords assigned to that page. When two pages compete for the same query, you get keyword cannibalization and the search engine has to guess which one to show.

Meta description

The meta description is a short summary of the page in the HTML head. It is not a ranking factor, but when Google uses it as the snippet, it affects click-through rate. Google often builds the snippet from the page copy instead, especially when the description does not match the query. There is no hard length limit and snippets are truncated to fit the screen, so we write 140–160 characters: the keyword, a concrete benefit and a reason to click. Each page needs its own description, and it should never be a list of keywords.

Meta tags that matter for SEO

The meta tags worth your attention are the title, the meta description, meta robots (for example noindex for pages you do not want in search results), the canonical tag pointing to the preferred URL and the viewport tag for mobile display. Google does not use the meta keywords tag, so filling it in is wasted time. On WordPress sites we set these per page in the Rank Math plugin.

H1 and heading hierarchy

The H1 is the main visible heading on the page. According to Google’s own documentation, there is no required number or order of headings. We still recommend one H1 per page that states the main topic, so readers and search engines see immediately what the page is about. The H1 may differ from the title and is usually a little longer and more natural.

• Use H2 for main sections and H3 for subsections within an H2.
• Do not use headings for styling. If you need bigger text, that belongs in CSS, not in an H2 tag.
• A common template mistake: the logo or slogan in the site header marked as H1 on every page.

Keyword stuffing: why it hurts

Keyword stuffing means filling a page with keywords to manipulate rankings. Google explicitly lists it as a violation of its spam policies, and sites that violate them may rank lower or disappear from results. Typical examples: the same phrase repeated in every sentence, blocks of text listing every city a business “serves”, or hidden keyword lists. Use the main keyword in the title, the H1, the first paragraph and one subheading. Write the rest naturally and use synonyms.

URL

A short, descriptive URL with words separated by hyphens helps people and search engines understand the content before they open the page. For example, /services/seo is better than /index.php?id=482. If you change the URL of an existing page, set up a permanent 301 redirect from the old address, otherwise you lose links and traffic.

Page content

Content should answer the question the visitor came with, as early as possible. Google states that length alone does not affect rankings. What matters is whether the page covers the topic better than competitors: concrete numbers, steps, prices, examples. Put the direct answer in the first paragraph and the detail after it. Break longer copy up with subheadings, bullet points and tables.

Internal links

Internal links show search engines which pages matter and how they relate. Link from the copy where the reader needs more information, and use a description of the target page as the anchor text, not “here” or “more”. A page with no internal links pointing to it is harder to find, for people and crawlers alike.

Images

For images, take care of three things: a descriptive alt attribute (what the image actually shows), a meaningful file name and the file size. Uncompressed photos are one of the most common causes of slow loading; see our guide to website speed and Core Web Vitals.

Technical SEO: HTTPS and mobile

Technical SEO decides whether a search engine can reach your on-page work at all. Two items belong on every page.

HTTPS and SEO

Google has used HTTPS as a ranking signal since 2014. Its weight is small, but browsers label HTTP sites as not secure, and that deters customers more than the ranking effect itself. When moving from HTTP to HTTPS, 301-redirect every URL, update internal links and make sure no images or scripts still load over HTTP (mixed content).

Mobile SEO

Since October 2023, Google indexes sites based on their mobile version (mobile-first indexing). Content that exists only on desktop may not be taken into account at all. The mobile version therefore needs the same content, headings, structured data and meta tags as desktop, text that is readable without zooming and buttons that are easy to tap.

Technical SEO also covers loading speed, the robots.txt file and the XML sitemap that hands search engines a list of pages to crawl. If you do not know what state your site is in, start with a website SEO audit.

Off-page SEO: what the rest of the web says about you

Off-page SEO consists of signals created outside your website. You do not control them directly, but you can support them systematically.

Backlinks

A link from another site works like a recommendation. Quality and relevance of the source matter, not the number of links. Google treats buying links to influence rankings and excessive link exchanges as spam. Paid links are fine as long as they carry the sponsored or nofollow attribute. Our article on link building explains how to earn links safely.

Brand mentions

An interview in an industry publication, a conference talk or a mention in a partner’s article builds brand awareness and brings visitors who then search for you by name. Make sure your business name, address and phone number appear the same way everywhere.

Reviews and local signals

For businesses serving customers in a specific area, reviews and the Google Business Profile matter. For local results Google weighs relevance, distance and prominence, and its help pages state that more reviews and positive ratings can help local ranking. Read more in our guide to local SEO.

SEO checklist: on-page, technical and off-page

• Title: unique, 50–60 characters, main keyword near the start.
• Meta description: 140–160 characters, a clear benefit, no keyword lists.
• H1: one per page, matching the topic and search intent.
• H2/H3 headings: logical hierarchy, no headings used just for font size.
• Keywords: only those assigned to this page, no keyword stuffing.
• URL: short and descriptive; 301 redirect after any change.
• Content: direct answer in the first paragraph, concrete facts and numbers.
• Internal links: links from and to related pages with descriptive anchor text.
• Images: alt text, file name, compression.
• Meta robots and canonical: important pages without noindex, canonical pointing to the right URL.
• HTTPS: the whole site on HTTPS, no mixed content.
• Mobile version: same content as desktop, readable without zooming.
• Speed and sitemap: speed checked, sitemap submitted in Search Console.
• Off-page: relevant links without buying them, consistent business details, collecting reviews.

Run through this checklist for every new page, and review existing pages at least once a year or after a redesign. If you lack the capacity to keep an eye on it, it can be part of regular website maintenance.

When to bring in an expert

You can edit titles, meta descriptions and headings yourself in your CMS. An expert is worth it when traffic is dropping and you do not know why, you are planning a redesign or domain change, several pages compete for the same keywords, or you need to build links without the risk of a penalty. WebOptim has been in the market for more than 8 years and has delivered over 50 projects. See what our SEO services include, or tell us what you are dealing with on your website and we will suggest next steps.