What is Website Audit? And For the very beginner, how to get the concepts of website audit from a website.
Website Audit
A website audit checks how well your website is
doing in different areas such as:
- SEO (Search Engine Optimization) – How easily search engines
can find and rank your site.
- Performance – How fast your website loads and runs.
- User experience (UX) – How easy and enjoyable your site is to use.
- Security – How well your site protects user data.
- Content quality –
How useful, relevant, and engaging your content is.
Main types of website audits:
- Technical
Audit
- Checks how well the website
is built and functions.
- Examples: broken links,
mobile friendliness, page speed, crawl errors, and indexation issues.
- SEO
Audit
- Analyzes how well your
website is optimized for search engines.
- Examples: keyword usage, meta
tags, backlinks, duplicate content, and site structure.
- Content
Audit
- Reviews the quality,
relevance, and performance of your content.
- Helps find outdated,
low-quality, or missing content.
- UX/UI
Audit
- Focuses on how users interact
with your website.
- Examples: navigation, layout,
accessibility, and overall design.
- Security
Audit
- Examines potential
vulnerabilities.
- Examples: SSL certificates,
data protection, and malware scanning.
- Improve search engine ranking.
- Increase website traffic and conversions.
- Enhance user experience.
- Identify technical problems early.
- Strengthen site security.
- Crawl the site using tools (like Screaming
Frog, SEMrush, or Google Search Console).
- Analyze data about SEO, performance, and
user behavior.
- Identify issues and opportunities.
- Create an action plan to fix and improve the site.
Accessibility/Find ability Issues
1.
Indexation Status
Meaning:
This tells you how many of your website’s pages are
included in Google’s index.
If a page is indexed, it means
Google knows it exists and can show it in search results.
Example:
- Your
site has 500 pages.
- Only
450 are indexed.
→That means your indexation status is 450/500.
Why it matters:
If a page isn’t indexed, it can’t appear in Google Search,
no matter how good the content is.
2.
Google Index
Meaning:
The Google Index is like a giant library of all web pages that
Google has found and stored.
When someone searches on Google, results come from this index, not
directly from the live web.
Think of it like this:
- Crawling
= Google discovering pages.
- Indexing
= Google storing pages in its database.
- Ranking
= Google deciding which indexed pages to show first.
site:domainname
Meaning:
This is a quick way to check which of your pages are
currently indexed by Google.
How to use it:
Go to Google and type:
site:yourdomain.com
Example:
site:example.com
What you will see:
- A
list of pages from your site that are indexed by Google.
- The
total number of indexed results (approximate).
Why it’s useful:
√ Check if your site is indexed at
all.
√ See which pages Google knows about.
√ Detect indexing issues (e.g., missing
important pages).
If
your pages aren’t indexed:
Possible reasons include:
- Page
is new and hasn’t been crawled yet.
- Page
is blocked by robots.txt or a no-index tag.
- Page
has thin or duplicate content.
- The site has crawl budget or technical issues.
How
to check indexation properly:
- Google Search Console → Coverage Report
- Shows which pages are indexed, and which are not (with reasons).
- Manual check using site:domain.com.
- Sitemap.xml submission to Google to help
index all your pages.
What
is robots.txt?
robots.txt
is
a small text file that
sits in the root folder of your website (for example:
https://www.example.com/robots.txt).
It tells search engine crawlers (like Googlebot) which
pages or sections of your site they are allowed or not allowed to crawl.
Think of it as a “gatekeeper” file that gives instructions to
search engines.
Why
robots.txt exists
When search engines visit your website, they send crawlers
(“bots”) to scan your pages.
The robots.txt file
tells them things like:
- “√You
can crawl this page.”
- “×Don’t crawl that folder.”
This helps:
- Prevent
unimportant or private pages from appearing in search results.
- Save
your crawl budget (so Google spends time
crawling your important
pages).
Example
of a robots.txt file
User-agent: *
Disallow: /admin/
Disallow: /cart/
Disallow: /wp-login.php
Allow: /
Sitemap:
https://www.example.com/sitemap.xml
Explanation:
- User-agent: * →
applies
to all crawlers (Google, Bing, etc.).
- Disallow: /admin/ →
bots
cannot crawl the “admin” section.
- Allow: / →
everything
else is allowed.
- Sitemap: →
tells
Google where your sitemap is located.
Which
pages to block (remove) using robots.txt
You usually want to block non-public
or low-value pages, such as:
|
Block |
Reason |
|
/admin/ or /login/ |
Internal
pages not meant for public. |
|
/cart/, /checkout/ |
Private
shopping process pages. |
|
/wp-admin/, /cgi-bin/ |
Technical
or backend folders. |
|
Duplicate
or parameter URLs |
To
avoid duplicate content. |
BUT
- Be careful!
If you block an important page (like your homepage, product pages,
or blog articles) in robots.txt, Google won’t crawl or index them, meaning they won’t
appear in search results.
How
to check which pages are blocked
1.
Manually check
Go to your site’s robots.txt directly: https://yourdomain.com/robots.txt
Read the rules - look for lines starting with Disallow:.
Example:
Disallow: /blog/
Means Google is told not to crawl any URLs
under /blog/.
2.
Use Google Search Console
- Open
Google Search Console.
- Go
to “Settings → Robots.txt
tester” (under older tools, if available).
- Paste
any URL - it tells you whether it’s allowed or blocked.
3.
Use Online Tools
Free tools like:
- https://technicalseo.com/tools/robots-txt/
- https://www.seoptimer.com/robots-txt
These tools analyze your robots.txt file and show what’s
allowed or blocked.
Summary
Table
|
Term |
Meaning |
Example |
|
robots.txt |
File
that tells search engines what to crawl or not |
https://example.com/robots.txt |
|
Allow |
Let
bots crawl a path |
Allow: /blog/ |
|
Disallow |
Block
bots from crawling |
Disallow: /admin/ |
|
User-agent |
Specifies
which bot (e.g., Googlebot) the rule applies to |
User-agent: * |
|
Sitemap |
Points
to your sitemap file |
Sitemap:
https://example.com/sitemap.xml |
An HTML sitemap is a web page on your site that lists all (or most) of your important pages,
usually organized in a logical, clickable way.
It is designed visitors for human (not search engines) to
easily find content on your website.
Think of it like a table of contents for your
website.
Example:
If your website is www.example.com,
your HTML sitemap might be at:
https://www.example.com/sitemap/
And it could look like this:
Sitemap
- Home
- About Us
- Products
- Product A
- Product B
- Blog
- Post 1
- Post 2
- Contact Us
Every item is a clickable link to that
page.
Difference
between HTML Sitemap and XML Sitemap
|
Feature |
HTML
Sitemap |
XML
Sitemap |
|
Purpose |
Helps users
navigate your site |
Helps search engines
understand your site |
|
Format |
A web page
written in HTML |
A file written
in XML code |
|
Audience |
People |
Search engine crawlers (Google, Bing, etc.) |
|
URL Example |
https://example.com/sitemap/ |
https://example.com/sitemap.xml |
HTML = HyperText
Markup Language / XML = Extensible
Markup Language.
Your site should have both.
Why
an HTML Sitemap is important
- Helps
visitors find
pages easily.
- Improves
website navigation and user experience (UX).
- Can
help search engines discover deep pages (especially if
internal links are weak).
- Adds
extra internal
linking, which can boost SEO slightly.
How to know if
your website has an HTML Sitemap
1.
Try the Common URL
In your browser, type:
https://yourdomain.com/sitemap/
or
https://yourdomain.com/sitemap.html
If a page opens showing a list of links → that’s your HTML sitemap.
2.
Use Google Search
Search:
site:yourdomain.com/sitemap
You might see a result titled “Sitemap”
or “HTML Sitemap”.
3.
Check Your Website Footer
Scroll to the bottom (footer) of your homepage.
Many sites include a link
labeled “Sitemap” there -
click it.
4.
Use an SEO tool
Tools like Screaming Frog, Ahrefs,
or SEOptimer can scan
your site and show whether a sitemap
page exists.
Example
of an HTML Sitemap URL
Here are a few real examples from known websites:
- https://www.apple.com/sitemap/
- https://www.microsoft.com/en-us/sitemap.aspx
If your website doesn’t have one
You can easily create
one:
- Manually
(if small site)
- Using a plugin or tool, for example:
- WordPress → “Simple Sitemap” or “Yoast SEO” plugin.
- Online generators like https://www.xml-sitemaps.com (can generate HTML version too).
What
is an XML Sitemap?
An XML sitemap is a special file (written in XML format) that lists all the important
pages, posts, and files on your website - so that search
engines like
Google, Bing, and others can easily find and index them.
Think of it as a “roadmap” for search engines.
It tells search engines:
- Which
pages exist
- When
they were last updated
- How
important they are relative to other pages
Example
of an XML Sitemap
Here’s what part of an XML sitemap looks like (in code):
<?xml version="1.0"
encoding="UTF-8"?>
<urlset
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://www.example.com/</loc>
<lastmod>2025-11-01</lastmod>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://www.example.com/about-us/</loc>
<lastmod>2025-10-28</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>
Explanation:
- <loc> → The page URL
- <lastmod> → When it was last updated
- <changefreq> → How often it changes
- <priority> → Importance (1.0 = highest)
Why
an XML Sitemap is important
- Helps Google discover all your pages, especially new pages.
- Deep or hard-to-find pages (not linked well internally).
- Improves indexation rate.
- Tells Google when pages are updated or removed.
- Useful for SEO audits and diagnostics.
1:
Try the Common URLs
In your browser, type one of these:
https://yourdomain.com/sitemap.xml
https://yourdomain.com/sitemap_index.xml
https://yourdomain.com/sitemap/
If you see a file with many links or something starting with
<?xml version="1.0"
encoding="UTF-8"?> → that’s
your XML sitemap.
2.
Use Google Search Console
- Go to Google Search Console.
- Click “Sitemaps” on the left. You’ll see:
- If a sitemap is submitted
- When it was last read
- If there are errors
If nothing is listed, you can add it manually by
typing the sitemap URL (like
sitemap.xml).
3.
Search on Google
Try this search:
site:yourdomain.com/sitemap.xml
You might see the sitemap file indexed by Google.
4.
Use Online Tools
Use free tools such as:
- https://www.xml-sitemaps.com/validate-xml-sitemap.html
- https://technicalseo.com/tools/sitemap
They can tell if your sitemap exists and whether it’s valid.
If
you don’t have an XML
Sitemap.
You can easily create
one:
- WordPress: Plugins like Yoast SEO, Rank
Math, or All in One
SEO create it automatically.
- Other CMS: Most have a sitemap setting or module.
- Manual or Static Sites: Use tools like:
https://www.xml-sitemaps.com/
https://seositecheckup.com/tools/xml-sitemap-test
Then upload it to your root directory (e.g., /public_html/) and
submit it to Google Search Console.
Summary
|
Question |
Answer |
|
What is XML Sitemap? |
A
file that lists your site’s important pages for search engines. |
|
Where is it? |
Usually
at https://yourdomain.com/sitemap.xml. |
|
Why is it important? |
It
helps Google crawl
and index your site efficiently. |
|
How to check? |
Try
the sitemap URL, check in Google Search Console, or use online tools. |
A 404 page (also called a “Page Not Found”
page) is what visitors see when they try to open a URL that doesn’t exist on your website.
For example: If someone types
https://example.com/old-page
But that page was deleted or renamed, the web server returns
a “404 Not Found” error - meaning “this page can’t be found”.
What
is a Custom 404 Page?
A custom 404 page is a personalized, branded version of that error page that
matches your website’s design and helps users find their way instead of
leaving.
Example:
Instead of a plain technical message like:
404 Not Found - The
requested URL was not found on this server.
A custom 404 page might show:
😕
Oops! The page you’re looking for doesn’t exist.
[Go back to Home] [Visit our Blog] [Search for Products]
Why
a Website Needs a Custom 404 Page
|
Reason |
Explanation |
|
Better User
Experience (UX) |
Helps visitors find what they need
instead of leaving frustrated. |
|
Reduce Bounce Rate |
Keeps users on your site longer by
offering links back to useful pages. |
|
Maintain Branding |
Looks professional and consistent with
your site design. |
|
Recover Lost Traffic |
Visitors who land on broken links can
still navigate to working pages. |
|
Helps SEO indirectly |
Google doesn’t penalize 404s, but poor
UX can reduce engagement metrics that affect SEO. |
- A friendly message (not a technical error).
- Your website’s logo and navigation menu.
- Links to important pages (like Home, Blog, Shop, Contact).
- A search bar so users can find what they need.
- Optional: humor, illustrations, or creative visuals.
Example Layout
Message:
“Oops! Page Not Found 😕
The page you are looking for doesn’t exist or was moved.”
Buttons/Links:
🏠 Go to
Home
🔍 Search
the site
📰 Visit
Blog
📞 Contact
Us
Visual: A funny
or simple illustration (e.g., a broken robot, lost map, etc.)
How
to check if your website has a Custom
404 Page.
1.
Try a Fake URL
Go to your browser and type:
https://yourdomain.com/randompage123
If you see:
- A
branded page with links and your design → √
Custom 404 Page
- A
plain text message like “404 Not Found” → × Default error page (you need a custom one)
2.
Use Online Tools
You can test using tools like:
- https://httpstatus.io/
- https://www.redirect-checker.org/
Enter a non-existent URL and see if it returns: HTTP 404
Not Found and displays a custom page layout.
3.
In CMS (like WordPress)
Most themes or SEO plugins (Yoast, Rank Math, Elementor,
etc.) include a 404 page template.
You can customize it under your theme settings or with a page builder.
If
you don’t have One
You can create one manually and name it 404.html or use your CMS’s template
system to design it. Then configure your web server or CMS to show it whenever a page is missing.
Summary
|
Question |
Answer |
|
What is a 404 page? |
A
page shown when a URL doesn’t exist. |
|
What is a custom 404 page? |
A
user-friendly, branded version of that error page. |
|
Why do you need it? |
To
improve UX, reduce bounce rate, and keep visitors engaged. |
|
How to check? |
Visit
a non-existent URL and see if a custom design appears. |
On
Page SEO Checks
What
is HTTP and HTTPS?
HTTP
= HyperText Transfer
Protocol
It is the standard way your browser and a website communicate - how
text, images, and data are transferred between them.
But there is a problem:
HTTP transfers data without encryption - anyone could
theoretically “listen in” and steal information (like passwords or form data).
HTTPS
= HyperText Transfer
Protocol Secure
It is the secure version of HTTP.
The “S” stands for Secure.
It uses SSL or TLS encryption to protect the data being sent between the user’s browser and
the web server.
So:
- HTTP = × Not secure (data sent in plain text)
- HTTPS = √ Secure (data encrypted)
Main differences between HTTP and HTTPS
|
Feature |
HTTP |
HTTPS |
|
Security |
Not
encrypted |
Encrypted
with SSL/TLS |
|
URL
Format |
http://example.com |
https://example.com |
|
Data
Protection |
Vulnerable
to hackers |
Data
is protected |
|
SEO
Ranking |
Lower
ranking |
Google
gives ranking boost |
|
Browser
Trust |
“Not
Secure” warning |
Secure
padlock shown |
|
E-commerce
Use |
Not
recommended |
Required
for payments or logins |
SSL Certificate (Secure Sockets
Layer):
A digital certificate that encrypts
data between a website and a user’s browser to keep information secure.
Padlock Symbol (🔒):
A browser icon showing that
the website uses HTTPS with a valid SSL certificate, meaning the
connection is secure.
Use online tools
You can check your SSL/HTTPS setup
using:
- https://www.ssllabs.com/ssltest/
- https://www.sslshopper.com/ssl-checker.html
These tools tell you:
- Whether your site has a valid certificate
- If it’s expired or misconfigured
- The overall security grade
How
to switch from HTTP to HTTPS
- Buy or get a free SSL certificate
- Many hosting providers include free SSL via Let’s Encrypt or Cloudflare.
- Install the SSL
certificate on your server (your host can
help).
- Update your site
URLs to use https:// instead of http://.
- Set up redirects
(301 redirects) so old HTTP links go to HTTPS
automatically.
- Update Search
Console and Analytics to
the HTTPS version.
- Test everything to ensure no mixed-content warnings (HTTP
images/scripts on HTTPS pages).
Summary
|
Question |
Answer |
|
What
is HTTP? |
A
protocol for transferring data - not secure. |
|
What
is HTTPS? |
The
secure, encrypted version of HTTP using SSL/TLS. |
|
How
to check? |
Look
for https:// and the 🔒 padlock in your browser. |
|
Which
is better? |
√ HTTPS - for SEO, security, and
user trust. |
WWW version and Non-WWW version
WWW version:
A website address that starts with www (e.g., https://www.example.com).
Non-WWW version:
A website address without www (e.g., https://example.com).
Version means:
Two different ways your domain can
load - both should point to the same site to avoid SEO issues.
Version check:
Type both https://www.yourdomain.com and https://yourdomain.com - if one redirects to the other, it is correctly set.
WWW means:
World
Wide Web
– it is a prefix used in website
URLs to indicate that the address is part of the web (e.g., www.example.com).
It is just a technical prefix (World Wide Web) - your domain name and extension (like .in, .com, .uk,
etc.) decide if your site is national
or international.
What
is Meta hreflang?
Definition:
Hreflang is an HTML
attribute (or tag)
that tells search engines which
language and country version of a page should be shown to users.
It helps Google understand:
- The language
of your content (e.g., English, French, Hindi)
- The target region (e.g., US, India, France)
Example:
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="fr" href="https://example.com/fr/" />
<link rel="alternate" hreflang="hi" href="https://example.com/hi/" />
This tells Google:
- The English page is for English users
- The French page is for French users
- The Hindi page is for Hindi users
Why
hreflang is important
|
Benefit |
Description |
|
Shows
correct language page |
Users
see the right language or regional content. |
|
Avoids
duplicate content |
Helps
Google know similar pages in different languages aren’t duplicates. |
|
Improves
SEO |
Correct
hreflang tags help
rank better in local search results. |
How
to find hreflang tags
on a website
1.
View Page Source
1.
Open the webpage in your browser.
2.
Right-click → View Page Source or press Ctrl+U.
3.
Search (Ctrl+F) for
the word hreflang.
- You will see tags like:
<link rel="alternate" hreflang="en-us" href="https://example.com/en-us/" />
Summary
|
Term |
Meaning |
Example |
|
Hreflang |
HTML tag for page language/region |
hreflang="en-us" |
|
Purpose |
Show correct language page in
search results |
English users see English version |
|
How to check |
View source → search hreflang |
<link rel="alternate"
hreflang="fr" ...> |
What
is a Meta Title?
Definition:
A Meta title (also called a title tag) is the page title that appears in search
engine results and browser tabs. It tells Google and users what the page is about.
Why
Meta Title is important.
|
Benefit |
Description |
|
SEO Ranking Factor |
Helps search engines understand
your page topic. |
|
User Attraction |
A catchy title increases
click-through rate (CTR). |
|
Social Sharing |
Appears as the headline when
shared on social media. |
Meta
Title vs. Website Content
|
Question |
Answer |
|
Should meta title and website
content be the same? |
× No, they don’t have to be exactly
the same. |
|
Why? |
Meta title is a summary of the page topic (short
and optimized for SEO), while website content gives full details. |
|
But |
√
They should match in meaning - your meta title must accurately reflect what is written on the
page. |
Good practice
- Keep Meta title unique for every page.
- Include your main keyword naturally.
- Ideal length: 50–60 characters (so it doesn’t cut off in Google), Best practice: (55-57).
Example:
- Meta Title: “Healthy Smoothie Recipes
for Weight Loss | FitLife Blog”
- Page Content: Detailed recipes and tips
about smoothies for weight loss.
In short:
- Meta Title: A
short, SEO-friendly page title shown in Google.
- Website Content: The
detailed text on the page.
- They should
match in topic, but not be word-for-word the same.
What
is a Meta Description?
Definition:
A meta description is a
short summary (snippet) of a webpage’s
content that appears below
the title in
Google search results.
It helps users understand what your page is about before clicking.
Example:
In HTML:
<meta
name="description" content="Learn digital marketing with our
expert-led online courses. Join ABC Academy today and start your marketing
career!">
In Google results:
Meta Title: Best Digital Marketing Courses in England | ABC Academy
Meta Description: Learn digital marketing with our expert-led online
courses. Join ABC Academy today and start your marketing career.
Why
Meta Description is important.
|
Benefit |
Description |
|
Improves
Click-Through Rate (CTR) |
A clear, engaging description
attracts more users to click your result. |
|
Helps
Search Engines Understand Your Page |
Explains what your page is about. |
|
Used
on Social Media Previews |
When shared, it appears as a short
summary. |
Meta
Description vs. Website Content
|
Question |
Answer |
|
Should meta description and
website content be the same? |
× No, they should not be exactly
the same. |
|
Why? |
Meta description is a short summary (about 150–160 characters),
while the website content is much longer and detailed. |
|
But... |
√ They must be relevant and consistent — your
description should accurately describe what’s on the page. |
Good
Practice
- Keep it 150–160 characters long, best practice: (155-157), Google say: (160-165).
- Include your main keyword naturally.
- Make it interesting - like a short ad for your page.
- Example:
- Meta Description: “Discover easy smoothie
recipes for weight loss. Simple, tasty, and healthy options to boost
your fitness journey.”
- Page Content: Detailed recipes and
ingredients for smoothies.
In short:
- Meta Description: A
short SEO summary that
appears under your page
title in Google.
- Website Content: Full
detailed information on the page.
- They should match in meaning, not word-for-word the same.
What
is a Heading?
Heading:
A main title on a webpage
that tells what the page or section is about.
In HTML, it is usually the H1
tag (example:
<h1>).
Example:
<h1>Best Travel Destinations in Europe</h1>
This is the main topic of the page.
What
is a Sub-heading?
Sub-heading:
A smaller title that divides the content into clear sections.
In HTML, these are H2,
H3, H4… tags.
Example:
<h2>1. Paris,
France</h2>
<h2>2. Rome,
Italy</h2>
<h3>Top
Attractions in Rome</h3>
Sub-headings help readers (and
search engines) understand the structure of your content.
Why
Headings & Sub-headings are important.
|
Benefit |
Description |
|
Improves readability |
Breaks long content into easy
sections. |
|
Boosts SEO |
Helps Google understand content
hierarchy and keywords. |
|
User-friendly |
Makes scanning and navigation
easier. |
Heading/Sub-heading
vs Website Content
|
Question |
Answer |
|
Should headings and content be the
same? |
× No, they should not be exactly the same. |
|
Why? |
Headings are short titles that summarize what the
following content explains in detail. |
|
But |
√ They must be related and relevant - the content below a
heading should fully explain that heading’s topic. |
Example:
Heading (H1):
Healthy Smoothie Recipes
Sub-heading (H2):
Benefits of Drinking Smoothies
Website Content:
Smoothies provide vitamins, minerals,
and fiber that support your immune system and digestion.
The heading introduces the topic, and the content explains it.
In short:
- Heading:
Main title (H1).
- Sub-heading:
Section titles (H2–H6).
- Website Content:
Detailed explanation
below each heading.
- They should match in topic, but not be identical.What is an Image Alt Tag?
What is image alt tag?
Definition:
An Image Alt Tag (or alt text) is a short description added to an image in HTML.
It tells search engines
and users what
the image is about.
HTML Example:
<img
src="smoothie.jpg" alt="Healthy strawberry banana smoothie in a
glass">
- alt="Healthy strawberry banana smoothie in a
glass" → This is the alt tag.
Why
Image Alt Tags Are Used
|
Purpose |
Explanation |
|
SEO |
Helps
Google understand the image and rank it in image search results. |
|
Accessibility |
Screen
readers use alt text to describe images to visually impaired users. |
|
Fallback |
If
the image doesn’t load, the alt text appears instead. |
Example
in Action:
- Image of a smoothie fails to load → Users see:
“Healthy strawberry banana smoothie
in a glass”
- Google can index the image and show
it in image search results.
Good
Practices for Image Alt Tags
- Be descriptive
and specific
(don’t just write “image”).
- Include keywords naturally, but avoid keyword stuffing.
- Keep it short and clear (5–15 words is ideal).
- Don’t duplicate alt text across multiple images unless
necessary.
Example:
- √
Good: alt="Chocolate chip
cookies on a baking tray"
- × Bad: alt="cookies"
or alt="image1"
- Image Alt Tag: A
description of an image in HTML.
- Why use it: For SEO, accessibility, and
fallback text.
- Helps both search engines and users
understand the image content.
URL Analysis
What
is a URL Delimiter?
Definition:
A URL delimiter is a character used to separate words or elements in a URL to make it readable and SEO-friendly.
Most common URL delimiters:
- Hyphen (-) → recommended
- Underscore (_) → sometimes used
- Slash (/) → separates folders or subpages
Example:
https://example.com/healthy-smoothie-recipes
Characteristics
of a Good URL Delimiter
|
Characteristic |
Explanation |
|
Readable |
Easy
for humans to read and understand. |
|
SEO-Friendly |
Helps
search engines identify keywords. |
|
Consistent |
Same
delimiter used throughout the site. |
|
Avoids
special characters |
Characters
like ‘?, &, %, _,#’can confuse search engines or
users. |
|
Short
and descriptive |
URLs
should be concise and keyword-relevant. |
How
to check URL Delimiters
1.
Manual Check
- Look at the URLs of your pages:
- Good example: https://example.com/organic-tea-benefits √
- Bad example: https://example.com/organic_tea_benefits × (underscores)
2.
Use SEO Tools
- Screaming Frog, Ahrefs,
or SEMrush
can scan all URLs and show which delimiters are used.
3.
Browser Check
- Open any page → Look at the URL in the address bar →
Check separators between words.
Should
URL Delimiters Be Used in Websites?
Yes √— they should be used.
Best practice:
- Use hyphens - between words.
- Avoid underscores _, spaces, or special characters.
- Keep URLs short, readable, and descriptive.
What
is URL Friendliness?
Definition:
A URL-friendly URL is a clean, readable, and descriptive web address that is easy for humans and search engines to understand.
Good URL features:
- Short and simple
- Descriptive of page content
- Uses hyphens (-) to separate words
- Avoids special characters, underscores, or long
parameters
- Includes relevant keywords
Example of a URL-friendly link:
→ https://example.com/healthy-smoothie-recipes √
Example of a bad URL (not friendly):
→ https://example.com/page?id=123&ref=abc
×
Why
URL Friendliness matters
|
Benefit |
Explanation |
|
SEO |
Search engines can read keywords
from the URL, improving ranking. |
|
User Experience |
Users can understand what the page
is about before clicking. |
|
Shareability |
Short, clean URLs are easy to
copy, share, and remember. |
|
Accessibility |
Screen readers and assistive tools
handle clean URLs better. |
How
to realize if a URL is Friendly from a website
1.
Manual check
- Look at the URL in the browser.
- Ask yourself:
- Is it short and readable?
- Are words separated by hyphens?
- Does it avoid special characters (?, &, _, %)?
- Does it reflect the page content?
2.
Check with SEO tools
- Screaming Frog, Ahrefs,
or SEMrush
can crawl your site and flag unfriendly URLs.
- Tools can show URLs that are too long, have
underscores, or include dynamic parameters.
3.
Check Google search
- Look at your page URLs in search results - if they are
short, readable, and contain keywords, they are URL-friendly.
Summary
Table
|
Term |
Meaning |
How to Recognize |
|
URL
Friendliness |
Clean,
readable, and SEO-optimized URL |
Short,
descriptive, hyphens between words, no special characters |
|
Good
Example |
https://example.com/healthy-smoothie-recipes |
√ Clear and readable |
|
Bad
Example |
https://example.com/page?id=123&ref=abc |
× Too long, unreadable, not
keyword descriptive |
What
are Keywords in your URL?
Definition:
Keywords
in your URL
mean including relevant words or phrases
(the main topic of your page) inside your webpage’s address to help search engines understand your
content and
improve ranking.
In Short:
- Keywords in URL
= Using main page topic
words inside the web address.
- Helps SEO,
user clarity, and click rate.
- Always keep it short, clean, and descriptive.
- Use Short URLs - Meaning and Importance.
Definition:
Short URLs are web addresses that
are brief, clean, and easy to read, usually containing only the main
keywords of the page.
Example
- √ Short URL (Good): https://example.com/seo-tips.
- × Long URL (Bad): https://example.com/how-to-improve-your-website-seo-with-different-digital-marketing-tips-2025
Absolute
vs. Relative URLs
1.
Absolute URL
Definition:
An absolute URL shows the full address of a webpage, including the protocol (http/https), domain name, and path.
Example:
<a
href="https://example.com/about-us">About Us</a>
Contains:
- Protocol → https://
- Domain → example.com
- Path → /about-us
Used when:
- Linking to external pages or between different domains.
- Ensuring links work anywhere (email, social media, other
sites)
2.
Relative URL
Definition:
A relative URL shows only the path (not the full domain). It assumes the
link is on the same
website.
Example:
<a
href="/about-us">About Us</a>
Used when:
- Linking between pages of the same
site.
- Easier for developers to manage during site migration
or staging.
Comparison table
|
Feature |
Absolute URL |
Relative URL |
|
Includes
domain? |
√ Yes (https://example.com/page) |
× No (/page) |
|
Best
for |
External
links |
Internal
links |
|
SEO
Impact |
Slightly
better for consistency |
Good
for internal navigation |
|
Portability |
Less
flexible |
Easier
to move site or test locally |
|
Common
Use |
Sitemap,
canonical tags, backlinks |
Internal
navigation, menus |
Best
Practice
- √ Use absolute
URLs in
canonical tags,
sitemaps, and external sharing.
- √ Use relative
URLs for
internal page
linking within
your website.
- × Do not mix both styles
randomly - be consistent across your site.
In Short:
- Absolute URL:
Full web address (used
for external and SEO signals).
- Relative URL:
Short path within your site (used for internal linking).
Architecture Checks
What
are Breadcrumbs?
Definition:
Breadcrumbs are small navigation links that show users where
they are on a website and how they got there.
They usually appear at the top of a page,
just below the menu.
Example
of Breadcrumbs:
Home > Blog > SEO
Tips > How to Improve On-Page SEO
Each part (Home, Blog, SEO Tips) is
clickable - helping users go back easily.
Why
Breadcrumbs are used in a website
|
Benefit |
Explanation |
|
Easy Navigation |
Helps users move back to previous
sections quickly. |
|
SEO Benefit |
Google uses breadcrumbs to
understand website structure. |
|
Better User Experience (UX) |
Users always know where they are
on your site. |
|
Improves Search Results Display |
Google sometimes shows breadcrumb
paths instead of long URLs in search results. |
Types
of Breadcrumbs
|
Type |
Description |
Example |
|
Location-based |
Shows the page’s position in the
site hierarchy |
Home > Products > Shoes |
|
Path-based |
Shows the steps a user took to
reach the page |
Home > Search > Shoes >
Nike |
|
Attribute-based |
Used in e-commerce to show filters |
Home > Shoes > Brand: Nike
> Color: Black |
How
to find Breadcrumbs on a website
1.
Manual check
- Open any page on the website.
- Look below
the main menu or header.
·
You’ll usually see something like:
Home > Category >
Page Name
2.
View Page Source
- Right-click on the page → View Page Source or press Ctrl + U.
- Search (Ctrl + F) for:
·
breadcrumb
·
schema.org/BreadcrumbList
·
aria-label="breadcrumb"
These indicate the site has breadcrumb structured data.
3.
SEO tools
Use tools like:
·
Google Search Console →
Enhancements → Breadcrumbs
·
Ahrefs or
Screaming Frog → they detect breadcrumb
schema automatically.
In short
|
Term |
Meaning |
Purpose |
|
Breadcrumbs |
Navigation
path showing where you are on the site |
Improves
SEO + User Navigation |
|
Why
Use |
Helps
users go back easily and helps Google understand structure |
✅ |
|
How
to Find |
Look
below menu or check page source for breadcrumb code |
🔍 |
What
is Top-Level Navigation (TLN)?
Definition:
Top-Level Navigation (often called the main menu) is the primary set of links that appear at the top of a website. It helps users quickly access the main sections of the site.
Example
of TLN:
At the top of a website, you might
see:
Home | About Us |
Services | Blog | Contact
These are top-level items -
the main categories of your website.
If a menu item has sub-links (like “Services → SEO → Web Design”), those are sub-level (dropdown) items.
Why
Top-Level Navigation is important
|
Benefit |
Description |
|
Easy Navigation |
Helps users find key pages
instantly. |
|
Improves SEO |
Tells search engines which pages
are most important. |
|
Better User Experience (UX) |
Clear menus make the site easy to
use and reduce bounce rate. |
|
Defines Site Structure |
Organizes pages into logical
categories. |
How
to analyze Top-Level Navigation
1.
Manual review (Simple Way)
- Open your website homepage.
- Look at the main menu bar at the top.
- Check:
- Are the main categories clear and relevant?
- Are there 5–7 main links (not too many)?
- Are important pages (like “Home,” “About,” “Contact,” “Services”) included?
- Are dropdowns organized logically?
2.
Website crawl (Technical Way)
Use SEO tools like:
- Screaming Frog or Ahrefs
Site Audit.
→ Check internal links from the homepage - these often represent top-level navigation. - Google Search
Console → Links → Internal Links
→ Shows which pages get the most internal links (top-level pages usually rank high here).
3.
User Experience (UX) testing
- Can users find what they need in 1–2 clicks?
- Is the menu mobile-friendly (responsive)?
- Are all links working (no broken pages)?
Best practices for TLN
- Keep 5–7 main menu items maximum.
- Use clear,
simple names (avoid jargon).
- Highlight important pages (e.g., “Contact” or “Shop”).
- Maintain the same TLN across all pages.
- Make sure it’s responsive on mobile devices.
Example structure
Home | About Us | Services | Portfolio | Blog | Contact
↳ SEO
↳ Web Design
↳ Social Media
Here, the bold items are top-level, and the
indented ones are sub-level.
In short:
- Top-Level Navigation (TLN): Main
menu at the top of the website.
- Purpose:
Helps users and search engines find the most important pages easily.
- Analysis:
Check clarity, link structure, number of items, and UX friendliness.
What is Website Footer?
Definition:
A website footer is the bottom section of a webpage that appears on every page of a website.
It usually contains important
links, contact
details, copyright
info, and sometimes social media icons.
Example
of a Website Footer:
© 2025
Example Company | Privacy Policy | Terms of Use
Contact: info@example.com | +1 123-456-7890
Follow us: Facebook | Instagram | LinkedIn
Why
the Footer is important
|
Benefit |
Description |
|
Easy Navigation |
Gives users access to key pages
without scrolling up. |
|
SEO Value |
Adds internal links to important
pages (like About, Contact, Privacy Policy). |
|
Trust & Credibility |
Shows company details, making the
site look professional. |
|
Consistency |
Appears on every page, improving
user experience. |
|
Conversion Support |
May include CTAs (e.g.,
“Subscribe,” “Contact Us”). |
How
to analyze a Website Footer
1.
Manual check
Scroll to the bottom of the
page and review:
- Does it include important pages (About, Contact, Privacy Policy, Terms, Sitemap)?
- Are there social media links?
- Is contact
info visible
(email, address, phone)?
- Does it include a copyright line (© year + company name)?
- Is it consistent across all pages?
2.
SEO/Technical check
Use tools like:
- Screaming Frog → check internal links from footer pages.
- Google Search
Console → see if footer-linked pages
are indexed.
- Ahrefs / SEMrush → check link flow and structure.
Tip: Too many links in the footer
can confuse search engines - keep it clean and focused.
Design
& UX check
- Is the footer visually clear and easy to read?
- Is it mobile-friendly?
- Are links
working (no
404 errors)?
- Does it load properly across all pages?
Best practices
- Include important links only.
- Add contact info and social icons.
- Keep consistent on all pages.
- Use structured data (<footer> tag in HTML).
- Include copyright with current year.
In short
|
Term |
Meaning |
Purpose |
|
Website
Footer |
Bottom
section of a webpage. |
Contains
contact info, key links, and copyright. |
|
Why
Use It |
Helps
navigation, SEO, and credibility. |
|
|
How
to Analyze |
Check
links, info, design, and consistency. |
What
is Site Depth?
Definition:
Site
Depth
(also called Click Depth)
means how many clicks it
takes to reach a page from the homepage.
It shows how deep a page is located in your website’s structure.
Example:
|
Page |
Click
Path from Homepage |
Site
Depth |
|
Home |
(Starting point) |
0 |
|
Home → Blog |
1 click |
1 |
|
Home → Blog → SEO Tips |
2 clicks |
2 |
|
Home → Blog → SEO Tips → Article
Page |
3 clicks |
3 |
So, if
a page takes 3 clicks from the homepage, its site depth = 3.
Why
Site Depth is important
|
Benefit |
Explanation |
|
SEO Ranking |
Search engines prefer pages that
are closer (fewer clicks) to the homepage. |
|
User Experience |
Users can find pages faster with
shallow site depth. |
|
Crawl Efficiency |
Googlebot can easily crawl pages
that are not buried deep. |
|
Internal Linking |
Helps distribute link authority evenly
across important pages. |
Ideal
Site Depth
|
Type
of Page |
Recommended
Depth |
|
Important pages (Home, Services,
About) |
1–2 clicks |
|
Blog or product pages |
2–3 clicks |
|
Deep resource pages |
3–4 clicks (maximum) |
How
to check Site Depth
1.
Manual check (Simple Way)
- Start from your homepage.
- Click through the site to reach a target page.
- Count how many clicks it takes.
(Example: Home → Blog → SEO → Article → 3 clicks = depth 3)
2.
Use SEO tools (Accurate Way)
Tools that automatically calculate click depth for every page:
- Screaming Frog SEO Spider
- Crawl your site → View “Crawl
Depth” column.
- Ahrefs Site Audit
or SEMrush Site Audit
- Look under “Internal Link
Distribution” or “Depth of Pages” section.
- Google Search Console
(Indirectly)
- Check pages that are not
indexed - often those are too deep.
3.
Use Website Sitemap
- Open your XML sitemap (example.com/sitemap.xml).
- Check how URLs are structured.
- Shorter paths (like /about-us) → shallow
- Longer paths (like /blog/seo/on-page/checklist) → deeper
In short
|
Term |
Meaning |
Ideal Depth |
How to Check |
|
Site
Depth |
Number
of clicks from homepage to a page |
1–3
clicks |
Manually
or using tools like Screaming Frog |
Link Issues
What
are Broken Links?
Definition:
A broken link (also called a dead
link) is a hyperlink on your website that no longer works - when a
user clicks it, they get an error
page (like 404 Not
Found).
Example:
<a
href="https://example.com/old-page">Read More</a>
If the page old-page was
deleted or moved, clicking the link will show:
× 404 Error – Page Not Found
That’s a broken link.
Why
Broken Links Are Bad
|
Problem |
Description |
|
Poor User Experience |
Visitors get frustrated if pages
don’t open. |
|
Hurts SEO |
Google sees broken links as a sign
of poor site maintenance. |
|
Crawling Issues |
Search engines waste time crawling
dead pages. |
|
Lower Trust |
Too many broken links make your
site look unprofessional. |
Types
of Broken Links
|
Type |
Example |
Cause |
|
Internal Broken Link |
Link to a page within your site
that doesn’t exist |
Page deleted or URL changed |
|
External Broken Link |
Link to another website that no
longer exists |
Linked website removed or changed |
|
Image/Media Broken Link |
Missing image, video, or file |
File deleted or moved |
How
to find Broken Links on a website
1.
Manual Check (Small Websites)
- Click on each link on your site and see if any show a 404
page.
- Time-consuming but works for small sites.
2.
Use Online Tools (Best for SEO Audit)
- Here are some easy and free/paid tools:
|
Tool |
How
It Helps |
|
Broken Link Checker (https://www.brokenlinkcheck.com) |
Free online scanner for broken
internal/external links. |
|
Screaming Frog SEO Spider |
Crawls entire site and shows 404
links in “Response Codes” tab. |
|
Ahrefs Site Audit / SEMrush |
Finds and lists all broken links
automatically. |
|
Google Search Console |
Under “Coverage” → Shows “Not
Found (404)” pages caused by broken links. |
3.
Browser Extensions
Use Chrome plugins like:
- Check My Links
→ Highlights broken links directly on any webpage.
How
to Fix Broken Links
|
Problem |
|
Solution |
|
Internal
link to deleted page |
|
Update
to a valid page or redirect (301) |
|
External
link to dead site |
|
Replace
or remove the link |
|
Moved
content |
|
Update
link to the new URL |
|
Typo
in URL |
|
Correct
spelling or path |
In
Short
|
Term |
Meaning |
How
to Find |
Fix |
|
Broken Link |
A link that leads to a missing or
invalid page (404). |
Use tools like Screaming Frog or
BrokenLinkCheck. |
Update, redirect, or remove. |
What
are Broken Images?
Definition:
A broken image is an image on a webpage that fails to load properly because the file is missing, moved, or the image URL is incorrect.
Instead of showing the picture, the
browser displays:
❌ A blank box or a small broken image icon (🖼️🚫).
Example
in HTML:
<img
src="images/product.jpg" alt="Product">
If product.jpg is deleted or the path is wrong, the image won’t appear -
it becomes a broken image.
Why
Broken Images are bad
|
Problem |
Description |
|
Poor User Experience |
Pages look incomplete or
unprofessional. |
|
Hurts SEO |
Google can’t crawl or index
missing images. |
|
Affects Rankings |
Bad site quality signals lower
trust and authority. |
|
Accessibility Issues |
Users with screen readers or slow
connections miss information. |
Common
causes of Broken Images
|
Cause |
Example |
|
File deleted or moved |
Image removed from folder. |
|
Wrong file path |
Typo in the file name or wrong
directory. |
|
Broken external link |
Linked image from another site no
longer exists. |
|
HTTP/HTTPS mismatch |
Page uses HTTPS but image is HTTP
(blocked). |
|
Wrong file extension |
Using .jpg instead of .jpeg or .png. |
How
to find Broken Images on a website
1.
Manual check
- Visit your pages in a browser.
- Look for × missing images or empty boxes where images
should appear.
- Right-click → “Inspect” to see the broken image URL.
|
Tool |
How
It Helps |
|
Screaming Frog SEO Spider |
Crawl your site → Go to Images tab → Filter: Missing or 404. |
|
Ahrefs / SEMrush Site Audit |
Detects missing or broken images
site-wide. |
|
Google Search Console |
Coverage → May show “Not Found (404)” issues related to images. |
|
Online Broken Image Checker |
Example: Broken Image Finder can detect image issues
too. |
3.
Browser Extensions
Use tools like:
- Check My Links (Chrome extension) - highlights broken images and links
directly on a page.
How
to fix Broken Images
|
Problem |
Solution |
|
Image
file missing |
Upload
the correct image again |
|
File
moved to new folder |
Update
the image path in HTML |
|
Wrong
file name or extension |
Correct
the spelling (e.g., .jpg vs .jpeg). |
|
Linked
external image removed |
Re-upload
image to your own server. |
|
HTTP/HTTPS
mismatch |
Make
sure images use the same protocol as your page. |
In
short
|
Term |
Meaning |
How
to Find |
Fix |
|
Broken Image |
Image that doesn’t load (shows
error icon) |
Use tools like Screaming Frog or
manual check |
Re-upload or correct the image
path |
What
is a Logo Link?
Definition:
A Logo Link means the website’s logo (usually at the top left) is clickable and linked to
the homepage.
It is a standard web practice - when
users click the site’s logo, it should take them back to the homepage.
Example
(HTML Code):
<a href="https://example.com">
<img src="logo.png" alt="Example
Company Logo">
</a>
Here:
- <img> =
website logo.
- <a href="https://example.com"> = link
that takes you to the homepage.
So, when you click the logo, it
redirects you to the homepage.
Why the Logo Link is important
|
Benefit |
Description |
|
Improves
Navigation |
Users
can easily return to the homepage from any page. |
|
User
Experience (UX) |
Common
habit - users expect it to work this way. |
|
SEO
Benefit |
Adds
an internal link to your homepage, helping Google understand site structure. |
|
Mobile
Usability |
Works
as a quick home button for mobile users. |
1.
Manual check (Easiest Way)
- Go to your website.
- Click on the logo (top-left
area).
- If it takes you to your homepage, the logo link is working.
- If it does nothing or goes
to the wrong page, it needs fixing.
2.
Inspect the Code (Technical Check)
- Right-click your logo → click Inspect.
- Look for an HTML tag like:
<a
href="https://yourwebsite.com">
<img src="logo.png"
alt="Your Logo">
</a>
- Make sure:
·
The <a href> points to your homepage.
·
The <img> has
a proper alt tag (e.g., alt="Company
Logo").
3.
Using SEO tools
Tools like
Screaming Frog SEO Spider can also help you confirm
internal linking to the homepage.
If your
homepage gets a link from the logo, you will see it listed under Internal Links.
In
short
|
Term |
Meaning |
How
to Check |
Why
It Matters |
|
Logo Link |
Clickable logo that takes users to
homepage. |
Click logo or inspect code. |
Improves navigation, UX, and SEO. |
What
is Anchor Text?
Definition:
Anchor
text
is the clickable text in a hyperlink - the part that users see and
click to go to another page.
It tells both users and search engines what the linked page is about.
Example:
<a
href="https://example.com/seo-tips">Best SEO Tips</a>
- Anchor text:
“Best SEO Tips”
- Link URL:
https://example.com/seo-tips
When you click “Best SEO Tips,” it
opens that page.
Why
Anchor Text is important
|
Benefit |
Description |
|
SEO Signal |
Helps Google understand what the
linked page is about. |
|
User Experience |
Gives users context before they
click. |
|
Internal Linking |
Strengthens website structure and
distributes link authority. |
|
Ranking Factor |
Proper keyword-rich anchor text
can improve page rankings. |
Types
of Anchor Text
|
Type |
Example |
Notes |
|
Exact Match |
“SEO Tips” → links to /seo-tips |
Strong for SEO (use moderately). |
|
Partial Match |
“Learn more SEO tips here” |
Safe and natural. |
|
Branded |
“Visit Google” |
Uses brand name. |
|
Generic |
“Click here,” “Read more” |
Avoid overuse (not descriptive). |
|
Image Anchor |
<img src="image.jpg"
alt="SEO Tips"> |
Alt text acts as anchor text. |
Bad
practices to avoid
- Using too many exact-match keywords (can look spammy).
- Using “click here” or “read more” too often.
- Having broken or irrelevant
links in
anchor text.
1.
Manual Check
- Visit your webpage.
- However your mouse over any clickable text (often blue or underlined).
- That text is the anchor text.
- Right-click → “Copy link address” to see where it
points.
2.
Use browser “Inspect” tool
- Right-click on a link → “Inspect.”
- You will see code like:
<a
href="https://example.com/services">Our Services</a>
- “Our Services” = Anchor text
- https://example.com/services = Destination URL
3.
SEO Tools (For Complete Audit)
|
Tool |
How
It Helps |
|
Ahrefs / SEMrush / Moz |
Show all anchor texts pointing to
your site (internal + external). |
|
Screaming Frog SEO Spider |
Crawl your site → “Inlinks” tab →
shows all internal anchor texts. |
|
Google Search Console |
Links → “Top linking text” → shows
most used anchor texts. |
In
short
|
Term |
Meaning |
How
to Check |
Why
It Matters |
|
Anchor Text |
Clickable text in a hyperlink. |
Manually or using SEO tools. |
Helps SEO, UX, and site structure. |
What
is a No Follow Link?
Definition:
A No Follow Link is a hyperlink that tells search engines not to pass SEO
authority (link juice)
to the linked page.
It is created using the HTML
attribute:
<a
href="https://example.com" rel="nofollow">Example
Website</a>
So, search engines see the link but don’t follow or count it
for ranking purposes.
Why
No Follow Links are used
|
Reason |
Explanation |
|
Prevent SEO manipulation |
Stops passing authority to
untrusted or irrelevant sites. |
|
Used in comments/forums |
To avoid spam links affecting SEO. |
|
Sponsored or paid links |
Should always have rel="nofollow"
or rel="sponsored". |
|
External references |
When linking to an unverified or
risky website. |
Types
of “rel” Attributes (Google Recognizes)
|
Attribute |
Meaning |
|
nofollow |
Don’t pass SEO authority. |
|
sponsored |
Paid or affiliate link. |
|
ugc |
User-generated content (comments,
forums). |
How
to check for No Follow Links on a website
1. Manual check (Simple Way)
- Right-click on the link → click Inspect.
- Look for something like this:
- <a href="https://example.com" rel="nofollow">Example</a>
- Ifrel="nofollow" (or rel ="sponsored" / rel="ugc") is present → it’s a No Follow link.
- If there is no “rel” attribute, it is a DoFollow link (passes SEO
authority).
2.
Browser Extension (Quick Way)
Use Chrome extensions like:
- NoFollow Simple
- SEO Minion
- MozBar
These highlight No Follow links in red or with dotted
borders directly on any webpage.
3.
SEO Tools (Advanced Way)
|
Tool |
How
It Helps |
|
Screaming Frog SEO Spider |
Crawl your site → “Inlinks” tab → shows if a link is nofollow. |
|
Ahrefs / SEMrush / Moz |
Show external backlinks and which
are NoFollow vs DoFollow. |
When
to use No Follow Links
|
Situation |
Should
You Use NoFollow? |
|
Internal links (inside your own
site) |
× No - keep DoFollow |
|
External links to trusted sites
(e.g., Wikipedia, news) |
× Usually No |
|
Paid, sponsored, or affiliate
links |
√ Yes |
|
Blog comments, forums, user posts |
√ Yes |
|
Links you don’t fully trust |
√ Yes |
In
short
|
Term |
Meaning |
How
to Check |
Purpose |
|
No Follow Link |
Link that doesn’t pass SEO
authority. |
Inspect HTML or use browser/SEO
tools. |
Prevents spam, paid link
penalties, and SEO manipulation. |
What
are Malicious Links?
Definition:
Malicious
links
are hyperlinks that lead to unsafe or harmful websites - sites that might try to:
- Steal user information (phishing),
- Spread malware or viruses,
- Redirect to spam or scam pages, or
- Harm your site’s reputation or SEO.
Example:
<a href="http://fakebank-login.com">Login to your bank</a>
- Looks normal, but it could redirect users to a phishing page or
download malware.
That is a malicious link.
Why
Malicious Links are dangerous
|
Risk |
Description |
|
Security
Threat |
May
install malware or steal user data. |
|
SEO
Penalty |
Google
can penalize or deindex your site. |
|
Loss
of Trust |
Users
lose confidence in your website. |
|
Spam
Reputation |
Site
may be blacklisted or blocked by browsers. |
Types
of Malicious Links
|
Type |
Description |
|
Phishing Links |
Fake pages mimicking login forms. |
|
Malware Links |
Download harmful software
automatically. |
|
Redirect Links |
Send users to spam or adult
content sites. |
|
Injected Links |
Hackers insert them into your
pages secretly. |
How
to check for Malicious Links on a website
1.
Manual check (Basic Way)
- Hover your mouse over a link → look at the bottom-left
corner of your browser.
- If the URL looks strange, long, or unrelated to
your site → be suspicious.
Example:
https://yourwebsite.com → √ Safe
http://weird-domain.ru/redirect?id=999 → × Possibly Malicious
2.
Use Online Security Tools (Best Way)
|
Tool |
How
It Helps |
|
Google Safe Browsing -https://transparencyreport.google.com/safe-browsing/search |
Check if your domain or another
site is marked unsafe. |
|
Virus Total - https://www.virustotal.com/ |
Scan links or whole websites for
malware. |
|
Sucurity Site Check - https://sitecheck.sucuri.net/ |
Scans for malware, spam, and
injected links. |
|
Google Search Console → Security Issues |
Google notifies if your site has
malicious links or hacking issues. |
3.
SEO Audit Tools
- Screaming Frog SEO Spider: Crawl your site → Check for external links → identify suspicious
domains.
- Ahrefs / SEMrush Backlink Audit:
Find if spammy or dangerous sites are linking to you.
4.
Browser Extensions
- McAfee WebAdvisor, Norton
Safe Web, or WOT
(Web of Trust)
show warning icons next to risky links.
How
to fix Malicious Links
|
Problem |
Solution |
|
Found
on your website |
Remove
or replace the bad links immediately. |
|
In
backlinks from other sites |
Disavow
them using Google
Disavow Tool. |
|
Hacked
website |
Clean
site and change passwords, then resubmit to Google. |
|
Hidden/injected
links |
Scan
with Sucuri,
Wordfence,
or your hosting’s malware scanner. |
In
short
|
Term |
Meaning |
How
to Check |
Fix |
|
Malicious Links |
Links to unsafe or harmful
websites |
Use VirusTotal, Google Safe
Browsing, or Sucuri |
Remove, disavow, or clean hacked
code |
Schema Markup
What
is Structured Data Markup?
Definition:
Structured
Data Markup
is a special type of code (usually in JSON-LD format)
added to your web pages to help
search engines understand your content better.
It uses Schema.org vocabulary, which is a standard
format recognized by Google, Bing, and other search engines.
Example
of Structured Data (JSON-LD):
<script
type="application/ld+json">
{
"@context":
"https://schema.org",
"@type": "Organization",
"name": "Example
Company",
"url":
"https://www.example.com",
"logo":
"https://www.example.com/logo.png",
"contactPoint": {
"@type":
"ContactPoint",
"telephone":
"+1-800-555-1234",
"contactType": "Customer
Service"
}
}
</script>
This tells Google that your site
represents a company,
it is logo,
and contact details.
Why
Structured Data is important
|
Benefit |
Description |
|
Better SEO Understanding |
Helps Google understand what your
content means, not just what it says. |
|
Rich Results in SERPs |
Enables extra details like
ratings, prices, FAQs, recipes, etc. |
|
Improved CTR (Click-Through Rate) |
Rich snippets attract more clicks. |
|
Content Classification |
Clearly identifies page types
(articles, products, events, etc.). |
|
Voice Search Optimization |
Helps Google Assistant and AI
tools read your site correctly. |
Common
types of Structured Data
|
Type |
Used
For |
|
Organization / Local Business |
Company details, logo, address. |
|
Breadcrumbs |
Navigation paths. |
|
Article / BlogPosting |
Blog content. |
|
Product / Offer / Review |
E-commerce pages. |
|
FAQ / HowTo |
Question-answer content. |
|
Event |
Event details. |
|
Person / JobPosting / Recipe |
Specialized information. |
How
to check if Structured Data Markup exists on a website
1.
Manual Check (In Browser)
- Open the webpage → Right-click
→ View Page
Source.
- Press Ctrl + F (or Command
+ F on Mac).
- Search for:
- application/ld+json
- schema.org
- @type
If you find a block like the JSON
code above, the site has structured
data markup.
2.
Use Google Tools (Best Way)
|
Tool |
What
It Does |
|
Google Rich Results Test → https://search.google.com/test/rich-results |
Checks if a page supports rich
results (like FAQs, reviews, etc.). |
|
Schema Markup Validator → https://validator.schema.org/ |
Shows all structured data and
errors/warnings. |
|
Google Search Console → “Enhancements” tab |
Lists all structured data types
found on your site (and issues). |
3.
Browser Extensions
Use Chrome extensions like:
- Structured Data Testing Tool (by Google)
- SEO Minion → to quickly see structured data tags.
How
to add Structured Data (If Missing)
- Add JSON-LD scripts in the <head>
or <body> section of the page.
- Use Google’s Structured Data Markup Helper:
https://www.google.com/webmasters/markup-helper/ - Copy and paste into your page → Test with Rich Results
Test.
In short
|
Term |
Meaning |
How to Check |
Why It Matters |
|
Structured
Data Markup |
Code
(JSON-LD) that helps search engines understand your page |
Use
Rich Results Test or Schema Validator |
Improves
SEO, enables rich snippets, boosts clicks |
Content
Optimization
What
is Duplicate Content?
Definition:
Duplicate
Content
means the same or very similar text/content appears on
more than one webpage, either within your own website or across different websites.
Search engines then get confused
about which page to rank,
and this can hurt SEO
performance.
Types
of Duplicate Content
|
Type |
Description |
Example |
|
Internal Duplicate |
Same content on multiple pages of your own site |
/about-us and /company-info have identical text. |
|
External Duplicate |
Same content copied from another website. |
Your blog article is republished
elsewhere. |
|
Near Duplicate |
Slightly rewritten or only
partially changed content. |
Product descriptions reused with
small edits. |
Why
Duplicate Content is a problem
|
Issue |
Explanation |
|
SEO Confusion |
Google can not decide which version
to rank. |
|
Lower Rankings |
Both pages may drop in search
results. |
|
Indexing Issues |
Some pages might be ignored by
Google. |
|
Diluted Link Equity |
Backlinks and authority get split
between duplicates. |
Common
causes of Duplicate Content
|
Cause |
Example |
|
Same content under www and non-www
URLs |
www.example.com vs example.com |
|
Same content on HTTP and HTTPS
versions |
http://example.com vs https://example.com |
|
URL parameters or tracking codes |
?utm_source=facebook creates multiple URLs for one page. |
|
Printer-friendly versions |
example.com/page and example.com/print/page. |
|
Copy-pasted product descriptions |
Common in E-commerce websites. |
|
CMS issues |
Duplicate category or tag pages. |
How
to find Duplicate Content
1.
Manual check (Simple Way)
- Copy a few sentences from your page.
- Paste them in Google Search inside quotes (e.g. "your text here"). If multiple pages show up - that content is
duplicated.
2.
Use online tools (Best for SEO Audit)
|
Tool |
What It Does |
|
Siteliner - https://www.siteliner.com/ |
Scans
your website for internal duplicate pages. |
|
Copyscape -https://www.copyscape.com/ |
Checks
if your content is copied elsewhere on the internet. |
|
Ahrefs
/ SEMrush Site Audit |
Finds
duplicate title tags, meta descriptions, and body content. |
|
Screaming
Frog SEO Spider |
Crawl
your site → “Content” tab → check “Exact Duplicates” or “Near Duplicates.” |
How
to fix Duplicate Content
|
Cause |
Solution |
|
Same content on multiple URLs |
Use a canonical tag (<link
rel="canonical" href="https://example.com/main-page">). |
|
HTTP / HTTPS or www / non-www
duplicates |
Use 301 redirects to a preferred version. |
|
Parameter duplicates |
Set preferred parameters in Google Search Console → URL Parameters. |
|
Copied text |
Rewrite or use unique content. |
|
Syndicated content |
Use canonical tags or noindex on duplicate versions. |
In
short
|
Term |
Meaning |
How
to Find |
Fix |
|
Duplicate Content |
Same content appears on multiple
pages |
Use Siteliner, Copyscape, or
Screaming Frog |
Canonical tags, redirects, or
rewrite text |
What
is Key Content Location?
Definition:
Key
Content Location
refers to the placement of the most important
content on a webpage - the information that users and search engines
should see first.
- This includes headings, main
text, images,
and CTAs (Call to Action).
- Proper placement improves user experience, SEO, and conversion rates.
Example:
- A blog post page:
- Above the fold: Page title, main image,
introduction paragraph
- Middle: Key points, bullet lists,
subheadings
- Bottom: Call-to-action, related
posts
Search engines pay attention to content that appears higher on the
page, so key
information should not be buried at the bottom.
Why
key Content Location matters
|
Benefit |
Explanation |
|
SEO Optimization |
Google gives more weight to
content that appears early in the HTML/page structure. |
|
User Experience (UX) |
Users see important info without
scrolling too much. |
|
Better CTR and Conversion |
Placing CTAs and key content
prominently increases engagement. |
|
Content Hierarchy |
Helps structure pages with
headings, paragraphs, and images logically. |
How
to find Key Content Location on a website
1.
Manual check
- Open the webpage in a browser.
- Look at what appears first “above the fold” (before scrolling) - Main headings (H1/H2) - First paragraph - Featured images or videos.
- Check if important content like CTAs, product info, or key messages is easily visible.
2.
Inspect the HTML
- Right-click → “Inspect” (or view page source).
- Look for main headings and paragraph tags (<h1>, <h2>, <p>).
- Check if they appear early in the HTML code - this is usually
where Google sees them first.
3.
SEO/UX Tools
|
Tool |
How
It Helps |
|
Screaming Frog SEO Spider |
Crawl your site → check H1/H2 and
content placement. |
|
PageSpeed Insights |
Highlights “Contentful Paint” to
see which content loads first |
|
Hotjar / Crazy Egg |
Shows user scroll heatmaps to
identify which content is seen first. |
|
Google Search Console →
Performance |
Pages with high CTR often have key
content clearly visible. |
Best
practices for Key Content Location
- Place the H1 heading at the top of the page.
- Keep introductory
paragraphs above
the fold.
- Put important
images or videos
near the top.
- Place CTAs or key
links where
users can see them without scrolling.
- Use a logical content hierarchy: H1 → H2 → H3 → paragraphs.
In
short
|
Term |
Meaning |
How to Find |
Why It Matters |
|
Key
Content Location |
Placement
of most important content on a webpage |
Manual
check, inspect HTML, or SEO/UX tools |
Improves
SEO, user experience, and conversions |
What
is Rich Semantic Content?
Definition:
Rich
Semantic Content
refers to webpage content that is high-quality, meaningful, and contextually detailed,
providing value to both
users and search engines.
- It is NOT thin content (short, vague, or low-value pages).
- Uses proper
headings, structured
information, keywords
in context, and often includes images, videos, tables, and links.
- Helps search engines understand the topic and intent of the
page.
Example
of Rich Semantic Content
- A blog post about SEO:
- H1 Heading: What is SEO?
- H2/H3 Subheadings: On-Page SEO, Off-Page SEO, Technical SEO.
- Paragraphs: Detailed explanation with examples.
- Images/Videos: Infographics, charts.
- Internal Links: Related blog posts or product pages.
- Structured Data: FAQ schema or HowTo schema.
This is rich, informative, and
well-structured content.
Thin
Content (Opposite Example)
- A 50-word page that just says:
“SEO is
important for your website. Learn more.”
- No structure, no examples, no images, and no links.
- Provides very little value - search engines may rank it
poorly.
Why
Rich Semantic Content matters
|
Benefit |
Explanation |
|
Better
SEO |
Google
can understand content context, relevance, and topical authority. |
|
Improved
User Experience (UX) |
Users
get detailed, easy-to-read, and valuable information. |
|
Higher
Rankings |
Longer,
richer pages often rank higher for multiple related keywords. |
|
Supports
Rich Snippets |
FAQ,
HowTo, and Review schema work better with rich content. |
|
Internal
Linking Opportunities |
Provides
natural places to link to other pages. |
How
to identify Rich Semantic Content on a website
1.
Manual Check
- Look for length and depth
of content: at least 300–1000+
words depending on topic.
- Check headings and subheadings - do they structure the page logically?
- Look for media: images, videos, tables, graphs.
- Check for internal/external
links.
2.
SEO Tools
|
Tool |
How
It Helps |
|
Screaming Frog |
Checks word count, headings, and
content structure. |
|
Ahrefs / SEMrush |
Shows top-performing pages,
keyword coverage, and content depth. |
|
SurferSEO / Clearscope |
Measures content relevance and
semantic richness for target keywords. |
3.
Structured Data & Schema
- Check if the page uses FAQ, HowTo, Article,
or Product schema.
- Rich semantic content often works well with structured
data because content is detailed and meaningful.
Best
practices for Rich Semantic Content
- Use clear
headings (H1,
H2, H3) and organize logically.
- Provide in-depth explanations with examples.
- Include images, videos,
infographics,
and tables
to enrich the page.
- Use internal
and external links to relevant content.
- Incorporate keywords naturally in context - avoid stuffing.
- Add structured
data markup for
rich snippets.
In
short
|
Term |
Meaning |
How
to Find |
Why
It Matters |
|
Rich
Semantic Content |
High-quality,
meaningful, and well-structured content. |
Manual
check for depth, headings, media, links; SEO tools; structured data. |
Improves
SEO, user experience, rankings, and enables rich snippets. |
|
Thin
Content |
Low-value,
short, or vague content. |
Pages
with <100 words or no structure. |
Hurts
SEO, rankings, and user trust. |
What
is an LSI Keyword?
Definition:
LSI (Latent
Semantic Indexing) Keywords are words
or phrases that are semantically related to the main keyword of your content.
- They help search engines understand the context of your page.
- Not necessarily synonyms, but related terms that appear naturally in content.
Example:
- Main keyword: Digital
Marketing
- LSI keywords:
- SEO strategies
- social media marketing
- content marketing tips
- PPC advertising
Why
LSI Keywords are important
|
Benefit |
Explanation |
|
Context
Understanding |
Google
understands the main topic better. |
|
SEO
Ranking Boost |
Helps
your page rank for multiple related searches. |
|
Avoid
Keyword Stuffing |
Makes
content natural instead of repeating the main keyword excessively. |
|
Better User Experience |
Content
reads naturally and covers a topic comprehensively. |
How
to Find LSI Keywords
1. Google Search Suggestions
- Type your main keyword in Google.
- Look at:
- Autocomplete suggestions
- People also ask
- Related searches at the
bottom of SERPs
2. SEO Tools
|
Tool |
How
It Helps |
|
LSIGraph |
Generates LSI keywords for any
main keyword |
|
Ahrefs / SEMrush |
Shows semantically related
keywords and their search volume |
|
SurferSEO / Clearscope |
Suggests LSI keywords while
optimizing content |
3.
Manual Content Analysis
- Check top-ranking pages for your main keyword.
- Look for frequently appearing related terms in headings,
paragraphs, and metadata.
4.
Word Clouds and Text Analysis
- Copy content from top competitors and use word cloud tools.
- Words that appear frequently around your main topic are
likely LSI keywords.
Best
practices for using LSI Keywords
- Sprinkle them naturally throughout the content -
don’t force.
- Include them in headings, paragraphs, and image alt
text.
- Avoid overusing them - keyword stuffing can hurt SEO.
- Focus on covering the topic comprehensively using LSI keywords.
In short
|
Term |
Meaning |
How to Find |
Why It Matters |
|
LSI
Keyword |
Words/phrases
semantically related to your main keyword |
Google
suggestions, SEO tools, competitor content, word clouds |
Improves
SEO, contextual relevance, and content quality |
What
is Keyword Stuffing?
Definition:
Keyword
Stuffing
is the practice of overusing a keyword or phrase
unnaturally in
website content to try to manipulate search engine rankings.
- It makes the content spammy, hard to read, and low-quality.
- Google and other search engines penalize websites for keyword stuffing.
Example
of Keyword Stuffing
Bad Example:
Our SEO services help with SEO, SEO strategies, SEO
optimization, SEO tips, SEO tools. SEO is the best SEO service.
- Repeated use of the keyword “SEO” is unnatural and
spammy.
Good Example:
Our SEO services help businesses improve their online
visibility through optimized content, keyword research, and effective
strategies.
- Uses related
terms and natural language instead of repeating the main keyword.
Why
Keyword Stuffing is bad
|
Problem |
Explanation |
|
Penalized
by Google |
Can
lower rankings or remove the page from search results. |
|
Poor
User Experience |
Content
is hard to read and looks spammy. |
|
Reduced
Engagement |
Visitors
may leave the page immediately. |
|
Missed
SEO Opportunity |
Search
engines prefer natural, semantically rich content. |
How
to identify Keyword Stuffing
1.
Manual Check
- Read your content out loud.
- Check if a word or phrase is repeated unnaturally.
- Look for over-optimized headings, paragraphs, and metadata.
2. SEO Tools
|
Tool |
How
It Helps |
|
Yoast SEO / Rank Math |
Flags keyword density issues in
WordPress content. |
|
SEMrush / Ahrefs |
Shows keyword density and overused
terms. |
|
Screaming Frog SEO Spider |
Analyze on-page content for
repetitive keywords. |
3.
Keyword Density Formula
- Keyword Density (%) = (Number
of times keyword appears ÷ Total words) × 100
- Optimal density: 0.5% – 2% depending on content length
- Above 3–4% → possible keyword stuffing
Best
practices to avoid Keyword Stuffing
- Use primary
keywords naturally in sentences.
- Include LSI (related) keywords to provide context.
- Focus on user experience rather than just SEO.
- Avoid repeating the same keyword in headings, meta tags, and body excessively.
- Write longer, high-quality
content covering
the topic comprehensively.
In short
|
Term |
Meaning |
How to Identify |
How to Fix |
|
Keyword
Stuffing |
Overusing
a keyword unnaturally in content. |
Manual
check, SEO tools, keyword density analysis. |
Use
keywords naturally, include LSI keywords, focus on high-quality content. |
Site’s
Loading Speed
What
is Site’s Loading Speed Test?
Definition:
A Site’s Loading Speed Test measures how fast a website loads on desktop or mobile
devices.
- A fast-loading
site improves
user experience and search engine rankings.
- A slow
website can
increase bounce rate and reduce conversions.
Why
Loading Speed matters
|
Benefit |
Explanation |
|
Better SEO |
Google uses page speed as a
ranking factor. |
|
Improved User Experience |
Users stay longer if pages load
quickly. |
|
Higher Conversions |
Fast pages lead to more sales,
sign-ups, or clicks. |
|
Mobile Optimization |
Mobile users expect instant
loading; slow pages lose traffic. |
How
to test Site’s Loading Speed
1.
Google PageSpeed Insights
Google’s official tool evaluates desktop
and mobile performance and gives suggestions.
- Go to: Google PageSpeed Insights
- Enter your website URL.
- Click Analyze.
- The tool gives:
·
Desktop
score (0–100)
·
Mobile
score (0–100)
·
Core Web
Vitals metrics like:
Largest Contentful
Paint (LCP)
→ Loading of main content.
First Input Delay (FID) → Interactivity
delay.
Cumulative Layout Shift (CLS) → Visual
stability.
·
Recommendations
to improve speed (compress images, reduce JS/CSS, use caching, etc.)
Recommended
Action Based on Score
|
Category |
Action |
|
Good
(90–100) |
Maintain
current optimizations, monitor regularly. |
|
Needs
Improvement (50–89) |
Compress
images, enable caching, minify scripts, use a CDN. |
|
Poor
(0–49) |
Implement
major optimization: reduce server load, optimize images, remove unused
scripts, and improve mobile experience. |
2.
Other Tools
|
Tool |
Use |
|
GTmetrix |
Detailed page load times,
waterfall chart, and recommendations. |
|
Pingdom |
Measures load speed and
performance grade. |
|
WebPageTest.org |
Shows advanced load testing and
TTFB (Time to First Byte). |
3.
Manual check
- Open your website on desktop and mobile devices.
- Note how long it takes for:
- Above-the-fold content to appear
- Full page to load
- Slow-loading pages indicate optimization is needed.
Best
practices to improve Site Speed
- Compress images
→ use WebP or optimized JPG/PNG.
- Enable browser caching → store assets locally.
- Minify CSS, JS, HTML
→ reduce file size.
- Use a CDN (Content Delivery Network) → faster delivery globally.
- Optimize server response time → choose a good hosting provider.
- Avoid heavy scripts
→ remove unused plugins or tracking codes.
In short
|
Term |
Meaning |
How
to Check |
Why
It Matters |
|
Site’s Loading Speed |
How fast a website loads on
desktop and mobile. |
Google PageSpeed Insights,
GTmetrix, Pingdom. |
Improves SEO, UX, CTR, and
conversions. |
Mobile-Friendly
What
is Mobile-Friendly?
Definition:
A mobile-friendly website is a site that:
- Displays properly on smartphones and tablets.
- Has readable
text, tappable buttons, and proper layout without zooming or horizontal scrolling.
- Loads quickly on mobile networks.
Why
Mobile-Friendliness matters
|
Benefit |
Explanation |
|
SEO Ranking Factor |
Google uses mobile-first indexing,
so mobile-friendly sites rank higher. |
|
Better User Experience |
Easy to navigate and read on small
screens. |
|
Higher Engagement |
Users are more likely to stay and
interact. |
|
Faster Page Speed |
Mobile-optimized pages usually
load faster. |
How
to check if a website is Mobile-Friendly
1.
Google Mobile-Friendly Test (Best Way)
- Go to: https://search.google.com/test/mobile-friendly
- Enter the website URL.
- Click Test URL.
- Results show:
·
√ “Page is mobile-friendly”.
·
דPage is not mobile-friendly” - Issues
such as text too small, clickable elements too close, content wider than screen.
2.
Use Google Search Console
- Log in → Select your property → Mobile Usability report
- Shows:
- Errors like viewport not set, text too small, or clickable elements too close.
- Affected pages and examples.
3.
Manual Check on Devices
- Open the website on a smartphone or tablet.
- Look for:
- Text readability without
zooming
- Tap-friendly buttons and
menus
- No horizontal scrolling
- Images and videos scale
correctly
4.
Browser Developer Tools
- Open website in Chrome → Right-click → Inspect → Toggle Device Toolbar (Ctrl+Shift+M).
- Switch between devices (mobile, tablet) to see
responsiveness.
- Check layout, images, menus, and font sizes.
5.
SEO Tools
|
Tool |
How
It Helps |
|
Screaming Frog SEO Spider |
Checks mobile rendering and
responsive design. |
|
GTmetrix / Pingdom |
Shows mobile page load speed and
performance issues. |
|
Ahrefs / SEMrush Site Audit |
Flags mobile usability issues. |
Best
practices for Mobile-Friendly Websites
- Responsive design → Layout adapts to any screen size.
- Readable font
sizes → At least 16px for body text.
- Tap-friendly
buttons and menus →
Enough spacing between links.
- Avoid Flash → Not supported on most mobile devices.
- Optimize images
and media → Faster mobile load times.
- Viewport meta tag → <meta
name="viewport" content="width=device-width,
initial-scale=1">
In short
|
Term |
Meaning |
How to Check |
Why It Matters |
|
Mobile-Friendly |
Website
displays and functions well on mobile devices. |
Google
Mobile-Friendly Test, Search Console, manual check, developer tools. |
Improves
SEO, UX, engagement, and page speed. |

