Technical SEO
Designed by UI Learning
Technical SEO
✓Technical SEO includes improving the technical factors of a
website to increase the ranking of its pages in the search
engine.
✓It effect on better crawling/indexing of a website.
✓Optimization done only once in a while.
Checklist of Technical SEO
• XML Sitemap (sitemap.xml)
• HTML Sitemap (sitemap.html)
• Robots.txt File
• Page Load Time
• Optimization of JS & CSS
• SSL Certificate
• Canonical Tag
• Redirection (404, 301, 302) Open Graph Tag
• Structured Data
• W3C HTML Validation
What are Sitemap & Types of Sitemap?
• A sitemap is a list of your website’s URLs.
• It act as a roadmap to tell search engines what and where is
content available.
• Provides complete and better website navigation to audience and
crawler.
Sitemap.xml
• A file that lists website’s important pages for complete and better
crawling.
• Search Engine can understand website structure easily.
https://www.pakstyle.pk/sitemap.xml
Search Google for sitemap generator
WordPress-> Go to Yoast SEO ->Settings-> XML sitemaps
Sitemap.html
• A file that lists website’s important pages for complete and better
navigation for users.
• It help users to find a desired section or page on the website.
• Example:
https://www.flipkart.com/
robots.txt file
✓Tells search engine – Where to Go and Where not to
✓We don’t want to take crawler to unwanted resources on the
website: To optimize crawl budget(Time that specified to crawl
our website acc. to website’s reputation)
✓We don’t want crawler to crawl unwanted pages for security
purpose. E.g. abc.com/wp-admin
Creating robots.txt File
User-agent: *
Disallow: /wp-admin/
Disallow: /users/*
Allow: /wp-admin/admin-ajax.php
Allow: /wp-content/uploads
Disallow: /wp-content/plugins
User-agent: Yahoobot
Disallow: /(slug part of URL)
Allow: /(slug part of URL)
WordPress: Yoast Plugin-> Tools -> File Editor -> robots.txt
• Add sitemap: https://uicubix.com/New/sitemap.xml
What are Canonical Pages? |Uses of Canonical
Tag
• If you have the same or similar content available under different
URLs then you can use canonical tag to specify which version is
the main.
• Canonical Page means Original Page
Canonical Issue Cases
Parameters
https://abc.com/clothing/shirts.html
https://abc.com/clothing/shirts.html?size=xl
Printable Pages
example.com/page
example.com/print/page
Different Structure
example.com/services/SEO/
example.com/specials/SEO/
Canonical Issue Cases
www and non www variation
http://example.com
http://www.example.com
http and https variation
http://www.example.com
https://www.example.com
How to Use Canonical Tag
So you should use the following structure:
<link rel="canonical" href=original URL />
<link rel="canonical" href="https://kps.edu.pk/" />
We must do self canonicalization as well.
What are BROKEN LINKS? How do You Find &
Fix Them?
• A broken link is a web page that cannot be found or accessed by a
user, for various reasons
• Reasons:
• Change in URL slug
• Web page is deleted
• Image Share or Video Share but page not found
https://brokenlinkcheck.com/
What is Redirection | 301 and 302
Redirections
• A redirection is a way to forward a person / crawler from a URL
that may be temporarily or permanently inaccessible.
• Avoid redirection to 404 Error Page https://uicubix.com/New/abc
• As the page link could be share many times but now it is deleted
or URL has changed.
301 redirections
➢Permanently moved like example.com/a to example.com/b
➢Non www to www
➢http to https
➢Page Authority / Link Value transfer
What is Redirection | 301 and 302
Redirections
302 Redirections
➢Temporary Redirection like site is down for 10 days
For non www to www or http to https redirection go to cpanel -> File
Manager -> public_html -> .htaccess file then add code
In WordPress, install 301 – Redirects Plugin
302 Redirection from https://uicubix.com/New/sample-page/ to
https://uicubix.com/New/test-page/
Meta Tags
• The <meta> tag defines metadata about an HTML document
• Metadata is data (information) about data.
• <meta> tags always go inside the <head> element
• Meta tags are used by search engines to help index and to provide
relevant content in their search results
• Specify page description, keywords, author of the document, and
viewport settings.
https://www.seoptimer.com/meta-tag-generator
What is Schema Markup?| schema.org
• Schema Markup (schema.org) is a structured data vocabulary that help
search engines better understand the info on your website.
• It tells search engines what your website category or services
• Improve search appearance on SERP
• Like Search Google for:
✓ Chicken Recipe (Recipe Cards are visible)
✓ Shahid Afridi ( Wikipedia Snippet added)
✓ What is SEO (More clickable links are available)
✓ How to create a website (Steps are given above the wix.com URL)
✓ Types of computer (Q/A are available with the computer.howstuffworks.com)
How to Add Schema Data in Any Website?
• Search for Schema Markup Generator
• Go to https://technicalseo.com/tools/schema-markup-generator/
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "CollegeOrUniversity",
"name": "UI Learning",
"url": "https://uilearning.com/",
"logo": "https://uilearning.com/assets/img/logo.png",
"sameAs": [
"https://www.facebook.com/UILearning",
"https://twitter.com/uilearning",
"https://www.instagram.com/uilearning",
"https://pk.linkedin.com/company/ui-learning",
"https://www.pinterest.com/UILearningInstitute"
]
}
</script>
For more Information: https://www.ovrdrv.com/blog/9-most-common-schema-markup-types/
https://developers.google.com/search/docs/appearance/structured-data/search-gallery
Test your Structured Data
• Structured data uses Schema markup to generate rich results on
search engine results pages.
• Before your structured data goes live, it’s important to test it.
• Google provides free tools which will test your structured data
with ease.
• Go to https://validator.schema.org/
Open Graph
✓An Internet protocol- created by Facebook (Meta)
✓Show good appearance of the website URL on social
media platforms like YouTube Video Link.
✓Share URL with appealing appearance leads to increase
CTR (click through rate).
✓Search for og generator
https://smallseotools.com/open-graph-generator/
✓WordPress Yoast SEO -> Social -> Facebook
Twitter Cards: How to Create & Add Twitter
Card?
• Generate More Leads & Traffic From Twitter
https://wtools.io/
Go to Generators-> HTML-> Twitter Card Generator
• WordPress Yoast SEO -> Social -> Twitter
Website Speed Optimization
PageSpeed Insights Tools Powered by Google
Check Insights –> https://thriveagency.com/
• First Contentful Paint (FCP) -> How much time taken while loading a very first
element/image of your website and then completely accessible.
• First Input Delay (FID) -> An Interaction time of a web page that is now completely
available for the audience to view.
• Largest Contentful Paint (LCP) -> How much time taken while loading a very first
largest (size) element/image of your website and then completely accessible.
• Cumulative Layout Shift (CLS) -> Time that tells when page is completely stable as
sometime its moving while loading.
• Interaction to Next Paint (INP) -> measures page responsiveness time. A page is
considered responsive if it responds to user input quickly.
• Time to First Byte (TTFB) -> the time between the browser requesting a page and
when it receives the first byte of information from the server.
Website Speed Optimization
GTmetrix | Website Performance Testing and Monitoring
• Allows you to analyze the performance of the current page with a
single click.
Decrease Page Load Time and Improve Site
• Minify JS and CSS files
https://thriveagency.com/digital-marketing-services/search-engine-optimization-seo/
• Asynchronous loading of JS and CSS files
• Defer Large Size Elements
• Choose Right Hosting Option (shared/ Dedicated/Cloud)
• Media Compression
• Enable Browser Caching
• Apply Content Delivery Network (CDN)
• Optimize CSS
• Regular Monitoring Website Speed
W3C HTML Validation
• The Markup Validator is a free tool and service that validates
markup: in other words, it checks the syntax of Web documents
• Put your website though this W3C html validator and give the
identified checklist to your developer to fix.
https://validator.w3.org/
SSL Certificate
• SSL (Secure Sockets Layer) certificates are a security measure for websites.
• HTTPS makes websites safer for users to visit, and that added layer of
security is highly valued by Google.
• It shows visitors that your site is verified and that it's safe from hackers.
whois.com
• Helps in finding domain information including registrant
information, domain history, detailed contact information
• Identifies who owns a domain and how to get in contact with
them.
