Anatomy of a webpage, 12 elements for SEO, AI search and conversion
**Updated 21st October 2026. First published in 2019.**
Every webpage has two audiences. Search engines and AI tools need to understand what the page is about so they can rank it or quote it. People need to be convinced enough to enquire, book or buy. For years, marketers treated SEO and conversion as separate jobs. They aren't. The same page has to do both, and most of the elements that help one also help the other.
When I audit a client page, I check three things first.
Does the page title and meta description give searchers a clear reason to click?
Is there one clear H1 that names the service or product people actually search for, and not just the brand name?
And is there an obvious next step, such as booking a call or requesting a quote, so visitors know what to do?
If any of those three is missing, nothing further down the page will save it.
Below is the full anatomy I use when building or fixing a page, updated for how search works now, with AI Overviews, AI Mode and ChatGPT all reading the same pages your buyers do.
| Element | Job for search and AI | Job for conversion |
|---|---|---|
| Page title | Tells search engines what the page answers | Earns the click in search results |
| Meta description | Often shown as the search snippet | Gives searchers a reason to choose you |
| URL | Short, readable signal of the topic | Easy to trust and share |
| H1 and headings | Shows the page's hierarchy | Lets visitors scan to what they need |
| Answer-first content | Gives AI tools a clear passage to quote | Answers the visitor's question straight away |
| Images | Alt text and file names add context | Shows the real business behind the page |
| Video | Appears in video results and AI answers | Keeps visitors engaged for longer |
| Breadcrumbs | Maps where the page sits on the site | Helps visitors move around |
| Internal links | Passes authority and context between pages | Leads visitors to the next useful page |
| CTA and trust signals | Reviews and named people support E-E-A-T | Turns interest into an enquiry |
| Speed | Core Web Vitals feed page experience | Stops visitors leaving before the page loads |
| Schema | Machine-readable facts about the page | Can earn richer results in search |
The 12 elements of a high-performing webpage
1. Page title
Your page title is your advert in search results. It tells search engines what the page is about, and it's usually the first thing a searcher reads.
I no longer write titles around keywords. AI has changed how people search, and they now type full questions and prompts. So I write titles that match the intent behind the search, the question someone is really asking, in natural language. Rewriting titles this way has improved click-through rates on client pages.
Google doesn't set a character limit for titles. It shortens them to fit the width of the screen, so put the most important words first. It can also rewrite a title it considers unclear, inaccurate or stuffed with repeated phrases, which is another reason to keep yours honest and specific.
2. Meta description
The meta description isn't a ranking factor. It's sales copy. Google often shows it under your title, and a good one gives searchers a clear reason to click your result over the one above it.
Say what the page offers, who it's for and what the reader gets, in a sentence or two. Google may replace it with text from the page if it thinks that answers the search better, so make sure your opening paragraph can do the same job.
3. URL
Keep URLs short, readable and free of dates or numbers, so you can update the page without changing its address. If you ever have to change a URL, redirect the old one with a 301. I explain my URL rules in crafting a strong SEO strategy, and what happens when redirects go wrong in website migration SEO risk.
4. One H1 and a clear heading hierarchy
Every page should have one H1 that names what the page is about, ideally the service or product people search for. After that come H2s for the main sections, H3s inside those sections and H4s where you need them. You'll rarely need to go deeper.
I've fixed many sites where the headings were all over the place, with several H1s, headings chosen for their font size or sections that skip levels. It confuses search engine crawlers about what matters most on the page, and it makes the page harder for people to scan. People don't read web pages line by line. They scan for the part they need, and headings are how they find it.
5. Answer-first content
This is the element that has changed most since I first wrote this article. AI tools such as Google's AI Overviews and ChatGPT quote passages that answer a question clearly. On blumint.co, the pages that get cited tend to follow the same pattern. A question-style heading, then a direct answer of around 40 to 60 words, then the detail. Comparisons, steps and figures sit in tables or lists, not buried in long paragraphs.
Google says you don't need to write in a special way for AI, and it doesn't need content chopped into tiny pieces. Answer-first writing isn't a trick, though. It's simply what good web writing has always been, and it helps human readers just as much. What makes the difference is original insight from someone with real experience, with a named author, which is what Google looks for under E-E-A-T. Our guides to answer engine optimisation for content teams and brand visibility in LLMs go further, and AI citation tracking explains how we measure whether it works.
6. Images
Your own photos are always better. They show the real people and work behind the business, which stock images can't. If you're a new company with a small budget, stock photos are a reasonable place to start. At Blu Mint we use a mix of our own photos and stock, and we always add our logo.
I avoid AI-generated images. They often look cartoonish, and readers increasingly dismiss them as AI slop, which undermines the trust the rest of the page is trying to build.
Whatever you use, give each image a short, descriptive file name and alt text that describes what the image shows, for visitors who use screen readers and for search engines. Compress images so they don't slow the page down. Our guide to web copy and web content covers how words and visuals work together on a page.
7. Video
Video makes a real difference. In my experience, a relevant video keeps visitors on the page longer and makes them more likely to get in touch, because they can see and hear who they'd be working with. Put the video on YouTube as well, where it can reach new audiences and appear in video results and AI answers, and add a transcript to the page. Our guide to video SEO covers the practical steps.
8. Breadcrumbs
Breadcrumbs are the small trail of links near the top of a page, such as Home > Blog > SEO, that shows where the page sits on the site. They help visitors move around and help search engines understand your site's structure.
I use them on most client sites, and they matter most for ecommerce, where products sit several levels deep in categories. Add BreadcrumbList markup too, and Google can show the trail in desktop search results in place of a long URL.
9. Internal links
Every page should link to related pages on your site, with anchor text that describes where the link goes. Internal links pass authority between pages, help search engines discover your content and lead visitors to the next useful page, whether that's a related article or a service page. A page with no internal links pointing to it is easy for both search engines and people to miss.
10. CTA and trust signals
The most common conversion killer I see is a weak or vague call to action, often combined with a page that doesn't deliver what the advert or search result promised. Visitors arrive expecting one thing, find something else and leave within seconds.
Make the next step obvious and specific. "Book a 20-minute call" beats "Submit". Keep one main action per page, as too many competing buttons and offers leave people unsure what to do. Then back it up with trust signals near the CTA, such as client logos, reviews, case studies and the names and faces of the people they'll work with. Our guide to winning B2B clients faster shows how this plays out across the whole buying journey.
11. Speed and Core Web Vitals
A slow page loses visitors before they read a word, especially on mobile. Google measures page experience through three Core Web Vitals. The main content should load within 2.5 seconds, the page should respond to clicks within 200 milliseconds, and the layout shouldn't jump around as it loads. Compress images, limit heavy scripts and test your pages in PageSpeed Insights. Our guide to SEO and UX covers how speed and usability work together.
12. Schema
Schema markup is code that tells search engines and AI tools the facts about your page in a format machines can read. It isn't a ranking factor, and Google says you don't need special markup to appear in AI Overviews. It still helps search engines understand your content, and it makes pages eligible for richer results. These are the types I use now.
Organization on the homepage, with sameAs links to your official profiles, such as LinkedIn, Clutch and social accounts, plus Wikidata if you have an entry. This anchors your brand as one entity.
Person for authors and team members on bios and About pages, linked to your Organization. This supports E-E-A-T.
Article or BlogPosting on every blog post, naming the author, publisher and dates.
BreadcrumbList on every page below the homepage.
Service or Product for what you sell. Product markup also feeds Google's shopping results.
LocalBusiness in place of Organization if you have a physical office or shop customers visit.
Event for webinars, classes or other dated events.
Two cautions. Review stars need care, as Google won't show star ratings for reviews a business publishes about itself on its own site, so nest reviews inside Product markup where they apply to a product. And FAQ rich results stopped appearing in Google on 7th May 2026. I still keep FAQPage markup on pages that already have it, as it matches the visible FAQs and other tools can read it, although it no longer earns anything special in Google.
Measure whether the page works
Judge a page on what it achieves.
Set up form submissions, calls and bookings as tracked events in Google Analytics, so you can see which pages turn visitors into enquiries. Without that, you're left judging pages on traffic alone, and traffic is the least useful measure of a page built to convert. Rankings need care too, as poisoned SERPs have shown this autumn, so check them against Search Console before you change a page.
If you'd like help building pages that rank, get cited and convert, our SEO and web design teams work on both sides together. Our content writers handle the words, and paid search and social media can send the right visitors to the page while it builds organic traffic.
-
The page title, one clear H1 that names what the page is about, well-structured content that answers the searcher's question and internal links to related pages. Speed and schema support them, and none of it works without content worth reading.
-
Google sets no character limit and shortens titles to fit the screen width. Put the most important words first and write for the question people are asking, not for a list of keywords.
-
Answer the question directly near the top, under a clear heading, then support it with detail, tables and original insight. Name a real author with relevant experience, and make sure AI crawlers can access your pages.
-
Google no longer shows FAQ rich results, so it won't earn a special display in search. There's no harm in keeping it where it matches visible FAQs, although adding it to new pages is no longer a priority.
