On-Page SEO

-

 

Day 3: On-Page SEO — It's More Than Just Adding Keywords

Today, I wanted to answer another important question:

Once you've found the right keyword, where should you actually use it?

When I first started learning SEO, I assumed the answer was simple:

"Just use the keyword as many times as possible."

It turns out that's one of the biggest misconceptions beginners have.

Search engines have become much smarter.

Today, I learned that On-Page SEO isn't about stuffing keywords—it's about helping both users and search engines understand your content.

What Is On-Page SEO?

On-Page SEO refers to everything you can optimize within a webpage to improve its visibility in search engines.

Unlike Off-Page SEO, which focuses on backlinks and authority, On-Page SEO is completely under your control.

It includes things like:

  • Page Title

  • Meta Description

  • Headings

  • URL Structure

  • Content Quality

  • Internal Links

  • Image Optimization

  • User Experience

As a frontend developer, this immediately caught my attention because many of these elements are part of the websites I build every day.

The Title Tag Is Like Your First Impression

One of the first things I learned today is the importance of the Title Tag.

This is the blue clickable title that appears in Google search results.

A good title should:

  • Clearly explain what the page is about.

  • Include the primary keyword naturally.

  • Be compelling enough to encourage people to click.

For example, instead of:

Home

A better title would be:

Affordable Website Development Services | Navantra Global Solutions

The difference is huge.

One tells search engines almost nothing.

The other immediately provides context.

Meta Descriptions Don't Directly Improve Rankings…

…but they can improve click-through rates.

The meta description is the short summary shown below the page title in search results.

Its purpose isn't to rank higher.

Its purpose is to convince someone that your page is worth visiting.

Think of it as a short advertisement for your content.

Headings Create Structure

Until today, I mostly used headings because they looked good in the UI.

Now I understand they also help search engines understand the structure of a page.

A proper hierarchy looks something like this:

  • H1 → Main topic

  • H2 → Major sections

  • H3 → Subtopics

  • H4 → Supporting details

Using headings correctly makes content easier for both people and search engines to read.

Clean URLs Matter

I also learned that URLs should be simple and descriptive.

For example:

❌

website.com/page?id=93847

✅

website.com/react-development-services

The second URL immediately tells both users and search engines what the page is about.

Images Need SEO Too

Before today, I thought images were just for design.

Now I know they also contribute to SEO.

Some simple best practices include:

  • Compress images for faster loading.

  • Use descriptive file names.

  • Add meaningful alt text.

  • Avoid unnecessarily large image files.

  • Best Site Click to Convert image to WEBP

These small improvements help with accessibility, page speed, and image search visibility.

Internal Linking Is Like Building Roads

One concept I really liked today was Internal Linking.

Imagine your website is a city.

Each webpage is a building.

Internal links are the roads connecting them.

Without roads, visitors—and search engine crawlers—might never discover some of your pages.

Good internal linking helps users explore related content while making it easier for search engines to understand your website's structure.

User Experience Is Part of SEO

This surprised me the most.

SEO isn't only about search engines.

It's also about the experience people have after they arrive.

Questions like these suddenly became much more important:

  • Does the page load quickly?

  • Is it mobile-friendly?

  • Is the text easy to read?

  • Can visitors find what they're looking for?

  • Are buttons easy to click?

If users leave immediately because the experience is poor, search engines notice those signals over time.

A great user experience supports better SEO.

Looking at My Own Projects

As I reviewed some of the websites I've built, I noticed several areas that could be improved.

Things like:

  • More descriptive page titles.

  • Better heading hierarchy.

  • Cleaner URLs.

  • Improved image optimization.

  • Stronger internal linking.

These aren't massive redesigns.

They're thoughtful improvements that can make a website easier to understand and easier to discover.

My Biggest Takeaway From Day 3

Today's lesson changed how I think about building webpages.

As developers, we often focus on how a page looks.

SEO reminds us to also think about how a page communicates.

Every title, heading, image, and paragraph sends signals to search engines.

When those signals are clear, both users and search engines benefit.

Good design attracts visitors.

Good On-Page SEO helps them find you in the first place.

What's Next?

Tomorrow, I'll start learning about Technical SEO.

Some questions I want to explore are:

  • What exactly is crawling and indexing?

  • Why do some pages never appear in Google?

  • How do XML sitemaps work?

  • What is robots.txt?

  • Why is website speed so important for SEO?

I'm especially excited about this topic because it combines SEO with the technical side of web development.

Day 3 complete. Learning mode: Still ON. 🚀

Every day, SEO feels less like a marketing skill and more like an extension of good web development. The more I learn, the more I realize that building a great website isn't just about writing clean code—it's about making sure people can actually find and use what you've built.

If this Blog helped or motivated you, feel free to visit my profile Linkedin.com and connect.

Comments

Post a Comment

Popular posts from this blog

My First Stipend-Based Internship💻🚀

-
  How I Choose a Different Path as a Fresher🚀 Getting a first internship as a fresher is not easy. Everyone applies on the same job portals, sends hundreds of resumes, and waits for replies that never come.  I was also in the same situation — confused, stressed, and unsure. But instead of giving up, I decided to try a different approach . This blog is about my first stipend-based internship , what I learned, and how choosing my own path helped me move forward in my tech career. 📚  My First Internship Experience  (Sep 2025) In September 2025 , I completed a one-month work-from-home internship . It was my   first  stipend-based internship , and it gave me real confidence as a fresher. Before this, I only knew theory. During this internship, I worked on real-time live projects , which helped me understand how actual development works. 📝What I Learned During This Internship This internship helped me build a strong foundation. 💻 Technical Skills HTML –...
Read more

How I Fixed the Prisma Error

-
How I Fixed the Prisma "The table public.User does not exist" Error It was one of those moments every developer dreads—you've set up your project, written your Prisma schema, and you're ready to seed the database. You run: npm run seed …and immediately get greeted with this error: PrismaClientKnownRequestError: The table `public.User` does not exist in the current database. I stared at it for longer than I'd like to admit. The User model was clearly defined in my schema.prisma file, so why was Prisma saying the table didn't exist? After a bit of digging, I realized the issue wasn't with my code at all—it was with my understanding of how Prisma works. If you're seeing this error too, here's exactly why it happens and how to fix it. Why This Error Happens One of the biggest misconceptions for developers new to Prisma (myself included) is believing that defining a model in schema.prisma automatically creates the corresponding table in the databas...
Read more

Design Web Pages using CSS

-
CSS ( Cascading Style Sheets ) is a styling language used to control the layout and appearance of web pages. It's an essential tool for web developers and designers to create visually appealing and user-friendly websites. In this blog, we will explore the basics of CSS, its types, and some exciting properties that can make your web pages interactive and interesting. Types of CSS There are three types of CSS: 1. Inline CSS: This type of CSS is applied directly to an HTML element using the style attribute. It has the highest priority among all CSS types. 2. Internal CSS: This type of CSS is defined within the <head> section of an HTML document using the <style> tag. 3. External CSS: This type of CSS is stored in an external file with a .css extension and linked to an HTML document using the <link> tag. CSS Syntax The basic syntax of CSS consists of a selector, property, and value: selector {   property: value; } CSS Properties There are many CSS properties t...
Read more