Code With Purpose: SEO For Web Developer
bahadurtaraa
268 views
54 slides
Jul 14, 2024
Slide 1 of 54
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
About This Presentation
This presentation is for you whether you are:
- Web Developers
- Computer Science Students and Graduates
- Digital Marketers
- SEO Specialists
- Switching to Tech or SEO Roles
- Or even for tech-savvy entrepreneurs and startup founders
This slide is for those who want to understand the intersection...
Slide Content
Code With Purpose
Why SEO is a Must-Have Skill
for Web Developers?
by Tara Bdr. Thapa Magar
Why SEO is a Must-Have Skill
for Web Developers?
by Tara Bdr. Thapa Magar
Tara Bdr. Thapa Magar
5+ years of experience in Search Engine Optimization.
Worked across different market verticals, from Local to
Therapy, MSPs to SaaS, Dental to Law Firms, E-commerce to
Marketplace, and more.
With a degree in BCA from CITE College, I have verticalized my
career towards SEO & developed a deep understanding of
how a search engine works and ranks pages.
Head of SEO, Orka Socials
About me
5+ years of experience in Search Engine Optimization.
Worked across different market verticals, from Local to
Therapy, MSPs to SaaS, Dental to Law Firms, E-commerce to
Marketplace, and more.
With a degree in BCA from CITE College, I have verticalized my
career towards SEO & developed a deep understanding of
how a search engine works and ranks pages.
Head of SEO, Orka Socials
About me
Who is this for...
Web Developer
Digital Marketer
SEO Professional
Computer Science Student & Graduate
Career Switcher to Tech SEO Role
SEO Beginner
Even For Tech-Savvy Entrepreneur & Startup Founder
Web Developer
Digital Marketer
SEO Professional
Computer Science Student & Graduate
Career Switcher to Tech SEO Role
SEO Beginner
Even For Tech-Savvy Entrepreneur & Startup Founder
So, What You Will
Learn...
Foundational Aspects of SEO
SEO & Web Development
How SEO Impacts Website Performance & Visibility
How SEO Knowledge Enhances Your Career Prospects
Learn...
Foundational Aspects of SEO
SEO & Web Development
How SEO Impacts Website Performance & Visibility
How SEO Knowledge Enhances Your Career Prospects
Presentation Overview
Understanding SEO & How Search Engine Works?
Why Websites Should Be SEO Optimized?
On-Page SEO Fundamentals
The Intersection of SEO & Web Development
Real SEO Case Studies
Q&A Session
Understanding SEO & How Search Engine Works?
Why Websites Should Be SEO Optimized?
On-Page SEO Fundamentals
The Intersection of SEO & Web Development
Real SEO Case Studies
Q&A Session
Lets Get Started
Chapter 1:
Understanding SEO & How
Search Engine Works?
Understanding SEO & How
Search Engine Works?
CEO?
Search Engine Operator?
SEO?
SEO stands for “Search Engine Optimization”
and is the process of improving a website's
visibility in SERPs.
“If the page is well optimized for specific query
term, it should be ranked in major search
engines like Google”
Sometimes people
misinterpret SEO as ??????
Search Engine Operator?
SEO?
SEO stands for “Search Engine Optimization”
and is the process of improving a website's
visibility in SERPs.
“If the page is well optimized for specific query
term, it should be ranked in major search
engines like Google”
Sometimes people
misinterpret SEO as ??????
This is How Google
Ranked My Webpage ??????
Ranked My Webpage ??????
Chapter 2:
Why Websites Should Be SEO
Optimized?
Why Websites Should Be SEO
Optimized?
What We
68% of online experiences begin with a search
engine. (BrightEdge)
SEO drives 1000%+ more traffic than organic social
media. (BrightEdge)
60% of marketers say that inbound (SEO, blog
content, etc.) is their highest quality source of leads.
(HubSpot)
68% of online experiences begin with a search
engine. (BrightEdge)
SEO drives 1000%+ more traffic than organic social
media. (BrightEdge)
60% of marketers say that inbound (SEO, blog
content, etc.) is their highest quality source of leads.
(HubSpot)
Chapter 3:
On-Page SEO Fundamentals
On-Page SEO Fundamentals
On-Page SEO Fundamentals
A practice of optimizing
individual web pages in
order to rank higher in
search engines.
A practice of optimizing
individual web pages in
order to rank higher in
search engines.
HTML Title Tag
?????? Best Practices
The <title> element should be
used within a page's <head>
block
Best between 50–60 characters
Important keywords near the
beginning
Well-written title can influence
click-through rates (CTR)
?????? Best Practices
The <title> element should be
used within a page's <head>
block
Best between 50–60 characters
Important keywords near the
beginning
Well-written title can influence
click-through rates (CTR)
Meta Description Tag
?????? Best Practices
<meta> tags go inside the
<head> element
Best under 160 characters
Each description should be
unique
Well-written descriptions
influence click-through rates
(CTR)
?????? Best Practices
<meta> tags go inside the
<head> element
Best under 160 characters
Each description should be
unique
Well-written descriptions
influence click-through rates
(CTR)
URL Structuring
?????? Best Practices
Choose shorter, human-readable
URLs with descriptive keywords
The URL
https://yoursite.com/marketing-
platform.html is much better than
https://yoursite.com/marketingplat
form.html.
Use hyphens (-) instead of
underscores (_) in your URLs.
?????? Best Practices
Choose shorter, human-readable
URLs with descriptive keywords
The URL
https://yoursite.com/marketing-
platform.html is much better than
https://yoursite.com/marketingplat
form.html.
Use hyphens (-) instead of
underscores (_) in your URLs.
Search engines use links as a signal
to determine the relevancy of pages
and to find new pages.
?????? Best Practices
Make sure the anchor text is
descriptive
Avoid using generic anchor text
Internal Linking
to determine the relevancy of pages
and to find new pages.
?????? Best Practices
Make sure the anchor text is
descriptive
Avoid using generic anchor text
Internal Linking
Semantic HTML Tag
Semantic HTML tags define the
meaning of the content they
contain.
For instance, non-semantic
elements <div> and <span> - Tell
nothing about their content.
But semantic elements: <form>,
<table>, and <article> - Clearly
define its content.
Semantic HTML tags define the
meaning of the content they
contain.
For instance, non-semantic
elements <div> and <span> - Tell
nothing about their content.
But semantic elements: <form>,
<table>, and <article> - Clearly
define its content.
Well Optimized Heading Tag
?????? Best Practices
Use headings hierarchically, with the <h1>
representing the most important idea on the page
following the subheading as a sub-section.
??????Pro Tip: A page should contain only one H1 tag.
?????? Best Practices
Use headings hierarchically, with the <h1>
representing the most important idea on the page
following the subheading as a sub-section.
??????Pro Tip: A page should contain only one H1 tag.
Image SEO
?????? Best Practices
Always use standard <img> HTML tag
Use descriptive filenames and alt text.
Optimize for speed and quality
Use supported image formats like BMP, GIF,
JPEG, PNG, WebP, and SVG.
?????? Best Practices
Always use standard <img> HTML tag
Use descriptive filenames and alt text.
Optimize for speed and quality
Use supported image formats like BMP, GIF,
JPEG, PNG, WebP, and SVG.
Chapter 4:
The Intersection of SEO & Web
Development
The Intersection of SEO & Web
Development
The Intersection of SEO
& Web Development
SEO Web
Development
Technical
SEO
A website's technical aspects,
such as design, code and site
structure can significantly
impact its visibility on the
Search Engine Result Page.
& Web Development
SEO Web
Development
Technical
SEO
A website's technical aspects,
such as design, code and site
structure can significantly
impact its visibility on the
Search Engine Result Page.
Technical SEO
Technical SEO is optimizing
website infrastructure or
architecture to help search
engines like Google for efficient
crawlability, indexability and
rankability.
Technical SEO is optimizing
website infrastructure or
architecture to help search
engines like Google for efficient
crawlability, indexability and
rankability.
robots.txt
A robots.txt file instructs search
engine crawlers how to crawl and
index pages on a website.
??????Pro Tip: A robots.txt file lives at the root of your site. Make sure all important
pages are crawlable and content that won't provide any real value are blocked.
A robots.txt file instructs search
engine crawlers how to crawl and
index pages on a website.
??????Pro Tip: A robots.txt file lives at the root of your site. Make sure all important
pages are crawlable and content that won't provide any real value are blocked.
robots meta tag
A page-specific approach to
controlling how an individual page
should be indexed and served to
users in Google Search results.
A page-specific approach to
controlling how an individual page
should be indexed and served to
users in Google Search results.
XML Sitemap
An organized collection of
pages helpful for search
engines to find, crawl and
index them all.
??????Pro Tip: Ensure all the important pages are included in Sitemap. If you have a
larger file or more URLs, you must break your sitemap into multiple sitemaps.
An organized collection of
pages helpful for search
engines to find, crawl and
index them all.
??????Pro Tip: Ensure all the important pages are included in Sitemap. If you have a
larger file or more URLs, you must break your sitemap into multiple sitemaps.
HTML Sitemap
A webpage that lists and links
to all the other pages on a
website basically for users to
navigate easily.
??????Pro Tip: If possible categorize every pages based on content type, like Apple.
A webpage that lists and links
to all the other pages on a
website basically for users to
navigate easily.
??????Pro Tip: If possible categorize every pages based on content type, like Apple.
HTTP Status Codes
An HTTP status code is a server
response to a browser’s request.
The Most Common HTTP Status
Code include:
200: OK/Success
301: Permanent redirect
302: Temporary redirect
404: Not found / Client-Error
500: Server error
??????Pro Tip: Make as lower as you can for 3XX,4XX,5XX status code.
An HTTP status code is a server
response to a browser’s request.
The Most Common HTTP Status
Code include:
200: OK/Success
301: Permanent redirect
302: Temporary redirect
404: Not found / Client-Error
500: Server error
??????Pro Tip: Make as lower as you can for 3XX,4XX,5XX status code.
Canonical Tag
??????Pro Tip: Ensure every important pages contains a self-referential canonical tag
A rel="canonical" link element that helps
prevent duplicate content issues by specifying
the "preferred" version page URL.
For instance,
https://www.example.com/product-page
https://www.example.com/product-page?
ref=123
Your HTML should content
<link rel="canonical"
href="https://www.example.com/product-page"
/>
??????Pro Tip: Ensure every important pages contains a self-referential canonical tag
A rel="canonical" link element that helps
prevent duplicate content issues by specifying
the "preferred" version page URL.
For instance,
https://www.example.com/product-page
https://www.example.com/product-page?
ref=123
Your HTML should content
<link rel="canonical"
href="https://www.example.com/product-page"
/>
Site Structure & Navigation
Site structure refers to
how you organize your
website’s content. It is
basically how this content
is grouped, linked and
presented to the visitor.
Site structure refers to
how you organize your
website’s content. It is
basically how this content
is grouped, linked and
presented to the visitor.
An Ideal Website Structure
?????? Best Practices
A flat website structure is
considered ideal for SEO. A flat
structure means we are just few
clicks away from the homepage.
??????Pro Tip: I highly recommend to maintain not more than 3 clicks depth for crawl efficiency, link
equity distribution and improved user experience.
?????? Best Practices
A flat website structure is
considered ideal for SEO. A flat
structure means we are just few
clicks away from the homepage.
??????Pro Tip: I highly recommend to maintain not more than 3 clicks depth for crawl efficiency, link
equity distribution and improved user experience.
Schema Markup
Schema markup, or structured data, is the special code
search engines use to read and understand your website
page content better.
??????Pro Tip: Use JSON-LD for structured data as it's the easiest solution to implement and maintain at scale.
Schema markup, or structured data, is the special code
search engines use to read and understand your website
page content better.
??????Pro Tip: Use JSON-LD for structured data as it's the easiest solution to implement and maintain at scale.
Mobile SEO & Responsive Web Design
Why Responsive Web Design?
Search engines like Google
predominantly use the
mobile version of a site's
content, crawled with the
smartphone agent, for
indexing and ranking.
Search engines like Google
predominantly use the
mobile version of a site's
content, crawled with the
smartphone agent, for
indexing and ranking.
Core Web Vitals & Site Speed Optimization
Core Web Vitals are a set of
three metrics that measure
the speed, interactivity and
visual stability of a webpage.
Core Web Vitals are a set of
three metrics that measure
the speed, interactivity and
visual stability of a webpage.
Chapter 5:
Real SEO Case Studies
Real SEO Case Studies
Case Study ~ Platform Migration
Goes Wrong (Ecomm)
Goes Wrong (Ecomm)
Case Study ~ Domain
Migration Goes Right (Ecomm)
Migration Goes Right (Ecomm)
Case Study ~ meta robots
noindex: Horror From Dev.( Local)
noindex: Horror From Dev.( Local)
Case Study ~ meta robots
noindex: Horror From Dev. (Local)
noindex: Horror From Dev. (Local)
Case Study ~ Poorly Structured
Site / Interlinking
(Ecomm/Shopify)
Before Fixing After Fixing
Site / Interlinking
(Ecomm/Shopify)
Before Fixing After Fixing
Case Study ~ After Fixing
(Ecomm/Shopify)
(Ecomm/Shopify)
Case Study ~ Poorly Structured URL
Before Fixing After Fixing
A site was online learning marketplace that was built on React JS tech.
Before Fixing After Fixing
A site was online learning marketplace that was built on React JS tech.
Case Study ~ Poorly Structured URL
What did we optimize?
Optimized URL structuring from
https://example.com/3a5ebc944
f41daa6f849f730f1 to
https://example.com/guide-to-
deep-learning.
Added Video Transcription.
What did we optimize?
Optimized URL structuring from
https://example.com/3a5ebc944
f41daa6f849f730f1 to
https://example.com/guide-to-
deep-learning.
Added Video Transcription.
?????? My Favorite SEO tool Stack
Google Search Console
Google Analytics 4
Ahrefs
Screaming Frog
Sitebulb
Google Search Console
Google Analytics 4
Ahrefs
Screaming Frog
Sitebulb
A few words for those who
want to build a career in
SEO
Learn the foundational aspects of SEO.
Try to implement it on your personal site. You only
know what works and what doesn’t after
implementation.
If this isn’t possible, join an SEO Agency. You will learn
heck lot about the different market verticals and how
SEO works for them.
want to build a career in
SEO
Learn the foundational aspects of SEO.
Try to implement it on your personal site. You only
know what works and what doesn’t after
implementation.
If this isn’t possible, join an SEO Agency. You will learn
heck lot about the different market verticals and how
SEO works for them.
Well, for web developer as well
Learn the advanced technical aspects of SEO.
There are a heck lot of opportunities:
You can upsell SEO services.
You can work as a freelancer.
You will always have a competitive advantage
over others.
You can even niche down services like:
Site Speed Optimization
Website Migration
Comprehensive Technical SEO Audits
Advanced Web Analytics
Learn the advanced technical aspects of SEO.
There are a heck lot of opportunities:
You can upsell SEO services.
You can work as a freelancer.
You will always have a competitive advantage
over others.
You can even niche down services like:
Site Speed Optimization
Website Migration
Comprehensive Technical SEO Audits
Advanced Web Analytics
Start learning SEO for free with Rambabu Thapa
Join the latest batch of
5 Day SEO Challenge
Scan the QR code
https://rambknows.com/5-day-seo-challenge/
Join the latest batch of
5 Day SEO Challenge
Scan the QR code
https://rambknows.com/5-day-seo-challenge/
Thank you ??????
Q&A Session
Have a burning question?
I am here for you ??????
Have a burning question?
I am here for you ??????
Let’s connect
/tara.tbtm /in/tbtm/
Tara Bdr. Thapa Magar
/tara.tbtm /in/tbtm/
Tara Bdr. Thapa Magar
Download
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 268
- Slides 54
- Age 504 days
Related Slideshows
83
The Ins and Outs of Sports Sponsorship: What Characterizes the Best Deals and Activations
NeilHorowitz
35 views
50
Commerce at the Limit - Marketecture - October 2025_v5.pptx
EricSeufert
367 views
13
Marketing Environment and navigating changes
neetinaag
29 views
34
FAMILY_PLANNING_METHODS available for women
Isaiah47
26 views
8
himani .8.pptx this is about marketing presentation that how marketing control works
sakshi287109
28 views
54
GAT NEW.pptxfgjjkkkbhhhjjjjiiiuuuuuu8uy4rr
SirajudinAkmel1
25 views