Create SEO Friendly URL Using Blogger Permalink

Now Blogger provide fantastic tool for creating SEO friendly URL. This will help you to optimize your blog very well. Using Permalink you can create an custom URL for post. Before see how to create permalink, first learn URL effect and good/bad URL.

How URL affect on Search Result

Google display search result depend upon search query appear into page title, page URL, meta tags ( description, keywords), header tag and content. Priority of finding query is first in title, second URL, third meta tags, then header tag and lastly content.

If major keyword is appear into title and URL of page will definitely help to increase in search engine ranking.

What is Good URL and Bad URL

Good URL is one which cover most important keyword from content and guide to search engine for indexing. Bad URL is unstructured and misguide search engine from indexing. Now look example of URL from this blog.

1.

Title: Effect of Dofollow and Nofollow on Search Engine Ranking

URL: http://www.growtechinfo.com/2012/12/effect-of-dofollow-and-nofollow-on.html

2.

Title: Create Blogger Template Designer Friendly Template.

URL: http://www.growtechinfo.com/2012/12/create-blogger-template-designer.html

3.
Title: Increase website speed with css optimization
URL: http://www.growtechinfo.com/2013/01/Increase-website-speed-with-css-optimization.html

First two URL are not covered all major keyword, it will considered as bad URL. In First, URL cover only two major keyword dofollow, nofollow but missing search engine ranking.
Last URL cover an all major keyword, so it will considered as good URL.

Create Permalink in Blogger

1. Login to Blogger.
2. Create New Post (Once your post published, you can not change URL of post).
3. In post setting, select Permalink.
4. Select Custom Permalink,add your custom permalink and click on Done

• Blogger permalink not support special characters like $ @ ^ # & () * ! % _ + - : " = <> ? / ' ; {} . []
• Also Google recommended dash(-) character for separating word in URL instead of underscore( _ ).

 I hope this post help you. Happy blogging.

Read More

Increase website speed with css optimization

Now website speed is search engine ranking factor, officially. CSS optimization playing major role in increasing website speed. Here I'm telling some step for how to optimize CSS and obviously website speed.

Avoiding import external CSS in style sheet

Importing another CSS into CSS will force browser to download CSS one after one. It is increasing a waiting time until all CSS download. @import statement used to import an another CSS.  e.g.

/*file:first.css*/
@import url("second.css");

In above example, first.CSS import second.CSS. When first.css is downloaded then second.css downloaded, increase in waiting time.

Solution:

Instead of using @import, force to download CSS parallelly. This will speed up rendering time. Use <link> tag for each stylesheet, which allow browser to download all stylesheet parallelly.

<html>
    <head>
        ...
        <link type="text/css" href="first.css" media="screen" />
        <link type="text/css" href="second.css" media="screen" />
        ...
    </head>
    <body>
        ....
    </body>
</html> 

Remove Unused code 

Unused code in CSS will increasing the size of file. Larger file take time to download, and decreasing in speed of site.

Solution:

Use CSS minify for removing all unused code from CSS, for that use CSS compressor.
Note: Check the version of CSS compressor, because if you are using CSS3 and compressor using CSS2.1 or less than compressor will remove all CSS3 properties like shadow, border radius, etc. It is better way to minify CSS manually.

Code Duplication

Code duplication is writing same properties for different tags. This will increasing a size of CSS file. For example, if you want to apply same style for tag h1 and h2,

h1{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    font-weight:800;
    color:#039;            
}
h2{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    font-weight:800;
    color:#039;            
}

In above example properties of tag h1 is repeated for tag h2, this will increasing size of CSS.

Solution:

Use comma operator to apply same properties for multiple tags.

h1, h2{
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:18px;
    font-weight:800;
    color:#039;            
}

Avoid CSS Expression 

CSS expression is used to change the CSS properties dynamically. This CSS expression work only in Internet Explorer also this expression execute each time when page is load, scroll down, resizing browser, event mouse move in browser. Expression may slow down you website speed. Example of CSS expression.

#customeDiv {
   position:absolute;
   width:100px;
   height:100px;
   left:expression(document.body.offsetWidth  - 110 + "px");
   top:expression(document.body.offsetHeight - 110 + "px");   
}

Solution: 

If possible avoid CSS expression. 

I hope this article help you to increase your website speed.

Read More

Google Rich Snippets

What is snippets ?

Snippets is the some text line display in search result. Snippets contains Meta tag information like description which is display in search result. Snippets are also useful for search engine optimization.

About Google Rich Snippets:

For more user friendly search result, Google design rich snippets, which helps search engine to collect information from web page and display search result with some rich widgets like ratting, image, videos, etc. Rich snippets gives an idea to user, what type of content is available on that webpage. As in name this search result look like rich as compare to simple snippets.

Type of rich snippets:

• Review rich snippet

Review snippet display an information about review taken by author or visitors. In search result snippet display an how much rate is given in review and by how many votes are registered for that review.

In above example 6 votes are counted for review and average ratting is 4.

• Product rich snippet

Product snippet includes all type of products like electronic, software, stationary, etc. Product snippet display an price, category of product, also including an review snippet contents.

Here, Cut the Rope is an android application having price $0.99.

• People rich snippet

People snippet display address, role of person.  Other optional fields are also available for more information like nickname, photo, URL of person's home page, etc.

About example display address and role of person.

• Recipes rich snippet

Recipes snippet display an image, total recipes time, calories and review (nested with recipes). Also optional values published date, nutrition, instruction, etc.

Butter Flaky Pie taken an 15 minutes recipes time and have 173 calories.

• Event rich snippet

Event rich snippets indicates an event occurs at specific future date. Event snippets display an name, date and event location. Google does not allow to use Event snippet for promoting purpose.

• Music rich snippet

Music snippet display an information about album wise or artist wise, which display an information like song title, duration, album or artist name.

Read More

Add Meta Tag to Every Posts In Blogger

Meta tag is tag which provide an short description of your webpage content. Meta Tag is also important for search engine optimization, description is snippet and display in the search result by search engine.
New Blogger interface provide an facility to add meta description tag for each an every post.

First you enable your Meta description tag for your post. For that,

•  Login to your blogger account.

• Go to Setting > Search preferences.

• Then click on Edit link in Meta tags > Description.

• Select "Yes" option and write description for your Homepage and click on save.

Now, you enabled description meta tag for all post in your blog.

• Finally when you create a new post or edit post, your able to add description meta tag in your post as display in below image,

Read More