On page seo

What is Search Engine Optimization

• SEO Stands for Search Engine Optimization (SEO)
• It is a process to optimize your website content to get organic traffic
from the search engine results page.
• SEO helps your websites to get organic traffic.
• Display your websites on the top of the search engine results page.
How do Search engines work?

• Search engines have three main functions:

• 1. Crawling
• 2. Indexing
• 3. Ranking
How do Search engines work?
• 1.Crawling
• This is the first step in which a search engine uses to find out the
webpages on the World Wide Web.
• A web crawler is a program used by Google to make an index.
• The search engines have the web Crawlers or Spiders to visit a
webpage, read it, and follow the links to other web pages of the site.
• Each time the crawler visits a website, it makes a copy of the page
and adds its URL to the index
How do Search engines work?
• Indexing
• The copies of webpages made by the crawler during crawling are
returned to the search engine and stored in a data center.
• Using these copies, the crawler creates the index of the search
engine.
• Each of the webpages that you see on search engine listings iscrawled
and added to the index by the web crawler.
How do Search engines work?
• 3. Ranking
• Search engine provides the most useful and relevant answers in
particular order to a search query submitted by the user.
• Search engines use algorithms to improve the search results so that
only genuine information could reach the users
• PageRank is a popular algorithm used by search engines.
Different Types of SEO?

• There are four main types of SEO

• Black hat SEO
• White hat SEO
• Grey hat SEO
• Negative SEO
Black hat SEO

• Examples of black hat SEO include:

