On Page SEO Best Practices

When it comes to optimizing a website for search engine there are numbers of factors that play a big role.

Following are the major components which play big roles in SEO:

1) On Page
2) Off Page

What is On-Page in SEO?

On Page optimization is to make changes in the site web pages (HTML codes, Content, site structure, Meta Tags etc.) to make the web pages SEO/User-friendly in order to get more organic traffic from search engine.

But why do you need to make your website SEO friendly-

In on page seo the most important thing is your website web Pages, Content, Website Structure, Meta Tags, etc should be optimized properly.

And with perfect on Page seo you can improve your Search Traffic, it will also help to boost your ranking in front of SERP and once on page seo would be done properly, it makes your off page SEO much easier.

There are a lot of factors in On page that we need to consider while making changes to on site seo.

Why?

Because Google wants to make their user be happy when they visit your website or web page.

Now I’ll share with you the “Top On-Page Optimization Factors” which you should keep in mind while optimizing your website web pages.

On Page Optimization Factors –

1) Meta Tags Optimization

What are Meta Tags?

Meta tags are used in HTML document which helps the search engine to understand the context of the web page.

Meta tags help generate the snippet of text under the SERP of the webpage.

According to Builtwith following Meta Tags  are most used on the website – Meta Description 33.8%, Meta Keywords
25.3%, Canonical Content Tag 20.3%, Meta Robot 17.1%.

There are various kinds of Meta Tags in SEO but I am sharing you most important Meta tags which you should use to optimize our website On Page SEO.

1) Title Tags Optimization Best Practice- 

Title Tags used to define the content of the web page and this is shown in SERP as the blue-link text.

Title Tags Optimization in seo

It is clickable so when a user sees this they click on it and directly redirected to your web page.

How to find meta tags on a website?

You can view these all Meta Tags by selecting the “page source” option under “view” in your browser toolbar. For example:-Open Source Code to Check Meta Title of the Web Page

And it will appear with a page of code where you can see Meta-Data Information of the page like as given below in the screenshot-

Source code to check Meta Title in HTML

How to Create and Optimize Title Tags for Your Website?

Your title tags should be unique, attention grabber & filled with the focus keyword.

Why?

Title tags are important for both search engine and as well for the user.

Because search engine will determine the relevancy of the web page from the title tag.

And user will only be going to click on it if it matched with their intent.

And a good title optimize with the relevant keyword helps the web page to rank higher.

As title tag is not the direct ranking factor search engine consider many things into account while ranking a web page highly in SERP.

But for your SEO success title tag matter, a lot so optimize it to make your on-site SEO better.

So you can make your Meta Tags creation process easy with the help of the tools there are some handy tools which can help you, here I will explain below

Title Tag Character Limits-

Keep one thing in mind that don’t use no more than 65 character it will skip your title from SERP and google Counts character in Pixels so while creating (Meta Title or Description Tags) you can use Google SERP Snippet Optimization Tool to strategically construct the page titles and meta description tags.

SERP snippet optimization tool

But as these tools don’t show your title or Description in Pixels so you can also use this (Page Title Pixel Checker Tool) to major the pixels of your tags.

As Google doesn’t count the character used in title & description rather in pixel width.

Pro Tip–While creating the Title Tag ensures that your main keywords included with Power Words because it helps your listing to increase the CTR (Click Through Rate) in SERP.

Title Tag Best Practise –

1) Keep the length less than 65 character
2) Add the main keywords in the Title
3) Use Power Words in the Title
4) Include a Call to Action
5) Avoid Keywords Stuffing
6) Avoid Stop words (A, And, So, but, On etc)
7) Add the brand name at the end of the Title

2) Meta Description Tags Optimization –

Meta description appears below the title & URL of the page.

Meta Description Tag in SERP

You can write your own meta description otherwise google algorithm automatically pick up the text for the description within your web page content.

Why should you write your own meta description?

