๐Ÿ“š SEO Course  ยท  15 Lessons  ยท  View All Lessons โ†’
About Services Tools Experience Blog Courses Hire Me
Home โ€บ Courses โ€บ SEO Course โ€บ On-Page SEO
Home โ€บ Courses โ€บ SEO Course โ€บ Lesson 04
Lesson 04 of 15

On-Page SEO: Every Element That Affects Your Rankings

From title tags that earn clicks to internal links that distribute authority โ€” every on-page element your pages need to rank, explained with real fintech examples.

๐Ÿ‘จโ€๐Ÿ’ป Lochan Yadavยท๐Ÿ• 14 min readยท๐Ÿ“… May 2026ยท๐Ÿ“Š Beginner
bankbazaar.com/personal-loan/interest-rates.html H1: Personal Loan Interest Rates 2026 | Compare & Apply โ† H1 TAG Current Personal Loan Rates from Top Banks โ† H2 TAG โ† BODY TEXT Compare credit cards โ†’ โ† INTERNAL LINK IMG alt="personal loan interest rate chart India"
๐ŸŽฏ What You'll Learn
  • How to write title tags that rank AND get clicked โ€” the BankBazaar formula
  • The exact character limits and keyword placement rules for every on-page element
  • How internal linking structure distributes authority across your site
  • Image optimization techniques that improve both SEO and Core Web Vitals

What Is On-Page SEO

On-page SEO refers to all the optimizations you make directly on your web pages โ€” the elements you control โ€” to improve their relevance and ranking for target keywords. This is distinct from off-page SEO (backlinks) and technical SEO (site infrastructure). On-page is the layer where your keyword strategy meets the actual page content, and getting it right is the prerequisite for everything else to work.

The good news: on-page SEO is entirely within your control. You don't need to negotiate with other websites or wait for algorithm updates. Every fix you make takes effect the next time Google crawls and re-evaluates your page. This makes on-page optimization the fastest-feedback loop in SEO โ€” improve a title tag today, and you might see CTR changes in Google Search Console within a week.

Title Tags โ€” The Single Most Important On-Page Element

The title tag is the clickable headline that appears in Google's search results. It is the first and often only thing a user reads before deciding whether to click your result. A well-crafted title tag is simultaneously optimized for keywords, compelling for click-through rate, and accurately represents the page's content โ€” all within 50โ€“60 characters (roughly 600 pixels, which is how Google actually measures it).

The formula used by top Indian fintech sites: [Primary Keyword] โ€” [Benefit/Differentiator] | [Brand Name]. For example, BankBazaar's personal loan page uses: "Personal Loan โ€” Apply Online, Get โ‚น50 Lakhs at Low EMI | BankBazaar" โ€” keyword first, benefit second (โ‚น50 lakhs, low EMI), brand last. This structure ensures the keyword appears early (important for both rankings and user recognition), communicates unique value, and reinforces brand.

BankBazaar Credit Card Title Tag Analysis

Before (bad): "BankBazaar โ€” Best Credit Cards in India 2026" โ€” Brand first, keyword buried, no benefit communicated.

After (optimized): "Best Credit Cards India 2026 โ€” Compare 100+ Cards, Zero Fee | BankBazaar" โ€” Keyword first (54 chars), volume indicator ("100+ cards"), benefit ("zero fee"), brand last. This change alone increased CTR by an estimated 18โ€“25% on competitive SERP positions.

๐Ÿ’ก
Try It Now: Use the SERP Preview Tool to see how your title tag renders in Google's search results. If it gets truncated, you're losing potential clicks. If it doesn't include your primary keyword in the first 3 words, rewrite it.

Meta Descriptions โ€” Sell the Click

Meta descriptions don't directly influence rankings, but they dramatically affect click-through rate โ€” which indirectly signals relevance to Google. A good meta description (150โ€“160 characters) reads like a compelling advertisement for your page. It should include your primary keyword (Google bolds it when it matches the search query), a clear value proposition, and a call to action.

PolicyBazaar uses meta descriptions like: "Compare term insurance plans from 20+ insurers. Coverage up to โ‚น1 crore, premiums from โ‚น490/month. Get free quotes instantly โ€” no spam." Notice the specifics: "20+ insurers" (credibility), "โ‚น1 crore" (scale), "โ‚น490/month" (specific, compelling price), "free quotes" (zero friction CTA). Every word earns its place.

Heading Hierarchy (H1โ€“H6)

Headings serve two purposes: they create a scannable structure for users, and they signal content organization to search engines. Use exactly one H1 per page โ€” it should match or closely relate to your title tag and include your primary keyword. Then use H2s for major sections and H3s for subsections. Never skip levels (e.g., jumping from H2 to H4).