• keyword stuffing or hiding (white text on white background)
• Plagiarism Content+ Purchased Backlinks
• Similar web pages only slightly different content
• cloaking (where different content is shown to human and search
engine visitors)
• Private blog networks (where a group of website owners agree to
cross-link to each other for boosting rank)
Examples of white hat SEO include:
• Examples of white hat SEO include:
• Writing relevant, useful content that helps your search audience do
what they need
• Organizing the content on your site in order to help people (and
search engines) find what they’re looking for faster
• Promoting your content on social media so it earns exposure and
links
• Follow Google Webmaster Guidelines
Grey hat SEO
• Examples of Grey hat SEO include :
• using click bait (main purpose is to attract attention and encourage
visitors to click on a link to a particular web page)
• Reused and slightly altered content
• Link exchanges
• paying for reviews
4.Negative SEO
• Examples of Negative SEO include:
• Stealing Website content
• Posting negative reviews
• 3.ON-Page and OFF-Page SEO
1.On-Page
• On-page SEO (also known as “on-site SEO”) is the practice of
optimizing web page content for search engines and users.
• Focuses on your website content and targeted keywords.
• Its aim is to ensure search engines and searchers can easily find, use,
and understand your content.
• Examples include: Title tags, meta tags, meta descriptions, headings,
paragraphs, images,URLs, internal, outgoing links.
Why On-Page SEO Is Important
• On-page SEO is important because it helps search engines
understand your website and its content, as well as identify whether
it is relevant to a searcher’s query.
2.Off-Page SEO
• External ranking signals like backlinks mentions of your business
website.
• Examples Incoming hyperlink from an external website, social media,
website forum, question and answer site, online directory, or any
other external website.
• 4. keyword research
Keyword Research
• Keyword research means to research & choose words / terms that
users will search in search engines for finding their queries.
• Finding high-volume search terms itself is not enough. You need
tonsure that the SEO keywords used in your content matches with
your brand, product, or service to the keywords that your customer
use.
• Irrelevant keywords can increase the gap between users.
• If you are not using the right keywords in your website might never be
on the first page of search results.
There are two types of Keywords
• 1. Short-Tail Keywords
• Short-Tail Keywords are also known as popular keywords. These
keywords contain 3 words or less.
• Examples: WordPress Themes or Free WordPress Themes
• 2. Long-Tail Keywords
• These keywords contain more than 3 words. They are little different
How to find the suitable keyword
• How to find the suitable keyword
• Before using the keyword research tools
• Ask yourself a few questions such as is the keyword relevant to your
content?
• Will the visitors get the right information with this keyword?
• Will this traffic increase revenue?
How to find the suitable keyword
• Search the keywords in major search engines
• Google Ads
• SEMrush
• Google Trends
• Keyword Tool.io
• + Ahrefs
• Soovle
• Side-by-Side SEO
What is On-Page SEO
• On-page SEO is important because it helps search engines understand
your website and its content
• On-page SEO (also known as “on-site SEO”) is the practice of
optimizing web page content for search engines and users.
• Focuses on your website content and targeted keywords.
On-Page SEO Includes
1. Title Tag. 9.Keyword in URL
2. Description Tag. 10.Sitemap
3. Headings Tags. 11.Google Search Console
4. Page Length. 12.Content Formatting
5. Canonical Tag. 13.URL Optimization
6. Image Optimization 14.URL Structure Optimization
15.External Links
7. Outbound Links
16.Page Loading Speed
8. Internal Links
17.Mobile Friendliness
Title Tag
• What is a Title Tag?
• A title tag is an HTML element that specifies the title of a web page.
• Title tags are displayed on search engine results pages (SERPs) as the
Clickable Headline for a given result.
• The title tag will appear in the <head> section.
• Ex <head><title> Simplified E-learning </title></head>
Why Title Tag Important?
• Title tags are helping search engines to understand, about your
webpage.
• Title tags are also the first thing that your audience sees once they
enter a search query in Google.
• Title tags are used in 3 places
• Search engine results pages Web browsers Social networks
SEO Title Optimization
• SEO title optimization can help to boost your ranking in the SERPs
• .1. Length
• Search engines display only the first 60-70 characters of a page’s title
in their search results.
2. Unique Titles
• Accurate descriptions & clear titles help search engines understand
what your content is all about.
SEO Title Optimization
• 3. Use Primary Keywords
• The best way to include keywords for SEO title optimization is to add
them at the beginning of your title.
• 4.Use Brand Name
• Using your brand’s name in your title tag users can recognize your
brand
Don’t Do This in Title Tag
• keywords Overstuffing
• If you’ve used too many keywords in your title tag, Google might
simply rewrite the title.
• Stuffing in too many keywords can negatively impact your SEO title
optimization
• Give name of the brand in title
• Like digital marketing in Chennai, digital marketing in perugolothur
Title tag generator
• Go to this website : https://tweakyourbiz.com/title-generator
• Enter the keyword like digital marketing
• And click submit button
• Use how to in title tag to get more attraction
What is a meta description?
• The meta description is an HTML attribute that provides a brief
explanation of a web page.
• Search engines such as Google display the meta description in search
results.
• The goal of meta description is to get the visitor to click to your site.
• Example Code
• <head><meta name="description" content="This text will show up in
search results."></head>
Meta Description Length in 2020
• Keep it from 120 to 158-160 characters
• Google 158 characters ( 920 pixels )
• Bing 168 characters (980 pixels )
• Yahoo 168 characters ( 980 pixels )
• Mobile 120 characters ( 680 pixels )
How to Write Perfect Meta description
• Try to use most interesting information in the first 120 characters
• Meta descriptions need to be targeting searched keywords.
• Each page should have its own unique meta description.
• My Recommendations
• Research Your Competitors
• Compere with your Competitors
• Go to Google and type as site: website name without http and www
• Site:zinavo.com
• To known competitor description
Don’t Do This in meta description Tag Een
• Avoid duplicate meta description tags
• Don't include double quotation marks
• Sometimes it's okay to not write meta descriptions°
• Ex:Are you search for good digital marketing agencies to boost the
profitsof your business in Bangalore? we have 10+ Years of
Experience, 500+Happy Clients.
Description pixel checker
• https://blog.spotibo.com/meta-description-length/#
meta-title-length-in-2020
• That highlingting section was not shown in mobile upto 10+ only it
will shown in the mobile
What is Header Tags
• Header tags are used to identify headings and subheadings within
your content
• . The hierarchy goes from H1-H6
• H1 is the main header tag in html
• H2-H6 are optional tags to organize the content
How to Write Perfect Headers for SEO
• Use unique H1 Tag using your primary keywords.
• Use h1 tags at the top of your page
• Use the words people would use when searching in google
• If you’re targeting a question, put the question in the h1 tag.
• If you’re writing a how-to guide, put each step in an h2 tag. Keep
readable for users.
For Example
• <h1> Digital Marketing in Chennai<h1>
• <p>Here is some text</p>
• <h2>Social Media Marketing in Chennai
• </h2> <p>Here is some text</p>» <h2>Facebook Marketing in
Chennai</h2>
• <p>Here is some text</p>
• Maximum 3 to 5 times keywors
Don’t Do This in Header Tag
• Do not use more than one h1 tag on a page
• Don’t overuse the tags and the keywords
• Do not use heading tags as hidden text
• Don’t make your headings too long.
• Do not repeat heading tags on different pages of your site
What is canonical tag
• A canonical tag is a snippet of HTML code that defines the main
version for duplicate
• If you have the same or similar content available under different
URLs, you can use canonical tags to specify which version is the main
one should be indexed
How does a canonical tag look like?
• Canonical tags use simple syntax, placed within the <head> section
ofa web page
• <link rel=“canonical” href=“https://anburaj.in/seo” />
• <link rel=“canonical” href=“https://anburaj.in/seo.html” />
• If the canonical page has a mobile variant, add a rel="alternate"
linkto it, pointing to the mobile version of the page:
• <link rel="alternate" media="only screen and (max-width:
640px)"href="https://m.anburaj.in/seo.htm|">
Why canonical tags important for SEO?
• Google doesn’t like duplicate content.
• Which version of a page to rank for relevant queries.
• Too much duplicate content can also affect your “crawl” That means
Google may end up wasting time crawling multiple versions of the
same pages
• duplicate content confuses search engines. When search engines
look at multiple pages with the same content
Canonicals with 301 redirects
• Search crawlers might reach your homepage in following ways:
• http://www.example.com
• https://www.example.com
• http://example.com
• http://example.com/index.php
• http://example.com/index.php?r...
The basics of canonical tag
• Use absolute URLs<link rel="“canonical”
href="https://example.com/sample-pagel” />
• Use lowercase URLs Use the correct domain version (HTTPS vs. HTTP)
• Use one canonical tag per page
What is Image Optimization
• Image optimization is all about reducing the file size of your images
• Its Help your product to rank on Google and other image search
engines.
• You want Google to know what the image is about without
evenlooking at it, so use your focus key phrase in the image file name.
• Loading times are important for SEO.
1.Choose the Right Format
• JPEG for larger photos or illustrations it will give you good results
interms of colours and clarity
• Use PNG if you want background transparency
• Use WebP instead of JPEG and PNG. It will produce high-quality
results with smaller file sizes.
• Use SVG for logos and icons. With the help of CSS or JavaScript you
can resize them without loss of quality.
Compress Your Images
• improved website speed by Reduce file size for faster loading
• Not use more 50kb
• You can use 30kb image
• https://squoosh.app/
• WP Smush WordPress plugin
Image Optimization
• 3. Beware of Copyright
• 4. Customize Image File Names
• Image SEO starts with the file name.
• Use Keywords in Your Image Name.
• You want Google to know what the image is about without even
looking at it, so use your focus key phrase in the image file name.
5. Write SEO-Friendly Alt & Title
• Alt tag is must give description in alt tag
• Focusing keyword must be present in alt tag
• Use Keywords in Your Alt TextT he alt attribute is used to describe the
contents of an image file.
• Ex<img src="seo-in-tamil.jpg” alt="seo in tamil” title=“Learn seo in Tamil “ />
• When the image won’t load, you'll get an image box with the alt tag present
in the top left corner.
• Incase image was not appear alt tag text will be appear
• Place the keyword in file name and give like how people search in google in
alt tag
url optimization
• Why URL important for SEO?
• Well optimized URLs are important for both search engine and user
experience.
• Along with your title tag, Meta tag, and the content itself,
searchengines use your webpage’s URL to understand what your
content isall about.
• How to Create an SEO Friendly
• Place the keyword in file name
• File name must be in lower case
• For example : digital marketing services
• Example: digital marketing in Chennai is the file name
url optimization for seo
• 1. Include the Exact Keyword
• When you include a keyword in your URL, that keyword tells Google:
• “This page is about that keyword”.
• http://yourdomain.com/digital-marketing-in-vellore
• https://www.zinavo.com/about-zinavo.html
• about-zinavo.html is a targeted keyword
• www.zinavo.com-is a domain name