Meta description tag main intent is to summarize your web page content to the searcher.

So write a descriptive & an eye catchy meta description. It helps to influence the searcher to click through to your site from search engine results pages.

A perfect meta description should be clear & concise & it helps the listing to improve the CTR, and improved CTR improves your search ranking as well. As CTR is also a ranking factors in SEO.

Meta Description Tag Best Practice –

1) Include the focus keyword in the meta description (you can use synonyms or (LSI) for your main keyword but don’t stuff
2) Keep the length of the meta description up to 300 character
3) Add a Call to Action (CTA)

Heading Tags in SEO

3) HTML Heading Tags – 

Heading Tags are started from (H1, To H6). essentially, we use heading tags to structure the content.

Where H1 is one of the most important tags on any webpage which hold more importance where H6 tag hold the least importance.

Why are header tags important for SEO?

Header tags are one of the most important On Page SEO ranking factors.

When search engine crawler scans the web pages it takes the <H> tags into account & these tags help the search engine crawlers to understand what your website is about.

While optimizing the <H> tags in the <H1 tag> try to include your most important keyword.

It is recommended that we should only use 1 <H1> tag per web page.

You can use other <H> tags in the subheading on the content to make your content scannable for the user.

Heading Tag Best Practise-

1) Use 1 H1 Per Page
2) Include Primary, Secondary Keywords in the Heading Tags
3) Use <H> tags from H1 to H6 in Hierarchy

4) SEO Friendly URL Structure –

Your URL structure should be clean & short and it would also be helpful for your SEO if you would add a keyword in the URL.

Ugly URL Example- http://swiftshoot.com/12-02-16/category/title
Best URL Example- http://swiftshoot.com/keyword

Pro Tip- Add the keyword in the URL makes it short and easy to read by a human being.

Avoid underscores instead of you should use a hyphen to separate the words in the URL.

And Exclude dynamic parameters in the URL you may read this Rand Fishkin Guide on Best practice For Structuring URL.

SEO Friendly URL Structure Best Practise –

1) Use your important keywords in the URL
2) Avoid Underscore, dynamic string in the URL
3) Keep your URL short & clean

5) Write Persuasive Web Copy And Use Internal Linking to Maximize Seo Value

Write_Persuasive_Web_Content_that_Drive_Traffic

Create the content which solves searcher problems and tries to make it scan-able with including Bullets or Headlines in each paragraph. Also, don’t forget to include the Visual Images and facts.

Do the keywords Research First

Find the keywords which are relevant & related to your main keywords theme.

And use the LSI or Synonymous of your main keywords in the content. And avoid the stuffing your main keywords again and again.

Keep keyword density in mind like your main keywords should not be used more than 1.5% in all over the content.

You can calculate keywords density like- (Total word count/number of keywords) always write the content in a natural way & forgot about the keywords.

Only include the keywords where you feel that it should be necessary to add.

Find the Long Tail keywords and include those in content they are often 3 to 6 words long. And always try to write for the user, not for search engine.

Read this Brian Dean post how to find the best keywords for SEO.

2) Internal Linking and Anchor Text SEO Best Practices

Internal links are links that go from one page to another page in the same domain.

We use interlinking so that user can navigate to the website other pages easily.

And proper internal linking help to distribute the link Juice in the internal pages as well.

How link juice flow in the internal pages?

Let say I have an Insurance website and I want to rank the terms “Health Insurance”.

As I already have created a dedicated separate page for “Health Insurance” terms.

Now on the Home Page content, I’ll add the terms health insurance and I’ll be interlinked this with the “Health Insurance” page.

So that when search engine bots crawl the home page it will follow the links and will give the priority to this page.

And when you write a blog post for this term add the internal link with this term for this health insurance page.

Now when you build the links to the Home Page or Blog Post page link juice will also be distributed to this “Health Insurance” page as well.

But don’t overdo it.

While building external links don’t use this terms many times otherwise search engine animal will catch you and penalized the website.

