Best Online Tutorials

SQL Tutorial

Free SQL Tutorial

SQL Interview Questions

SQL Practice Questions

SQL Tips & Tricks

SQL Errors

SQL Books

Angular Tutorial

Free Angular Tutorial

Angular Interview Questions

Angular Practice Questions

Angular Tips & Tricks

Angular Errors

Angular Books

Node.js Tutorial

Free Node.js Tutorial

Node.js Interview Questions

Node.js Practice Questions

Node.js Tips & Tricks

Node.js Errors

Node.js Books

React.js Tutorial

Free React.js Tutorial

React.js Interview Questions

React.js Practice Questions

React.js Tips & Tricks

React.js Errors

React.js Books

SSIS Tutorial

Free SSIS Tutorial

SSIS Interview Questions

SSIS Practice Questions

SSIS Tips & Tricks

SSIS Errors

SSIS Books

SEO Tutorial

Free SEO Tutorial

SEO Interview Questions

SEO Practice Questions

SEO Tips & Tricks

SEO Errors

SEO Books

Javascript Tutorial

Free Javascript Tutorial

Javascript Interview Questions

Javascript Practice Questions

Javascript Tips & Tricks

Javascript Errors

Javascript Books

MongoDB Tutorial

Free MongoDB Tutorial

MongoDB Interview Questions

MongoDB Practice Questions

MongoDB Tips & Tricks

MongoDB Errors

MongoDB Books

Next.js Tutorial

Free Next.js Tutorial

Next.js Interview Questions

Next.js Practice Questions

Next.js Tips & Tricks

Next.js Errors

Next.js Books

On page SEO tips and tricks 2019 

Prashant Surya  |   Dec 2, 2019  |  Views: 537


What is SEO?
Search Engine Optimization

Why SEO is important?
SEO is important to comptete with other websites in google ranking to come on the first position in any particular keyword search result.

It is the most important part of your online advertisement of any offline or online business.

What is keyword?

Keyword is the query an user searches on the google or on any search engines.

It may contain number of words or a singe word or may be a complete sentence or any phrases.

SEO is done basically by two ways:

1.   On-page SEO
2.   Off-page SEO

In this article I am discussing on the on-page SEO and its tips and tricks, which is useful for both the beginners and for the experienced as well.

Before starting working on the on-page SEO you should have the "Keyword" with you decided on which you are targeting the competition for google search ranking.

Lets suppose I am working for my keyword "Node.js Tutorial" . It is the keyword for which I need number one ranking in google search If someone types Node.js in search engine.

I am giving example which is based on the keyword "Node.js Tutorial", how to work for on-page SEO for this keyword.

How to implement On-Page SEO:

1. Page URL:

An URL for the page should have the important keywords only, but it should not be of long in length.
If any URL length is long ,crawler ignores that URL, because of large number of words, crawler will take more time to extract the main keywords form the URL.

Crawler ignores the URL which takes times, because crawler has to deliver the result very fast. In this case you may loose the SEO ranking.


Here in my example you can see that URL is very short and also contains both the words "Node.js Tutorial"

2. Title Tags:

Title is the second most important thing which crawlers crawls to get the page title, it should also contain the main keyword in the title.

<title>Node.js Tutorials for experienced</title>

Check - Title  should be upto 50-60 characters in length.

3. Meta Tags:

Meta tags are the first thing you should bother about.

Meta tags are the tags which are placed in the head tag of html.

Meta tags are added to any web page so as to give the information what is this page about.

Search engine crawlers first crawls the meta tags and gather the information.

There are lots of meta tags in which description, keywords are the most important where as keywords in not merely used by crawlers.

Check - Description content  should be upto 160-200 characters in length in average.

Example for the important meta tags:

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:title" content="Node.js Tutorials  ">
    <meta name="author" content="Prashant Kumar Surya">
    <meta name="apple-itunes-app" content="app-id=897978">
    <meta property="og:type" content="website">
    <meta property="og:url" content="">
    <meta property="og:image" content="">
    <meta property="og:site_name" content="">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="Node.js Tutorials">
    <meta name="keywords" content="Node.js Tutorials">
    <meta name="Owner" content="">
    <meta name="Copyright" content="">
    <meta name="classification" content="Jobs, business, career social networking">
    <meta name="distribution" content="India">
    <meta name="rating" content="General">
    <meta name="subject" content="Online IT business Park">
    <meta name="audience" content="All">
    <meta property="twitter:title" content="Node.js Tutorials">
    <meta property="twitter:card" content="Node.js Tutorials">
    <meta property="twitter:image" content="">
    <meta property="twitter:description" content="Node.js Tutorials">
    <meta property="twitter:site" content="@dritalconnect">
    <meta property="twitter:image:alt" content="">
    <meta name="robot" content="index,follow">

If you are targeting for the social media crawlers you have to set og (Open Graph) tags as well.

