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 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="https://dritalconnect.com/tutorial/Node.js">
<meta property="og:image" content="">
<meta property="og:site_name" content="dritalconnect.com">
<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="dritalconnect.com">
<meta name="Copyright" content="dritalconnect.com">
<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="dritalconnect.com">
<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.
<h3>Node.js Launch year:</h3>
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 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.
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
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