• 2. Use Lowercase Letters in URLs

• Yourdomain.com/target-keyword
• yourdomain.com/Target-Keyword
How to Create an SEO Friendly URL

• 3. Top Content in Top Folders

• More Authority: http://yourdomain.com/target-keyword
• Less Authority: http://yourdomain.com/category/subcategory/target-
keyword
How to Create an SEO Friendly URL
• 4. Use Hyphens, Not Underscores
• Google has been very clear about Their algorithm was written to read
hyphens, not underscores.
• Correct URL
• http://yourdomain.com/digital-marketing-in-vellore
• Incorrect URL:
• http://yourdomain.com/digital_marketing_in_vellore
How to Create an SEO Friendly URL
• 5. URLs Must be Readable & Static
• Search engines know that people read URLs before clicking them, to
help them understand the content of a page. Keep between 50-
60character.
• Correct
• URL:http://yourdomain.com/digital-marketing-in-vellore
• Incorrect URL:http://yourdomain.com/index.php?=851287524=t55=?
p=127
Don’t Do This in URL
• 1. Avoid keyword repetition
• 2. Don’t include special characters
• .3. Remove stop words. Such as: a, the, and, or, but, an, of, etc
• .4. Avoid Using Dateshttp://yourdomain.com/2020/07/08/sample-
post
• Use only 60 characters in url