If you are targeting for the twitter crawlers you have to set twitter properties separately. 

4. Header Tags:

Header tags are the "H1 H2 H3 H4 H5 H6" tags which are the next important thing you should take care of.

One page should have only one H1 tag, which would be the most important content having the most important keyword.

<h1>Node.js Tutorial</h1>
   <h2>Node.js Introduction</h2>

      <h3>Node.js Author:</h3>
      <h3>Node.js Version:</h3>
      <h3>Node.js Launch year:</h3>

   <h2>Node.js Installation</h2>

Like this you have to decide the header tags as per the hierarchy header, So that crawler find it easy to understand and takes less time to crawl your content.

5. Image tags:

Image tags should have alt attribute , so that if there is no image atleast crawler find the information about the image.

Image used on the page should be of less size or compressed , so as to reduce the loading time of the page.

If the page loads slowly, google decreases the page rank, because it thinks, that this page will irritate the user which had searched "Nodejs.Tutorial".

check - alt content
check - compressed image

6. Remove Broken links:

Check on your page if there any broken link exists, you should remove that or add rel="nofollow" so that crawler will ignore it and thus will not affect in SEO page ranking.

7.  Page Content:

At end page content, which is important thing for both the crawler and users as well. If Crawler don't find any related keywords in above tags and headers, it tries to understand the content and gets the important keywords mostly used and analyse that if its is important for the users related to keywords whats the user had searched.

Content should have the well structured and well written and smartly presented, so that user would take interest reading in your content.

Check -  Content is unique   (Not be copied from anywhere online)
Check -  Content contains the keywords from phrase.  
Check -  Content length   ( User can give more time on page, so as to avoid bounce back )

8.  Loading Time:

Page loading time is the major factor of loosing google rank, users irritates with the delay in loading of page, so they may prefer to go to the other website for the content. This will increase your website bounce rate, google will think that your content is  not good or as per the keyword the users had searched. 

So keep your page loading time as much less as possible.

Check - Image Sizes
Check - Page Sizes
Check - Assets Sizes
Check - Server hits

How to improve the loading speed of the website:
  • Minify your JavaScript file
  • Minify your CSS file
  • Minify the server request
  • Use lazy loading concept in your application
  • Less use of animations
  • Choosing fast hosting
  • Use latest and lightweight technologies
  • Use indexing in database, if API is used. 

Off-Page SEO Tips and Tricks:

1. Update with google SEO algorithms every year:

Google changes its algorithms for SEO frequently so as to deliver the best result to the user who searches any query on google.
So you should be updated as well.

2.  Robots.txt
Add a robots.txt file mentioning which route to be allowed to index or which not, so that crawler will find it ease to navigate through your application.

Check - file should be at root directory


3. Sitemap.xml:

Add a sitemap.xml file mentioning all your URL in the application, either static or dynamic.

Check - file should be at root directory

A sitemap.xml size must be less than 50mb.

If your sitemap exceeds the limit, create separate XML file with URL and mention in your robots.txt


Refer sitemap protocols before writing a sitemap file.

Content Contributor
Prashant Surya

Prashant Surya

Software developer at Uniserve Data Technologies Pvt. Ltd.  |   Noida, Uttar Pradesh, India

I am a software developer, freelancer and trainer working on technologies likes. MEAN stack, MERN Stack, ASP.NET full stack, WebRTC, ,PWA, SQL, JavaScript, jQuery, HTML, CSS, SEO, responsive UI/UX designing... having 7 years of experience in development in multiple domains like, eCommerce, RTA, capital markets, education, real estate...

Read related articles

Different types of design patterns

Prashant Surya  |   Mar 17, 2020  |  Views: 316

Remove duplicates from the string in JavaScript

Prashant Surya  |   Jan 22, 2020  |  Views: 583

On page SEO tips and tricks 2019

Prashant Surya  |   Dec 2, 2019  |  Views: 538

How to secure your website

Prashant Surya  |   Oct 6, 2019  |  Views: 684

Topics to learn in Angular | Angular Tutorial

Prashant Surya  |   Sep 25, 2019  |  Views: 1144

Difference between Angular and React js

Abhishek Roy  |   Sep 25, 2019  |  Views: 1024

How to improve your programming skills

Prashant Surya  |   Sep 12, 2019  |  Views: 685

Want to sell your software ?-

If you want to sell your readymade software to the genuine clients or businessman, list your software with details and demo links.

  • Sell ERP
  • Sell Website Clones
  • Sell App Clones
  • Sell Readymade Portals
  • Sell Readymade Websites
  • Sell Mobile Apps
  • Sell Window Apps

Clients will find it using our advanced search filter and will contact you directly.

No any charge for the product lsiting.

Do you own a Company ?+

Buy or Sell Commercial Property+

Are you a freelancer ?+

Looking for a job ?+

Are you a Service Provider ?+

Are you a blogger ?+

Do you own an IT Institute ?+