New

Offer Showdown Discover

← Academy Module 7 of 12
Module 7

On-Page Optimization

The complete guide to on-page SEO elements. Title tags, heading hierarchy, image optimization, URL structure, schema markup, and how Tonaily automates corrections.

19 min read Prerequisite: Module 6

Why on-page SEO still matters in 2026

You have researched keywords (Module 2), built a content strategy (Module 4), established topical authority plans (Module 5), and learned how to generate content with AI (Module 6). To reach its full potential, even great content needs its on-page SEO elements set up correctly.

On-page SEO refers to the optimization of individual page elements that help search engines understand what your content is about and determine how it should rank. These are the elements you have direct control over: title tags, meta descriptions, headings, images, URLs, and structured data.

On-page SEO is the fastest way to improve rankings. On-page changes take effect as soon as Google recrawls the page, while off-page factors like backlinks take months to build. Fixing a poorly written title tag can improve click-through rate within days. Adding missing alt text to images can unlock image search traffic immediately.

AI-generated content still needs on-page optimization. Even though tools like Tonaily's Content Generator produce well-structured drafts, the final on-page elements (title tags, meta descriptions, schema markup) need careful attention. These elements are what Google displays in search results and what determines whether a user clicks your result or a competitor's.

Title tags and meta descriptions

The title tag and meta description are the two most visible on-page elements because they form your search result listing, the snippet users see in Google before deciding whether to click. Getting these right is critical for both rankings and click-through rate (CTR).

The title tag formula

A title tag is the HTML <title> element that appears in the browser tab and as the clickable headline in search results. Google typically displays the first 50-60 characters, so every word must earn its place.

Include the primary keyword early. Place your target keyword as close to the beginning of the title as possible. "Email Marketing Automation: The Complete 2026 Guide" is better than "The Complete 2026 Guide to Email Marketing Automation" because the keyword appears first, which carries more weight with Google and catches the searcher's eye faster.

Add a compelling modifier. Modifiers like "Complete Guide," "Step-by-Step," "Best," "How to," or a current year make titles more clickable. Data consistently shows that titles with specific modifiers earn higher CTRs than generic ones.

Include your brand for authority. If your brand is recognized in your niche, append it: "Email Marketing Automation Guide | Tonaily." If your brand is still building recognition, the space is better used for additional keywords or modifiers.

Keep it to 60 characters or fewer. Longer titles get truncated in search results and end with "...", which looks careless and can cut off important information. Check your title length with Tonaily's Google Preview before publishing.

Write for real readers. The title tag is your first impression. It must be compelling enough to earn a click. "Best Email Marketing Automation Tools Software Guide Free" is keyword-stuffed garbage. "7 Best Email Marketing Automation Tools for 2026" is clear, specific, and clickable.

Writing meta descriptions that convert

The meta description is the 150-160 character summary that appears below the title tag in search results. Their influence on rankings is indirect: they heavily shape CTR, which in turn affects rankings.

Answer the searcher's question. A good meta description tells the user exactly what they will find on the page. "Learn how to set up email marketing automation workflows that nurture leads and drive conversions. Includes 7 tool comparisons and setup guides." This tells the searcher the page has what they need.

Include a call to action. End with an action phrase: "Read the complete guide," "Compare tools now," "Get started in 5 minutes." This creates urgency and gives the user a clear reason to click your result.

Include the primary keyword. When the search term appears in the meta description, Google bolds it in the results. This visual emphasis draws the eye and increases CTR. Make sure your primary keyword appears naturally in the description.

Stay within 150-160 characters. This length uses all the space Google gives you and keeps the whole description visible. Use Google Preview to see exactly how your description will render in search results before publishing.

Heading hierarchy: H1 through H3

Headings structure your content for both readers and search engines. They create a scannable outline that helps users find what they need and helps Google understand the topical structure of your page.

H1: One per page, matching the topic. Every page should have exactly one H1 tag, and it should clearly describe the page's topic. For blog posts, the H1 is typically the article title. It should include the primary keyword and align closely with the title tag, though small differences in wording are fine. The H1 can be slightly longer and more descriptive since the 60-character limit applies only to the title tag.

H2: Major sections. H2 headings divide the article into its main sections. Each H2 should represent a distinct subtopic. Include secondary keywords in H2 headings where they fit naturally. Most articles have 4-8 H2 headings. If you have more than 10, consider whether some sections should be H3s nested under broader H2s.