• If you use more than 60 characters it will show drop option

What is Meta Robots Tag

• A robots meta tag is an HTML snippet that tells search engines how to
crawl or index a certain page.
• It’s placed into the <head> section of a web page
• Sample Code
• <head>
• <meta name="robots" content="index" />
• </head>
Most Used Robots Meta tag
• INDEX:
• The search engine crawler will index the whole web page
• NOINDEX:
• The search engine crawler will NOT index that web page
• FOLLOW:
• The search engine crawler will follow all the links in that web page
• NOFOLLOW:
• The search engine crawler will NOT follow the page and any links inthat
web page
Most Used Robots Meta tag

• <meta name="robots" content="index, follow">

• This tag tells the web crawler all pages will be indexed and to crawl
them.
• <meta name="robots" content="follow">
• This tag is used to tell the web crawler all pages will be crawled and
indexed.
Most Used Robots Meta tag
• <meta name="robots" content="noindex, follow">

This tag is used to tell the crawler to follow but not index the page
<meta name="robots" content="index, nofollow">

• To tell the web crawler page not crawl but index them.
• <meta name="robots" content="noindex, nofollow">
• To tells the web crawler to neither index nor crawl.
Rarely Used Robots Meta Tag

• NOIMAGEINDEX:
• Disallow search engines from indexing images on the page
• NOARCHIVE:
• Prevents the search engines from showing a cached copy of this page
in their search results listings
• NOTRANSLATE:
• Prevents search engines from showing translations of the page in
their search results
Example
• I place the code in index.html
• I tells the index the index.html but not follow the link which was
present in index.html
• It does follow the about,services,team,contact.html
• It does not crawl these pages
Open graph meta tags
• What is OPEN GRAPH Meta Tags
• Open Graph meta tags are snippets of code that control how URLs
are displayed when shared on social media.
• It helped sites to become rich objects in the social graph
Types Of Open Graph Meta Tags
• 1.Title
• This tag is used to show the title of your content.
• keep the length of title between 60 to 90 characters
• 40 characters for mobile and 60 for desktop°
• Syntax
• <meta property="og:title" content="your title"/>
Types Of Open Graph Meta Tags
• 2. Description
• This tag is similar to the meta description tag in HTML.
• It will display below the link title.
• keep it around 200 characters long.
• Syntax
• <meta property=“og:description" content="your descriptive copy"/>
Types Of Open Graph Meta Tags
• 3. Image
• This tag is used to specify the image that you want in the screenshot
of your content
• Choose a square image for the best visibility in users' timelines.
• Syntax
• <meta property="og:image" content=
http://www.example.com/image-name.jpg>
Types Of Open Graph Meta Tags
• 4. URL
• This tag is used to set the canonical URL for the page you are sharing
with social media
• Syntax
• <meta property="og:url" content="http://www.example.com"/>
Types Of Open Graph Meta Tags
• 5. Site Name
• This tag is used to display the name of your website.
• Syntax<meta property=“og:site_name" content=www.example.com>
Types of Twitter Cards
• Twitter card tags look similar to Open Graph tags
• Twitter first checks it’s own cards tags,
• then falls back to Facebook’sOpen Graph
1. App
2. Player
3. Product
4. Summary
5. Summary Large Image
Twitter Card App
• Twitter Card App
• <meta name="twitter:card" content="app">
• <meta name="twitter:site" content="@SimplifiedElearning">
• <meta name="twitter:description" content="Simplified E-learning will
teach you about how to grow your business online.">
• <meta name="twitter:app:name:iphone" content="SEL">
• <meta name="twitter:app:id:iphone" content="123456">
• <meta name="twitter:app:name:googleplay" content="SEL">
• <meta name="twitter:app:id:googleplay" content="123456">
Twitter Card Player
• <meta name="twitter:card" content="player">
• <meta name="twitter:site" content="@SimplifiedElearning">
• <meta name="twitter:title" content="Anburaj Selvam">
• <meta name="twitter:description" content="Simplified E-learning will
teach you about how to grow your business online.">
• <meta
name="twitter:image"content="https://anburaj.in/img/filename.jpg">
<meta name="twitter:player" content="https://anburaj.in/anbu/"> <meta
name="twitter:player:height" content="172">
• <meta name="twitter:player:width" content="100">
Twitter Card Product
• <meta name="twitter:title" content="Iphone">
• <meta name="twitter:description" content="Simplified E-learning will
teach youabout how to grow your business online.">
• <meta name="twitter:image"
content="https://anburaj.in/img/filename.jpg">
• <meta name="twitter:label1" content="iphone 6s">
• <meta name="twitter:data1" content="25000">hone 8">35000">
Twitter Card Summary
• <meta name="twitter:card" content="summary">
• <meta name="twitter:site" content="@SimplifiedElearning">
• <meta name="twitter:title" content="Simplified E learning">
• <meta name="twitter:description" content="Simplified E-learning
willteach you about how to grow your business online.">
Twitter Card Summary Large Image
• <meta name="twitter:card" content="summary_large_image"> <meta
name="twitter:site" content="@SimplifiedElearning">
• <meta name="twitter:title" content="Simplified E learning">
• <meta name="twitter:description" content="Simplified E-learning will
teach you about how to grow your business online.">
• <meta
name="twitter:image"content="https://anburaj.in/img/filename.jpg"
>
To learn or get digital marketing services
• Visit my webite:
• https://sites.google.com/view/howtolearndigitalmarketing
• Contact me:8248488380