H2 headings are prime real estate for secondary keywords. If your primary keyword is "home loan interest rate," your H2s might include "SBI Home Loan Interest Rate 2026," "HDFC Home Loan EMI Calculator," and "Home Loan Eligibility Criteria India" โ€” each targeting a related but distinct search query. This is how BankBazaar's product pages rank for dozens of keyword variants, not just one.

ElementCharacter LimitPrimary FunctionInclude Keyword?
Title Tag50โ€“60 charsSERP click-through, primary relevance signalYes โ€” first 3 words ideally
Meta Description150โ€“160 charsSERP click-through (no ranking impact)Yes โ€” naturally
H1No limit (keep concise)Page topic signal, user orientationYes โ€” primary keyword
H2No limitSection signal, secondary keyword opportunityYes โ€” secondary keywords
URL Slug3โ€“5 words maxRelevance, shareability, trust signalYes โ€” primary keyword
Image Alt Text80โ€“125 charsAccessibility, image search, contextDescribe image accurately (keywords naturally)
First 100 WordsN/AConfirms relevance to Google and userYes โ€” use primary keyword early

URL Structure

Clean, keyword-rich URLs are a confirmed (minor but real) ranking signal. More importantly, clear URLs improve click-through rate โ€” users can see where they're going, and a URL like bankbazaar.com/personal-loan/interest-rates/ instantly communicates context. Use lowercase letters, hyphens between words (never underscores), and avoid dates, stop words, and tracking parameters in permanent URLs.

Bad URL: bankbazaar.com/content/article?cat=12&id=4521&ref=homepage
Good URL: bankbazaar.com/personal-loan/interest-rate/
The good URL tells both Google and users exactly what the page is about. It's also easier to share, remember, and link to.

Internal Linking

Internal links โ€” links from one page on your site to another โ€” do three critical things: they help Googlebot discover new pages, they distribute "link equity" (ranking power) from authoritative pages to newer ones, and they help users navigate to related content. The anchor text of your internal links is an important relevance signal โ€” use descriptive, keyword-rich anchor text ("home loan EMI calculator") rather than generic phrases ("click here").

Build a hub-and-spoke internal linking structure: create comprehensive "pillar" pages for major topics (e.g., "Everything About Personal Loans") and link from these to detailed "cluster" pages (EMI calculator, eligibility guide, rate comparison). Then link all cluster pages back to the pillar. This topology maximizes link equity flow and clearly signals topic authority to Google.

1
Audit Your Title Tags
Export all page titles from GSC or Screaming Frog. Check: Is the primary keyword in the first 3 words? Is it under 60 characters? Does it have a compelling benefit or differentiator? Fix any that fail these tests first โ€” they're your fastest wins.
2
Write Compelling Meta Descriptions
Pages where Google is auto-generating the meta description (check GSC for pages with "Automatically generated" warnings) need manual descriptions. Include a specific number, benefit, and CTA in 150 chars.
3
Audit Heading Structure
Use the browser's inspector or a tool like Screaming Frog to check H1/H2 usage. Fix pages with multiple H1s, missing H1s, or H2s that don't contain any target keywords.
4
Add Image Alt Text
Every content image should have a descriptive alt attribute that mentions the primary keyword naturally. "personal-loan-calculator-india.jpg" with alt="Personal loan EMI calculator showing โ‚น50,000 monthly repayment" โ€” this is both accessible and SEO-friendly.

Image Optimisation

Images have a dual role in on-page SEO: they improve user experience (which signals quality to Google) and they have their own ranking opportunity in Google Images. Key optimizations: compress images to reduce file size (use WebP format where supported), add descriptive alt text with keywords, use descriptive filenames (not IMG_4521.jpg), and implement lazy loading so images below the fold don't slow initial page load.

For fintech pages with product comparison tables, rate charts, and infographics, images are particularly important โ€” and often heavy. A rate comparison image that's 2MB uncompressed becomes 180KB in WebP at the same visual quality. That 1.8MB saving directly improves your LCP score (Core Web Vitals), which impacts both rankings and user experience.

๐Ÿ“Œ Key Takeaways
  • Title tags are your single highest-impact on-page element โ€” put the primary keyword first, add a benefit, keep it under 60 characters.
  • Meta descriptions don't rank pages but they sell clicks โ€” use specifics like rupee amounts, quantities, and a clear CTA.
  • One H1 per page (with primary keyword), H2s for sections (with secondary keywords), clean URL structure with hyphens.
  • Internal linking distributes authority from strong pages to new ones โ€” use descriptive anchor text, never "click here."
  • Compress images to WebP, add keyword-rich alt text, and use descriptive filenames for both SEO and Core Web Vitals benefit.