On-Page SEO vs Technical SEO: What's the Difference and Which Comes First?

Nik Aggar

3 hours ago

6 min read

On-page SEO is about what's on each page: the words, headings, titles and links that tell Google what the page is about and why it deserves to rank. Technical SEO is about how the whole site works: whether search engines can crawl it, render it and index it, and whether it's fast and stable for visitors.

You need both. Great content on a site Google can't crawl won't rank, and a technically perfect site with thin content has nothing worth ranking. This guide explains what each covers, how to tell which one is holding you back, and gives you a checklist for both.

What is on-page SEO?

On-page SEO covers everything you control on an individual page to make it relevant and useful for a specific search. It answers two questions for Google: what is this page about, and is it the best answer for this search?

The main elements are:

Search intent match. The page gives people what they're looking for: a guide, a comparison, a product or a price.
Title tag and meta description. The clickable headline and summary shown in search results.
Headings. One H1 that states the topic, with H2s and H3s that structure the answer.
Content depth and quality. Covering the topic fully, with original insight, examples and accurate information.
Keywords and related terms. Using the words your audience searches with, naturally and in the right places. Good keyword research comes first.
Internal links. Links to and from related pages on your site, with descriptive anchor text.
Images. Descriptive file names and alt text, compressed for speed.
E-E-A-T signals. A named author, dates, sources and proof of real experience.

What is technical SEO?

Technical SEO makes sure search engines can find, understand and serve your pages, and that visitors get a fast, stable experience. It usually applies across the whole site rather than to one page.

The main elements are:

Crawlability. Search engines can reach your pages through links and your XML sitemap, and robots.txt doesn't block what matters.
Indexing. The right pages are indexed and the wrong ones (duplicates, thin tag pages, test pages) are not. That means using noindex tags and canonical tags correctly.
Site speed and Core Web Vitals. Google's page experience metrics: Largest Contentful Paint (loading), Interaction to Next Paint (responsiveness) and Cumulative Layout Shift (visual stability). See our notes on page speed and website optimization.
Mobile usability. Google indexes the mobile version of your site first.
Site architecture and URLs. A logical structure where important pages are a few clicks from the homepage, with clean, readable URLs.
Redirects and errors. No broken links, redirect chains or pages that return errors.
HTTPS and security. A valid certificate and no mixed content.
Structured data. Schema markup that helps search engines understand entities such as your organization, products, articles and locations.

On-page vs technical SEO at a glance

	On-page SEO	Technical SEO
Main question	Is this page the best answer for the search?	Can search engines access and trust the site?
Scope	One page at a time	The whole site
Typical owner	Content writers, marketers	Developers, technical SEO specialists
Key tools	Google Search Console (queries), keyword tools, content editors	Search Console (indexing, Core Web Vitals), site crawlers such as Screaming Frog, PageSpeed Insights
Signs of a problem	Pages are indexed but stuck on page 2 or lower, or low click-through	Pages missing from Google, sudden traffic drops, slow or unstable pages
How fast fixes show	Weeks, as pages are re-crawled	Often fast for indexing fixes. Speed gains show gradually

Which one is holding your site back?

Open Google Search Console and look at two reports.

Pages (indexing) report. If important pages show as "Crawled, currently not indexed", "Excluded by noindex" or "Duplicate without user-selected canonical", you have a technical problem. Fix it first, because nothing else matters for a page Google won't index.
Performance report. If your pages are indexed and get impressions but sit at average positions of 11 to 40 with low clicks, the problem is on-page. Google knows the page exists but doesn't think it's the best answer yet.

Most established sites have a few technical issues and a lot of on-page opportunity. A new site or one that has just been migrated usually has it the other way round.

Technical SEO checklist

Run through this list once a quarter, and after any redesign, migration or platform change.

Every important page appears as "Indexed" in Search Console's Pages report
No important page carries a noindex tag or points its canonical tag at another URL by mistake
The XML sitemap lists only live, indexable pages and is submitted in Search Console
robots.txt doesn't block pages, CSS or JavaScript that Google needs
Core Web Vitals are "Good" for most mobile URLs (LCP under 2.5 seconds, INP under 200 ms, CLS under 0.1)
Pages work and read well on a phone
No broken internal links, and no redirect chains longer than one hop
Old URLs redirect (301) to their closest current equivalent, not all to the homepage
The whole site runs on HTTPS with no mixed-content warnings
Key pages are reachable within three clicks of the homepage
Structured data (Organization, Article, Product, LocalBusiness) is valid in Google's Rich Results Test

On-page SEO checklist

Use this for every new page and every page you refresh.

The page targets one main search intent, checked by looking at what currently ranks
The title tag is unique, under about 60 characters, and leads with the main topic
The meta description is under about 160 characters and gives a reason to click
There is one H1, and H2s that a skimmer could read as an outline
The opening paragraph answers the core question directly
The content covers the questions people ask next, using Search Console queries and "People also ask" as a guide
The page includes something original: your data, examples, screenshots or expert opinion
It links to two to five related pages, and at least two other pages link to it
Images have descriptive alt text and are compressed
A named author, a publish date and an updated date are visible
Any statistics link to their original source

How on-page and technical SEO work together

Think of technical SEO as the road to your store and on-page SEO as the store itself. A blocked road means no visitors, however good the store is. A clear road to an empty store doesn't sell anything either.

In practice they overlap more than the labels suggest:

Internal linking is on-page work (anchor text, relevance) with a technical effect (how crawlers discover and prioritize pages).
Duplicate content is often a technical problem (two URLs for one page) with an on-page fix (merging or differentiating the content).
Page speed depends on development work, but also on content choices such as image size, embedded videos and third-party widgets.

The best results come when writers and developers look at the same Search Console data and fix problems together.

What AI search changes, and what it doesn't

Google's AI Overviews and assistants like ChatGPT and Perplexity have changed how people get answers, but not the basics. AI systems still need to crawl and understand your pages (technical SEO), and they favor clear, well-structured, credible answers (on-page SEO).

A few practices matter more now:

Answer the main question in the first two or three sentences, then go deeper.
Use descriptive headings and short sections that can be quoted on their own.
Back claims with sources and show who wrote the content and why they're qualified.
Keep your organization's details (name, address, services) consistent in structured data and across the web, so AI systems recognize your business as one entity.

Frequently asked questions

Is technical SEO more important than on-page SEO?

Neither is more important on its own. Technical SEO comes first in order, because a page that can't be indexed can't rank. Once the basics are sound, most of the ranking gains come from on-page work and content.

Can I do on-page SEO without a developer?

Yes. Most on-page work, like titles, headings, content and internal links, can be done in your CMS. Technical fixes such as site speed, redirects and rendering problems usually need a developer, although platforms like Wix and Shopify handle many technical basics for you.

Is off-page SEO different from both?

Yes. Off-page SEO covers signals outside your site, mainly links from other websites, reviews and brand mentions. Read our guide to curated backlinks for how to earn links safely.

How often should I audit my site?

Run a full technical audit at least once a year and after any big change. Review your top on-page opportunities, meaning pages ranking in positions 8 to 20, every month in Search Console.

Get both sides right

If you're not sure whether your rankings are held back by technical problems or by your content, start with the two Search Console reports above. They'll tell you where to look in about 15 minutes.

Want an expert opinion? SYMVOLT's SEO services cover technical audits and on-page optimization in one plan. Book a call

About the author: Nik Aggar is Director of Account Management at SYMVOLT. Connect on LinkedIn