Because Google considers Exact match anchor text as spam if you overdo it.

So you can use Synonymous related keywords or branded keywords for partial keywords instead of the exact keyword.

So use descriptive anchor text which is relevant to that web page.

Make your website Internal navigation Easy and Clear.

User & Search Engine both love Easy navigation Structure.

So while internal linking use the right anchor text it helps to influence the ranking for that web page and as well help to flow the link juice on all the pages.

3) Make your website Structure Silo –

As Theme Zoom described the Silo Theming: “A website architecture based on a linking structure that segregates various themes into different ‘silos’ so that people and search engines can easily identify the main topics of a website.

SEO_Website_Silo_Architecture

 

In the above image Example did you understand something about SILO Architecture?

Let me give you an example- You need to create Silo Pages and those pages need to be connected to your category pages & supporting pages. In this way when you send the link to the Home Page.

Now SEO Juice will flow through your category & supporting pages and this will help boost your website search performance.

To help you Guide more over Silo Structure Read this SEO Siloing Post by Bruce Clay.

Hope this will clear your doubts about Silo Structure.

4) Add Visual/Images in the Content-

According to Wishpond 90% of information transmitted to the brain is visual. Visuals are processed 60,000X faster in the brain than text.

So try to add the interesting and relevant images in the Content so that you could attract the user & keep them engaging within your content.

5) Use ALT Tags to describe Images –

When you add the images to your content try to add the Descriptive ALT Tags for each image.

Because Search engines can’t read the Images, only through ALT Tag you can make it readable for the search engines.

Use the Descriptive or Keywords related words to define the image, ALT Tag.

Give your image file name a descriptive title or captions.

If an image fails to load in the browser ALT text will show instead of the image.

And user will see the text and could know easily what the image is about.

Hence optimizing the images for your website is one of the most important on page seo tactic which is beneficial for both users and as well for the search engine.

6) Optimize Your Web Page Speed For Mobile Or Desktop User-

If your website loading speed is slow then it’s time to optimize your website load time otherwise your all the hard work will be ruined.

As Google also confirmed that website speed is a ranking factor which they take into account for ranking web pages.

How do I make my website load faster?

In the first step analyze your website speed –

There are various tools which can help you to know the reasons for a slow website response time.

I am using the google speed test tool to check the website load time but you can use any given tools to test your website loading time.

https://tools.pingdom.com/
https://gtmetrix.com/
https://www.webpagetest.org/
https://developers.google.com/speed/pagespeed/insights/

Just head over to this Google Web Page Speed Test tool & enter your website URL.

It will show you the speed of the website for both desktop & mobile devices.

And provide the suggestion to make that page faster.

Have a look at the below screenshot-

website speed stats

If you found your website speed is slow on any devices as you’re seeing in this snapshot make a list of the recommendation which google speed test tools is providing you.

Fix these changes & make your website faster!

8) Use Breadcrumb for a better User Experience and SEO

Breadcrumbs are used to show hierarchy between content.

Breadcrumbs-in-SEO

Breadcrumbs allow search engines to understand the structure of the website and breadcrumbs are also helpful for a user because a user can easily see exactly where that Web page is located on the website.

If you are using wordpress it would be too easy to add the breadcrumbs.

Just head over to Yoast SEO plugin in wordpress.
Click on Search Appearance on the main tab click on Breadcrumbs, enable the breadcrumbs setting, click on save changes.

Now copy the below code & paste it into the theme where you want to show the breadcrumbs.

<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb(‘
<p id=”breadcrumbs”>’,'</p>
‘);
}
?>

Want to learn how to implement breadcrumbs in the wordpress read this yoast article on breadcrumbs.

7) Create an XML Sitemap to improve your SEO 

What is a sitemap- A sitemap is an XML file which contains the entire website URL’s.

Why do we need to create the sitemap?