H3: Subsections within sections. H3 headings break down H2 sections into more specific points. They are optional but useful for longer sections. An H2 about "Email Automation Tools" might have H3s for "Mailchimp," "ActiveCampaign," and "ConvertKit."

Move through levels in order. Going from H1 directly to H3, or from H2 to H4, creates a broken hierarchy. Screen readers and search engines use the heading structure to understand content relationships. A clean hierarchy (H1, then H2s, then H3s) signals organized, well-structured content.

Think of your heading hierarchy as a table of contents. If someone read only your headings, they should understand the full scope and structure of the article.

Image alt text and optimization

Images are often overlooked in SEO, but they represent a significant opportunity. Google Image Search drives billions of queries, and properly optimized images improve both accessibility and rankings.

Write descriptive alt text. Alt text (the alt attribute on img tags) serves two purposes: it describes the image to visually impaired users using screen readers, and it tells search engines what the image depicts. Good alt text is specific and descriptive: "Bar chart showing email open rates by industry in 2026" is much better than "chart" or "image1."

Include keywords naturally. If the image is relevant to your target keyword, include it in the alt text naturally. An article about "email marketing automation" with a screenshot of an automation workflow might have alt text like "Email marketing automation workflow showing trigger, delay, and send steps." Reserve keywords for the images that relate to them; for every other image, simply describe what it shows.

Optimize file size. Large images slow page loading, and page speed is a ranking factor. Compress images before uploading. Use modern formats like WebP or AVIF, which provide better compression than JPEG or PNG. Aim for images under 100KB for standard blog illustrations.

Use descriptive file names. Rename images before uploading: "email-automation-workflow-diagram.webp" is better than "IMG_4521.jpg." Search engines use file names as an additional signal for understanding image content.

URL structure

Clean, descriptive URLs help users and search engines understand what a page is about before they even visit it. URL structure is set when the page is created, and changing it later means creating redirect chains, so getting it right from the start matters.

Keep URLs short and descriptive. The ideal URL contains 3-5 words that describe the page's content: /blog/email-marketing-automation-guide is excellent. /blog/the-complete-and-ultimate-guide-to-email-marketing-automation-tools-2026 is too long.

Include the primary keyword. The URL should contain your target keyword or a close variant. This provides a minor ranking signal and helps users understand the page topic from the URL alone.

Use hyphens between words. Search engines treat hyphens as word separators. "email-marketing" is read as two words; "email_marketing" may be read as one. Always use hyphens.

Prefer static URLs. URLs like /blog?id=1234&cat=marketing are hard to read and weak for SEO. Static, human-readable URLs work far better wherever possible.

Create logical folder structures. Organize URLs in a hierarchy that reflects your site structure: /blog/email-marketing/automation-tools/ tells both users and search engines that this page is about automation tools within the email marketing section of your blog.

Strategic keyword placement

Where you place keywords on the page matters more than how many times you use them. As discussed in Module 6, the ideal keyword density varies from page to page. What stays constant are the strategic positions where keyword presence has the most impact.

First 100 words. Google places extra weight on keywords that appear early in the content. Your primary keyword should appear naturally within the first paragraph, ideally in the first sentence or two. This signals to both search engines and readers that the page is about the stated topic.

Title tag and H1. These are the two highest-priority positions for your primary keyword. Both should include it prominently.

At least one H2. Include the primary keyword or a close variant in at least one H2 heading. This reinforces the topical focus and helps the heading appear in featured snippet opportunities.

Conclusion. Mention the primary keyword in the closing paragraphs. This bookends the content and reinforces the topic for search engines crawling the full page.

Image alt text. As discussed above, include the keyword in at least one image's alt text where it is contextually relevant.

Internal link anchor text. When other pages on your site link to this page, they should use anchor text that includes the target keyword. This is covered in depth in Module 8: Internal Linking.

Run your content through Tonaily's SEO Score after optimizing keyword placement. It checks all these positions and flags the ones that need work.

Schema markup basics

Schema markup (structured data) is code you add to your pages to help search engines understand the content more precisely. Its effect on rankings is indirect, and its big payoff is rich results: enhanced search listings with star ratings, FAQ dropdowns, how-to steps, or other visual elements that dramatically increase CTR.

Article schema. For blog posts and articles, implement Article or BlogPosting schema. This tells Google the author, publication date, modification date, and headline. It can result in enhanced article listings in search results and Google Discover.

