article Part 2 of 6

What is On-Page SEO?

On-page SEO (also called on-site SEO) refers to the practice of optimizing individual web pages to rank higher and earn more relevant traffic. Unlike off-page SEO (like building backlinks), on-page SEO is entirely within your control—it's all about what's directly on your pages.

This includes everything from the HTML source code to the actual content users see. Done right, on-page optimization helps search engines understand your content and signals to them that your page deserves to rank well for specific queries.

The Anatomy of a Well-Optimized Page

Let's start with a visual overview of all the key on-page SEO elements you need to optimize:

Let's dive into each of these elements and understand how to optimize them effectively.

1. Title Tags (The Most Important On-Page Element)

The title tag is an HTML element that specifies the title of a web page. It appears in three crucial places:

  • Search engine results pages (as the clickable headline)
  • Browser tabs
  • Social media when your page is shared

Title tags are one of the most important on-page SEO factors. They tell search engines what your page is about and influence whether users click on your result.

How to Write Effective Title Tags

Best practices:

  • Keep it under 60 characters – Google typically displays the first 50-60 characters. Longer titles get truncated with "..."
  • Include your primary keyword – Preferably near the beginning of the title
  • Make it compelling – This is your ad copy in search results. Make people want to click.
  • Match search intent – If users search "how to," your title should indicate a guide or tutorial
  • Include your brand – Usually at the end, separated by a pipe (|) or dash (-)
  • Make each title unique – Every page should have its own distinct title

Examples:

<!-- Good: Clear, keyword-rich, compelling -->
<title>How to Start a Blog in 2024: Complete Beginner's Guide | BlogPro</title>

<!-- Bad: Vague, no keywords, too long -->
<title>BlogPro - Welcome to our website where we teach you everything about blogging</title>

<!-- Good: Specific, addresses search intent -->
<title>Best Running Shoes for Flat Feet (2024 Reviews) | RunnerWorld</title>

<!-- Bad: Keyword stuffing -->
<title>Running Shoes | Best Running Shoes | Running Shoes for Sale | Buy Shoes</title>

2. Meta Descriptions

The meta description is an HTML attribute that provides a brief summary of your page. While not a direct ranking factor, it significantly impacts click-through rates (CTR) from search results.

When your meta description is compelling and relevant to the search query, more people click on your result—and higher CTR can indirectly boost rankings.

How to Write Effective Meta Descriptions

  • Keep it 150-160 characters – Google truncates longer descriptions
  • Include your target keyword – Google bolds matching terms in search results
  • Provide a clear value proposition – Why should someone click?
  • Include a call-to-action – Words like "Learn," "Discover," "Get," or "Find out"
  • Make it accurate – Describe what's actually on the page. Misleading descriptions hurt bounce rate.
  • Make each description unique – Avoid duplicates across pages

Examples:

<!-- Good: Clear value, includes CTA and keyword -->
<meta name="description" content="Learn how to optimize your website for search engines with our comprehensive SEO guide. Covers on-page, technical, and link building strategies. Start ranking today!">

<!-- Bad: Too short, vague, no CTA -->
<meta name="description" content="SEO guide for websites.">

<!-- Good: Specific, includes numbers, clear benefit -->
<meta name="description" content="Discover 15 proven email marketing strategies that increased our open rates by 40%. Free templates and examples included. Read the complete guide.">

3. Heading Structure (H1-H6)

Headings organize your content into a logical hierarchy. They help both users and search engines understand the structure and main topics of your page.

Heading Best Practices

  • Use only one H1 per page – This should be your main page heading and primary topic
  • Don't skip levels – Go from H1 to H2 to H3, not H1 to H3
  • Use headings to structure content – Not for styling. If you want bigger text, use CSS
  • Include keywords naturally – Especially in H1 and H2 tags, but don't force it
  • Make headings descriptive – They should clearly indicate what the section covers
  • Use headings to break up long content – Improves readability and scannability

4. URL Structure

Your page URLs should be clean, descriptive, and include your target keyword when possible.

Good URLs:

  • example.com/seo-guide
  • example.com/blog/on-page-optimization
  • example.com/products/running-shoes

Bad URLs:

  • example.com/page?id=12345
  • example.com/p1/a2/b3/index.html
  • example.com/this-is-a-very-long-url-with-too-many-words

Best practices:

  • Keep URLs short and descriptive
  • Use hyphens (-) to separate words, not underscores (_)
  • Use lowercase letters
  • Include your target keyword
  • Avoid unnecessary parameters and numbers
  • Make URLs readable and user-friendly