You need to create the sitemap so that your website all URL’s could be discoverable by search engines bots easily it also helps your website to index the website pages easily by search engine bots.

How to update your XML sitemap on the website??

You can update your website sitemap in two ways-

1) With the help of Sitemap Generator Tool (Use static sitemap If you don’t update your website on daily basis or if your website is in HTML)

2) With the Help of Plugin (It will depend on the CMS & it would be good if you update your website on daily basis if your website is in wordpress)

For static sitemap – Just go to this URL- https://www.xml-sitemaps.com

In the below screenshot like this, a screen comes in front of you just enter the URL here and in the Priority, box check automatically and click on the start.

sitemap-generator-tool

Once this done you can download your sitemap XML file upload it to the website through C Panel or FTP as you find convenient.

Once this would be done you can check your sitemap by entering this URL in the browser – http://www.example.com/sitemap.xml

How to Create a Sitemap in WordPress using Yoast?

If you are using wordpess for the sake of SEO you would already have installed the Yoast SEO plugin.

Just head over to the SEO Section on the left side of your wordpress dashboard.

General - Yoast SEO

Now click on the features option.

General - Yoast SEO ‹ Feature

Now click on the On Button & to check your sitemap just click on see the XML sitemap.

And done!

Activate Your site in Yoast See your sitemap here

And your sitemap would be shown like as the below screenshot-

website XML Sitemap
The main benefit of adding the sitemap in the website is to make the indexation of the website internal pages faster.

The more pages indexed by search engine the more trust your sites gains.

Hence if you still don’t have the sitemap add it to your website and help search engine bots to crawl more important pages of your website.

This will help improve your website ranking & indexing and overall SEO of the website.

10) Create a robots txt file for better SEO

What is a Robots.txt file?

Robots.txt is a text file which you put on your website to inform the search engine bots that you should not visit or crawl these specific pages.

At first Search Engine, bots visit your robots.txt file it wants to know that it has permission to access the pages or not. After that search engine, bots crawl and index these pages and files.

“Important Note”

Make sure your robots.txt file syntax should be accurate.

If you write the wrong syntax in the robots.txt file you could end up telling search engine robots not to crawl your website. And it means your web page wouldn’t appear in the search engine results page.

So it’s too much important for you to understand the work & purpose of the robots.txt file otherwise your website would be in trouble.

How to Create a Robots.txt File?

Robots.txt Example-

User-agent: *
Disallow:

Got confused?

Look at the example first –

Robots.txt Syntax

Technical robots.txt syntax

User agent – In the first line of the robots.txt: (User-agent:) it means for which crawler, spider or bots you would like to set the permission (Every Search Engine has their own crawler, bots, or spider)

So what does (*) mean – It means we are setting the permission for all the crawler not for any particular web crawler so if you want to set the permission for any particular search engine bots you can use their crawler name in place of (*).

For example, if you would like to set the permission for Only Google crawler you can use the crawler name (Googlebot).

Example Syntax:

User-agent: Googlebot
Disallow:

And if you would like to prevent the website from crawling just add the backslash at the end of the disallow:

Example Syntax:

User-agent: Googlebot
Disallow: /

This syntax will block your website from crawling Googlebot and if you want to allow just remove the backslash behind the disallow.

This Syntax Allow Indexing for all crawler-

It allow all the bots to crawl the website.

User-agent: *

Disallow:

This syntax Disallow indexing of everything for all crawler-

User-agent: *
Disallow: /

Allow Indexing for Any particular Search Engine-

User-agent: Googlebot 

Disallow:

Some search engine bots name is as follow- Google- Googlebot, Yahoo – slurp, Bing- Bingboat here is the list of the robot’s database.

You can also place sitemap URL in the robots.txt file so that search engines can find new pages very quickly but it’s not necessary:

Example Syntax:

User-agent: *
Disallow:
Sitemap:http://www.example.com/sitemap.xml