FAQ schema. If your article answers common questions, add FAQPage schema. This can produce expandable FAQ sections directly in search results, taking up more visual space and providing answers before the user even clicks. Include 3-5 of the most important questions from your content.

HowTo schema. For tutorial content, HowTo schema can produce step-by-step rich results with images for each step. This is especially powerful for "how to" queries, which represent a massive share of informational searches.

Breadcrumb schema. BreadcrumbList schema helps Google display your site's navigation hierarchy in search results, showing the path to the page (Home > Blog > Email Marketing > Automation Guide). This improves usability and can increase CTR.

Organization and website schema. Site-wide schema that identifies your organization, logo, social profiles, and website structure helps Google build a more complete understanding of your brand. This contributes to E-E-A-T signals discussed in Module 5.

Schema markup is one of the most underutilized on-page SEO techniques. Most websites have yet to implement it. Adding even basic Article and FAQ schema puts you ahead of the majority of competitors.

How Tonaily Fix works

Manually checking and fixing every on-page SEO element across hundreds of pages is tedious and error-prone. This is exactly the problem Tonaily Fix solves.

1-click AI correction. Tonaily Fix scans your content and identifies on-page SEO issues: missing or too-long title tags, empty meta descriptions, broken heading hierarchies, missing alt text, keyword placement gaps, and more. For each issue, it generates an AI-powered fix that you can apply with a single click.

How it works in practice. Connect your content to Tonaily, and Fix runs an automated audit. It produces a prioritized list of issues sorted by impact. High-impact fixes like missing title tags appear first, low-impact issues like slightly long URLs appear last. For each issue, you see the current state, the recommended fix, and an "Apply" button. Click it, and the fix is applied instantly.

Batch processing. Tonaily Fix works on individual pages and on your entire site: it can scan everything and apply fixes in bulk. If 50 pages are missing meta descriptions, you can review and apply all 50 fixes in minutes.

Continuous monitoring. Fix goes beyond a one-time audit: it continuously monitors your content and flags new issues as they appear, whether from content updates, structural changes, or shifting SEO best practices. This keeps your on-page optimization current with minimal manual effort.

The combination of SEO Score (which grades your content) and Tonaily Fix (which corrects the issues Score identifies) creates a closed-loop optimization system. Score tells you what to improve; Fix shows you how and does the work for you.

How Google Preview works

Writing a title tag and meta description is the first half of the job. You also need to see how they actually look in Google search results. Character counts and pixel widths can diverge. A title that is 58 characters might still get truncated if it uses wide characters.

Tonaily's Google Preview renders a live preview of your search result listing exactly as it would appear in Google. You can see:

  • Title tag rendering. Does it fit, or does Google truncate it? Is the keyword visible? Does it look compelling?
  • Meta description rendering. Is the full description visible? Are keywords bolded correctly? Does it end naturally or get cut off mid-sentence?
  • URL display. How does your URL path appear? Is it clean and readable?
  • Rich result preview. If you have implemented schema markup, Preview shows how rich results (FAQ dropdowns, star ratings) would appear alongside your listing.

A/B comparison. Google Preview lets you write multiple title tag and meta description variants and compare them side by side. This helps you choose the version that looks most compelling in the context of a real search results page.

Mobile and desktop views. Search results look different on mobile and desktop. Title tag length, description display, and rich result formatting all vary. Preview shows both views so you can optimize for both screen sizes.

The workflow is simple: write your title and description, preview them in Google Preview, adjust until they look perfect, then publish. This replaces guesswork with a clear visual check at every step.

With your on-page elements optimized, the next step is connecting your pages through strategic internal linking. Module 8: Internal Linking covers how to build link structures that distribute authority across your site and improve rankings for your entire content cluster.

Key Takeaways

Title tags under 60 characters with the keyword early earn the highest CTR.
Use a clean heading hierarchy (H1 > H2 > H3), moving through levels in order.
Schema markup earns rich results, an edge most competitors have yet to claim.
Tonaily Fix scans and auto-corrects on-page issues; Google Preview shows your live SERP listing.

Try it in Tonaily

Run Tonaily Fix on your existing content to find and correct on-page issues. Then use Google Preview to perfect your title tags and meta descriptions. Check your SEO Score before and after.

Get started →

Cette page est disponible en français.

Lire en français