Wednesday, 11 January 2017

on page optimization

on page optimization:

To bring our website in top of the google we have to first do On-Page SEO. So By On page SEO we can help google to crawl and index our webpages.

In very simple language On-Page SEO means arranging website so that its very easy to understand about topics and description about that topics.

Some major On-Page SEO steps:

1.Permalink

Permalink refer as url i.e Uniform Resource Locator.Its hold address of webpage.So if permalink of a webpage will be same as keyword then getting top rank would be easy.

What you have website address, all the pages within the site must be based on the website address topic only, in case you want to maintain different categories of topics in the same site like wikipedia, then you must not have any keyword in the domain name, have is with general name or meaningless name and do seo only for the internal pages.

for example:

www.onpageseo.com
www.on-pageseo.com
www.xyz.com/onpageseo

how to get permalink same as keyword in general site:

General websites are like .net, java, php, html etc...., in such sites while you code a webpage you will have to create a new page from
file--->
page-->
new webpage,
after coding when you save the file, with what name you save, that gets in the url so, always save the webpage files with your keyword.

how to get permalink same as keyword in Blogger site:

By default the urls are designed automatically in blogger as your post title and it has two slashes each one for the year and month, while publishing page the last part of the url can be customized by going to permalink on the right side.

The no. of slashes would be 3 for each internal page and cannot be avoided as such kind of settings make your very page load fastest.

how to get permalink same as keyword in wordpress site:


By default permalink is disabled in wordpress, to enable it, 
go to: 1.dashboard ---> 
          2.settings ---> 
          3.permalink ---> 
          4.select on 'custom' and type:
           /%postname%/


2. Title Tag:

Title tag syntax:<title>...........</title> it is a html syntax which used in head section.

Between Title tag we must write our keywords upto 70 characters,only first 65 characters are read by search engine.
Every webpage must have only one title tag and that should be unique.


on page seo
title tag in blue colour

how to write title tag in General site:

In general websites like php, java, .net while you code a webpage you can  manually go into the back end and anywhere in the head section and place the title tag with the syntax shown below;

<title>...........</title>

how to write title tag in Blogger site:

In blogger by default all the pages have the same title tag as website title itself, according to SEO every webpage must have different,unique and only one title tag and must have your keywords, title tag optimization in Blogger as follows-

a.Go to Dashboard .....> 
   Template .................>

Title tag in blogger



 b.Click on Edit HTML

Then find:

<title>........</title>
title tag in blogger step 2




c.Then replace it with following code:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/>
</title>
</b:if>

title tag in blogger step 3

Remember Some templates have the above setting by default, check the same before doing any changes.

how to write title tag in WordPress site:

We have to install plugin like ALL IN ONE SEO PACK,SEO Pack,SEO by Yoast,etc in WordPress so that you can directly enter contents for title tag from home page only even you don't have to go to backend as we do in  General site and Blogger.

3. Meta Description Tag

Meta Description tag Syntax:

<meta name="description" content="..........." />

Meta Description tag also present in between head section of webpage.But it should be placed after <title>...</title> tag.Meta Description section must contains our keywords as many time possible but in natural way.We have to describe about webpage importance or major content.

Every webpage must have only one Meta Description tag and that should be unique.

The content of meta description should be between 70 - 180 characters i.e 50 words, the first 160 characters i.e 25 words are read by the search engines.

But this tag is not compulsary for SEO, in case this tag is not present for a webpage then automatically by default the first 25 words of the post content would be regarded as meta description.

meta description tag shawn as text black colour last 2 lines

how to write Meta Description tag in General site:

In general websites like php, java, .net while you code a webpage you can  manually go into the back end and place it after Title Tag in the head section with the syntax shown below;

<meta name="description" content="..........." />

In dotted place put your webpage description in a way so that it contains keyword as many time in natural way. Don't make it spam.

how to write Meta Description tag in Blogger site:

by default in Blogger it post first 2 lines/25 words of each post automatically.So to make them custom we have to do change via settings as bellow:

a.blogger dashboard --->
   settings ----> search preference --->
meta description tag step 1


b. click on 'edit' besides the 'description' --->
   select on 'yes' and without writing anything in the box click on 'save changes'

meta description tag step 2

After all above setting for every post on the right side you'll find the search description box, So there you can write description about your webpage.

meta description tag


how to write Meta Description tag in WordPress site:

We have to install plugin like ALL IN ONE SEO PACK,SEO Pack,SEO by Yoast,SEo Mega Kit,etc in WordPress so that you can directly enter contents for Meta Description tag from home page only even you don't have to go to back-end as we do in  General site and Blogger.

4.Meta Keyword Tag:

Syntax-

<meta name="keywords" content="Your Keywords separated by comma(,) " />

In the meta keywords content we have to put our keyword separated by comma (,), ideally 5 - 10 keywords must be put here however you can enter even 100 keywords.

Make sure that your root/main keyword is present in each of the keyword you putting in this tag by using comma.For example:

If root/main keyword is "SEO" then others keywords like On-page SEO,Off-Page SEO,etcWe will put like this-


<meta name="keywords" content="SEO,On-page SEO,Off-Page SEO" />

how to write Meta Keyword tag in General site:


In general websites like php, java, .net while you code a webpage you can  manually go into the back end and place it after Meta Description Tag in the head section with the syntax.

how to write Meta Keyword tag in Blogger site:

By default the keywords are taken to the keyword density of it.So you don't have to do any changes in Blogger.
However if you want to target limited keywords then you can do following changes:

Go to  Template --->
Click on edit html file

And from there you can edit or mention as your own keywords by using Meta Keyword Tag.

how to write Meta Keyword tag in WordPress site:

As we have to install plugins for Title,Meta description tag,Same here you can install like  ALL IN ONE SEO PACK,SEO Pack,SEO by Yoast,SEo Mega Kit,etc in WordPress.


How to Install Plugins in WordPress For title,Meta Description,Meta Keyword Tag?

answer:

To use a plugin, go to: dashboard ---> Plugins-->
                                     Add New ---> Search --->
                                     Install ---> Activate --->
                                     Configure the Settings if required.

5.Header Tag:

Syntax:  <h1>....</h1>
        
Header Tag holds main keywords so there should be only one header tag per page recommended.

We have from h1 till h6, h1 is mainly used for the top heading, h2 is used as sub heading, h3 as sub-sub heading and like wise till h6.

h1 must not be equal to h2 must not be equal to h3.for example:
<h1>SEO</h1>
<h2>On-Page SEO</h2>

how to write/put Header tag in General site:

As we put title,meta description tag in head section manually same as we have to place it in head section after Meta Keyword Tag.

<h1>Keyword</h1>

how to write/put Header tag in Blogger site:

By default all the pages have the same h1 tag in Blogger.which is the website title, 

So, as we discussed that each page must have only one h1 tag and unique h1 tag for every page that must have your keywords, for that we have to follow the bellow steps: 


Step 1. Go to 'Template' ---> Edit Html  

Step 2: In 'edit html' : find (CTRL+F) this in the code:

<b:if cond='data:post.title'>

finding <b:if cond='data:post.title'> in html code

Step 3:

Now we have to replace <h3 class='post-title entry-title'> to <h1 class='post-title entry-title'> and </h3> to </h1>. To do show we have to paste bellow code :


<b:if cond='data:post.title'>  
<h1 class='post-title entry-title'>  
<b:if cond='data:post.link'>  
<a expr:href='data:post.link'><data:post.title/></a>  
<b:else/>  <b:if cond='data:post.url'>  
<a expr:href='data:post.url'><data:post.title/></a>  
<b:else/>  <data:post.title/>  
</b:if>  
</b:if>  
</h1> 
</b:if>

Replacing h3 tag with h1 tag

This example shows that your template use H3 tag for post title (If you don't find it, your template may use H2 tag for post title). Replace H3 (or H2) at this code with H1, 


Some time coding might be present twice, if it present twice do the change for both of them i.e we have to replace with <h1> tag as shown above.

Step 4: Click on 'Layout'

Step 5: Click on 'Edit' in the 'Header'.As shown below-

Click edit in header part where your website title will display


Step 6: Clik on 'Choose File' from your computer, upload your own logo.

Step 7: Select the option 'Instead of Title and Description'

Step 8: Click on 'Save' Button.As shown below-


Browse logo from computer


Step 9: Click on 'Settings' Menu --> 'Posts and Comments'

Post and comments setting with 7 

Step 10: In 'Show at most' select '1' post on main page.

Post and comments setting with 1 post in main page

Step 11: 'Save the Settings'

Step 12: Go to Tamplate -- > Template Designer(on right top side)

Click on Template designer


Here select 'Advanced' in that, select 'Add CSS'

Add css 

and paste the following code in it:

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }


and click on 'Apply to Blog'


how to write/put Header tag in WordPress site:

You don't have to do anything in WordPress because by default all setting will support for header tag h1.


6.Font Decoration Tag:

Bold, Itallics,Underline,etc are called as font decoration tags in html, they are very important from SEO point of view.

Always do font decoration for the keywords and aslso other words too because Search engines don't have sufficient time to read through word to word content of your page, they read the text that has been decorated to find out what is keyword or topic you are focusing so, to gain marks in SEO we have to do the font decoration for phrases where your keywords are present but make sure doing in excess would lead you site to spam so,


Do the decoration only for 25% of keywords and along with the keyword do for some other words too so that it looks like natural decoration.

for example:
What is SEO?
ans:Seo stands for "search engine optimization".

Above example is a small and simple example for Font Decoration.

7.Keyword Density

For every webpage the search engines maintain the keyword density tables for popular keywords in their database to understand what topics are you covering in your content.

keyword density in a webpage should be high as much possible naturally so this will help to improve ranking in search engine.Starting 20 words of your webpage must have your keywords for better keyword density.

They aim to put those pages on the top that have high keyword density for the query or keyword being searched. keyword density is the avg. no. of times the keyword is being repeated for every 100 words, higher the keyword density better it is for SEO.

Minimum 1%-3% keyword density you must maintain if there is a scope to increase futher it would be even better but make sure artificial stuffing of keywords or playing with tricks to improve the density in unnatural way may push your webpage in spam.

8.Image Alternative Tag


syntax:
<img src="" alt="Keyword"/> it  may differ from site like general,blogger,WordPress.

The image alt tag should contain the keywords.Don't have the same image alt tag for more than one image.

It is advisable to add at least one image for every post because the webpages that have a supporting image along with the content gets more preference to rank on top.


how to write/put Header tag in General site:

Go to head section in html code or front end and you can enter your keyword as below syntax-
<img src="" alt="Keyword"/>

how to write/put Header tag in Blogger site:

In blogger, by default alt tag is not generated you have to add it manually from the back-end else click on the image---> properties and set the alt tag.

image alt tag property
image alt tag



9.Video Alt Tag

If possible add at least one video for every post, like for images we have 'alt' even while you upload a video you need to put the keywords in the 'alt' tag to get more preference to rank on top.

But, as uploading the video might consume lot of space in your page that increases the page weight and affect the performance of the website the best thing is to upload the videos in the youtube and share the same.

In case you share the Youtube videos you might not find the alt tag, the title of the video in the Youtube is itself regarded as the alt tag in such cases.

Video Alt tag will be write as same as you did in image alt tag.









Much more will be updated soon......

No comments:

Post a Comment