How you can create the robots.txt it’s too simple just open the notepad from your PC or Laptop enter the syntax and save it with the name of robots.txt and make sure its name should be written in the correct way.

Once you saved it now upload it to the root of the website server that’s it.

Once you upload it will start showing, just enter the robots.txt behind the domain name.

http://www.example.com/robots.txt

Done!

So once you have uploaded the file you can check the Robots.txt file live status in Google Webmaster Tool as well.

robots.txt in webmaster tool

To know more you can read this Google Webmaster Tool how to setup guide.

 

11) Add the structured data to get more Seo Love

What is Structured Data?

Structured Data is a way to present the additional information about the listings to the search engines results pages for the user.

By implementing the Structured Data search engines can easily understand the content of these markups and show them as rich snippets in the SERP (Search Engine Results Pages).

Have a look at the image below first-

Schema-in-SEO

As you are seeing in the above image the rating with STARS that is showing under the URL (I have highlighted with Red Line) that rating in showing here by implementing structured data on the webpage.

We use Structured Data so that we can show the additional information for the user related to their query on your webpage.

Types of Structured Data Markup

There are three types of structured data markup:
• Microdata
• RFDa
• JSON-LD
What is Rich Snippet?

Rich snippets are used to showing extra information that we often see right in the search results.

For example-

• Star Ratings
• Videos
• Breadcrumbs
• Events & events times
• Embedded Site Search Box

Have a look at this Infographic over Rich Snippet by Moz I hope it would clear every doubt of your regarding the Rich Snippets-

Rich-Snippets-Guide

Now I am going to show you how to create a Structured Data with Schema.org.

First head over to http://schema.org/docs/full.html

A window will appear like this on the left side you will see all the vocabularies of schemas.

Choose the appropriate schema vocabulary which you want to implement for your content.

Full Hierarchy schema.org

As I have chosen the Review Rating Schema.

A webpage would appear like this –

Review Action schema

Now scroll down to end of the page here you would see three types of schema.

Microdata, RDFa, and JSON-LD

You must choose JSON-LD.

Why?

Because now JSON-LD schema can be easily understood by all major search engine crawlers.

The main benefit of JSON-LD schema is you can easily insert the JSON-LD script into your webpage without breaking your current content or HTML of the page.

And google also confirmed that now their crawlers can easily understand JSON-LD as a structured data.

Now click on JSON-LD.

A script would appear now copy this and make changes in it.

Review Action schema JSON-LD

Only make changes on those fields which you would like to show through schema on your webpage.

Where should you insert the Schema Script?

You can Insert it into the <HEAD> and as well <BODY> of the webpage.

And after inserting the schema make sure to check is it correct or not.

I’ll show you it later but at first, let me show you how can you implement the structured data with Google Markup Helper Tools as well?

Just click on this URL –

https://www.google.com/webmasters/markup-helper/

Now it will ask you to enter your email so enter you logins & you will be redirected to the page as given in the image.

In the below example I will show you how to add structured data to your Article

Structured Data Markup Helper

Select the Data Type & Enter the URL in the next step markup every information you can but keep one thing in mind you should only markup the data which is visible to the user.

Structured Data Markup Helper Add Missing Tags

As in this example, I have Markup the Following Tags as you can see in the right side of the pane.

1) Article Name-
2) Author Name-
3) Date Published-
4) Image-

You can markup as much information as you can which markup I have added those are just so that you can understand.

Now there are two ways to add the structured data on your website.

1) At first, select the JSON-LD on the top of the page. Copy the script and paste it below the head section of your HTML to the webpage.

Structured Data Markup Helper JSON-LD

2) In the second method Select the Microdata Click on Download.

Structured Data Markup Helper Select Microdata and Download HTML
Now you can replace your original webpage by uploading this HTML file but make sure take the backup of your original HTML webpage.

Now this On Page SEO Guide has been finished I have covered the most of the things which must be necessary for any on-page seo optimization.

In the next chapter, we will start with the Off Page SEO.