justseo academy·STAGE 1 · FoundationsAll chapters →
    Chapter F5

    On-Page SEO and Content Production

    20 min readPlaybookChapter 5 of 48Updated 2026

    On-page SEO is everything you control on the page itself. Not the links pointing at you, not Google's mood, but the content, tags, structure, links, and media you own outright. Because you control all of it, this is where the highest-certainty work lives.

    What you control on the page

    On-page SEO covers every element inside your own HTML: the content and how well it matches intent, the tags that describe it, the heading structure, the internal links, and the media. Off-page factors like backlinks are what the rest of the web says about you. On-page is what you say about yourself, and it is the part you can fix today without asking anyone's permission.

    Title tags and meta descriptions

    The <title> element defines the page title, and Google uses it as the main source for the clickable blue headline in results. Google may rewrite it if it judges your title empty, boilerplate, keyword-stuffed, or a poor match for the query. Write one unique, descriptive title per page. Front-load the distinctive part and let the brand trail. A practical length is roughly 50 to 60 characters, though Google truncates by pixel width, not a character count. The title is the single biggest on-page influence on whether someone clicks.

    The meta description, set in a <meta name="description"> tag, gives a short summary Google may use as the snippet. It is not a ranking factor. Think of it as ad copy for the result. Google uses your description about half the time and generates its own snippet the rest, usually to match the exact query. Write unique, accurate, enticing descriptions of roughly 150 to 160 characters, and accept that Google will sometimes overrule you.

    Headings and URLs

    Heading tags, H1 through H6, structure content into a hierarchy. One clear H1 states the page topic. H2 and H3 nest the sections beneath it. Good headings help readers scan, help screen-reader users navigate, help Google grasp your sub-topics, and improve eligibility for snippets and People Also Ask. One rule matters most: do not skip heading levels for styling. If you want smaller text, use CSS. Keep the outline logical.

    URLs should be readable and descriptive: /blog/keyword-research/, not /p?id=8471. Use words, a logical folder hierarchy, hyphens between words, lowercase, and few parameters. The words are a minor signal, so describe, do not stuff. When you change a URL, redirect the old one with a 301 so you do not lose its accumulated signals and links.

    Internal links are links from one page to another on the same site. They do three jobs: they help people navigate, they help Google discover pages, and they pass ranking signals, often called link equity, between your pages. The anchor text tells Google what the target page is about. Internal linking is one of the most underused levers you fully control.

    Two failure modes matter. Orphan pages have no internal links pointing at them, so they are hard for Google to find and hard to rank. And burying an important page many clicks deep signals that it is unimportant. Keep the pages that matter a few clicks from the homepage, use descriptive and varied anchors, and fix broken internal links when you find them.

    Here is a repeatable internal-linking pass for a new article.

    • Search site:yourdomain.com [topic] to find relevant existing pages.
    • From 3 to 8 older pages, add contextual links to the new article with descriptive anchors.
    • From the new article, link out to your pillar page and related sub-topic pages.
    • Confirm the new page is no longer orphaned, using a crawler that cross-checks your sitemap and Search Console.

    Image SEO

    Images have to load fast, stay accessible, and be understandable to Google. A few concrete habits cover most of it. Give files descriptive names (running-shoes-flat-feet.jpg, not IMG_4821.jpg). Write concrete alt text that describes what the image actually shows: it is both an accessibility requirement and an image-search signal. Serve modern formats like WebP or AVIF. Use responsive sizing with srcset so devices fetch an appropriately sized file. Lazy-load images below the fold so they do not block the initial view.

    Set explicit width and height attributes so the browser reserves the right space and the layout does not jump as images load. That single habit prevents a whole class of layout-shift problems. The mechanics of image loading and layout stability belong to the performance stage. Image loading and LCP → Stopping layout shift →

    A brief-to-publish workflow

    Put the pieces together into one repeatable flow, so on-page quality is a process, not a memory test.

    • Brief from the keyword map: name the one primary keyword, the intent, and the sub-topics the page must cover.
    • Draft to intent: match the format the live SERP rewards, and answer the question completely.
    • On-page pass: title, meta description, heading hierarchy, clean URL, image optimization.
    • Internal-link pass: link in from older pages and out to the pillar and siblings.
    • Publish and verify: check the rendered page, then confirm indexing through URL Inspection.
    On-page work is the highest-certainty part of SEO. You are not guessing at an algorithm. You are shipping the exact things Google reads, in the form it reads them.

    Two on-page elements reach beyond classic search. Structured data unlocks richer result displays and has its canonical home in the technical stage, and a clear, question-shaped structure is exactly what answer engines quote. Structured data → Quotable structure →

    We use cookies

    We use cookies to improve your experience, analyze site traffic, and personalize content. You can customize your preferences at any time.

    Learn more: Cookie PolicyPrivacy Policy

    Customize