On-Page SEO

On-Page SEO Anatomy

Title Tags

The <title> tag is the single most important on-page SEO element. It appears in the browser tab, search results, and social shares.

<title>On-Page SEO Guide: Title Tags, Meta Descriptions & More | QuickLearnPro</title>

Title Tag Best Practices

• Length: 50-60 characters (Google truncates at ~600px width)
• Keyword placement: Put the primary keyword near the front
• Uniqueness: Every page needs a unique title
• Brand: Add your brand name at the end with a pipe or dash separator
• Intent match: The title should promise what the content delivers

Meta Descriptions

The meta description is the snippet shown below your title in search results. It doesn't directly affect rankings, but it heavily influences click-through rate (CTR).

<meta name="description" content="Learn on-page SEO fundamentals: title tags, meta descriptions, heading structure, content optimization, and internal linking strategies. Actionable tips with code examples.">

Best Practices

• Length: 120-160 characters
• Include the keyword: Google bolds matching terms in the snippet
• Call to action: "Learn how…", "Discover…", "Get the complete guide…"
• Unique per page: Never duplicate meta descriptions
• Honest preview: Accurately describe the page content

Heading Structure (H1-H6)

Headings create a hierarchy that helps both users and search engines understand your content structure.

<h1>On-Page SEO Guide</h1>           <!-- One per page, the page title -->
  <h2>Title Tags</h2>                  <!-- Major sections -->
    <h3>Best Practices</h3>             <!-- Subsections -->
    <h3>Common Mistakes</h3>
  <h2>Meta Descriptions</h2>
    <h3>How to Write Them</h3>

Rules

• One H1 per page — must include the primary keyword
• Never skip levels — don't jump from H1 to H3
• Use headings for structure, not styling — don't use H2 just because you want big text
• Include keywords naturally — H2s and H3s are great places for secondary keywords

Content Optimization

Great content is the core of on-page SEO. Google's goal is to surface the most helpful result, so your content needs to be the best answer for the query.

Keyword Placement

Place your primary keyword in these locations:

1. Title tag (near the front)
2. H1 heading
3. First 100 words of body content
4. At least one H2 subheading
5. Image alt text
6. URL slug
7. Meta description

Content Quality Signals

• Comprehensiveness — Cover the topic thoroughly. Top-ranking pages average 1,500-2,500 words for informational queries.
• Originality — Add unique insights, data, or perspectives. Don't just rewrite existing content.
• Readability — Short paragraphs, bullet points, tables, and visuals. Aim for 8th-grade reading level.
• Freshness — Update content regularly. Add a "last updated" date.

Internal Linking

Internal links connect your pages together. They help Google discover new pages, understand site structure, and distribute "link equity" (ranking power) across your site.

Strategy

• Hub-and-spoke model — Create a pillar page (hub) that links to related deep-dive pages (spokes), and have spokes link back to the hub
• Descriptive anchor text — Use "on-page SEO checklist" not "click here"
• Link deep — Don't just link to your homepage. Link to specific, relevant inner pages
• Fix orphan pages — Every page should be reachable via internal links
• Contextual links — Links within body content are more valuable than sidebar/footer links

<!-- Good: descriptive anchor text -->
<p>Learn more about <a href="/seo/technical-seo">technical SEO and Core Web Vitals</a>.</p>

<!-- Bad: generic anchor text -->
<p>For more info, <a href="/seo/technical-seo">click here</a>.</p>

Image SEO

Images can drive traffic through Google Image Search and improve your page's relevance signals.

<img
  src="/img/seo-title-tag-example.webp"
  alt="Example of a well-optimized title tag showing keyword placement and brand name"
  width="800" height="400"
  loading="lazy"
>

Image Optimization Checklist

• Alt text — Descriptive, includes keyword where natural (not "image1.jpg")
• File name — Use seo-title-tag-example.webp not IMG_2847.jpg
• Format — WebP for best compression; fallback to JPEG/PNG
• Compression — Keep under 100KB when possible
• Dimensions — Set explicit width and height attributes (prevents CLS)
• Lazy loading — Use loading="lazy" for below-the-fold images

URL Structure

Clean URLs help both users and search engines understand what a page is about.

URL Rules

• Use lowercase, hyphens between words
• Include the primary keyword
• Keep it short (3-5 words after the domain)
• Avoid dates, parameters, and special characters
• Use HTTPS (ranking signal since 2014)

Interview Questions