5. Content Optimization

Content is still king. No amount of technical optimization can compensate for poor, thin, or irrelevant content.

Keyword Optimization (Without Keyword Stuffing)

Include your target keyword and related terms naturally throughout your content:

  • In the first 100 words – Establish topic relevance early
  • In headings – Especially H1 and some H2s
  • In the body content – But naturally, not forced
  • In image alt text – When genuinely describing the image
  • Use semantic variations – Related terms and synonyms (LSI keywords)

Keyword density is less important than it used to be. Aim for natural language that serves users first. Modern search engines understand context and semantic relationships.

Content Quality Factors

  • Comprehensive coverage – Thoroughly address the topic
  • Original insights – Add value beyond what's already ranking
  • Readability – Use short paragraphs, bullet points, and clear language
  • Visual elements – Include images, videos, charts, or diagrams
  • Length – Long-form content (1,500+ words) often ranks better for competitive keywords, but quality beats quantity
  • E-E-A-T signals – Demonstrate Experience, Expertise, Authoritativeness, and Trustworthiness

6. Internal Linking

Internal links are links from one page on your site to another page on your site. They're crucial for SEO because they:

  • Help search engines discover and index new pages
  • Pass authority (PageRank) between pages
  • Establish information hierarchy and site structure
  • Keep users engaged and on your site longer

Best practices:

  • Use descriptive anchor text – The clickable text should describe what the linked page is about
  • Link to relevant pages – Only link when it adds value for the reader
  • Link to important pages more often – This signals their importance to search engines
  • Avoid generic anchor text – "Click here" and "read more" waste SEO value
  • Include 2-5 internal links per page – Depending on content length

7. Image Optimization

Images can significantly impact SEO, both positively and negatively.

Alt text (alternative text) describes images for users who can't see them (visually impaired users or when images fail to load). It's also how search engines understand what your images show.

Best practices:

  • Write descriptive alt text – Describe what's in the image accurately and concisely
  • Include keywords when relevant – But only if they naturally describe the image
  • Keep it under 125 characters – Screen readers may cut off longer descriptions
  • Don't stuff keywords – Avoid "best running shoes, running shoes for sale, buy running shoes..."
  • Use descriptive file names – "blue-running-shoes.jpg" not "IMG_1234.jpg"
  • Compress images – Large images slow down page speed
  • Use appropriate formats – WebP for modern browsers, JPEG for photos, PNG for graphics with transparency
<!-- Good: Descriptive and keyword-relevant -->
<img src="on-page-seo-checklist.png" alt="On-page SEO checklist showing 12 optimization factors">

<!-- Bad: No information -->
<img src="image1.jpg" alt="image">

<!-- Bad: Keyword stuffing -->
<img src="shoes.jpg" alt="running shoes best running shoes buy running shoes cheap running shoes">

8. Schema Markup (Structured Data)

Schema markup is code (in JSON-LD format) that you add to your pages to help search engines understand your content better and display rich results.

Rich results can include star ratings, pricing, availability, event dates, recipe details, and more—making your search listing stand out and potentially increasing CTR.

Common schema types:

  • Article – For blog posts and news articles
  • Product – For e-commerce product pages
  • Recipe – For cooking recipes
  • Event – For upcoming events
  • FAQ – For frequently asked questions
  • HowTo – For step-by-step guides
  • Organization – For company information
  • LocalBusiness – For local business information

You can use Google's Rich Results Test tool to validate your schema markup.

Key Takeaways

  • On-page SEO involves optimizing elements directly on your web pages—title tags, meta descriptions, headings, content, URLs, and more.
  • Title tags are the most important on-page element. Keep them under 60 characters, include your keyword, and make them compelling.
  • Meta descriptions don't directly impact rankings but significantly affect click-through rates. Make them 150-160 characters with a clear value proposition.
  • Use proper heading hierarchy (H1-H6) with only one H1 per page and don't skip levels.
  • Create clean, descriptive URLs that include your target keyword.
  • Focus on comprehensive, high-quality content that demonstrates E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness).
  • Use internal links with descriptive anchor text to help search engines understand site structure.
  • Optimize images with descriptive alt text and compress them for faster loading.
  • Implement schema markup to help search engines understand your content and earn rich results.

With these on-page fundamentals in place, you're ready to tackle the technical aspects of SEO—site speed, mobile optimization, crawlability, and more.