Monday, April 16, 2012

Make Your Blogger Template More SEO Friendly


Basically Blogger is not so much SEO friendly like WordPress. In WordPress we can manually use meta keywords and meta descriptions. It is not possible in Blogger, the free service by Google. Morever it is too much difficult to customize Blogger template for better search engine optimization without the pure knowledge of HTML, CSS, JavaScript, Ajax and so on. I found out a way how you can make your Blogger template more SEO friendly.




Avoid Too Many Flash, Java Codes

Flash and JavaScript codes are used in Blogger to show effect but to be honest this codes are harmful for you SEO. JavaScript codes are used much more to hack the Blogger Template. I say Design is not all but the content is main factor. So just avoid codes and always keep clean the Template.


Keep All External Links NoFollow

In order to gain highest SEO score You must keep all external links nofollow. If you avoid this rule, your PageRank will be reducing. Some Blogger templates have built in social share button. You have to manually edit and add rel="nofollow" tag.

keep The Template Clean

We sometimes add codes to add more gadgets. So you have to careful no to add unnecessary codes. This may cause your SEO status



Add Meta keywords And Description


Meta keywords refer to some words which are the main themes of your site. And meta description refers to a small speeches about your webpage to let know the search engines of the perfect statement of your website.

Guidelines of Meta Keyword And Description

  • list of keywords or keywords phrases should be 15 - 20 unique words or phrases



  • separate the words or phrases using a comma



  • You must not need to leave a space between words separated by commas



  • Never repeat words or phrases



  • Always Put the most important words or phrases at the very beginning of your keywords list



  • Your meta description should not be more than 150 words


  • Rules Of Adding Meta Tags To Blogger

  • Blogger → Design → Edit HTML


  • Find the following code [F3]



  • <b:include data='blog' name='all-head-content'/>

  • Now copy and paste the following meta keywords and description tag just after the code mentioned above


  • <meta content='DESCRIPTION HERE' name='description'/>
    <meta content='KEYWORDS HERE' name='keywords'/>
    <meta content='AUTHOR NAME HERE' name='author'/>

  • Put your name as author, your keywords and description



  • Save the template



  • Heading

    H1, H2, H3, H4 are the heading tags. Google, Bing and other search engines give much priority on H1 tags. Highlight main title with H1 title tag like <H1> SEO ON BLOGGER </H1>. You have to customize your blogger template and replace with H1 tag.

  • Blogger → Design → Edit HTML → Expand Widget Template



  • Backup the tempalate



  • Now find the following code using F3



  • <b:if cond='data:post.title'>
    <h3 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>
    </ H3>
    </ b: if>

  • Now replace with the following code [delete the previous 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>

  • Now save the template



  • Page Title And Permalink Structure

  • Your Page title should be unique and likely smaller



  • Permalink structure should be well formed. In Blogger permalink structure is fixed. You can customized it in wordpress. Always follow /%postname%/ this structure



  • Show Blog Title After Post Titles On Search Results


  • Log in to Blogger → Design → Edit HTML



  • Backup the current template for safety



  • Find the following code Using CTRL+F



  • <title><data:blog.pageTitle/></title>

  • Now replace the above code with the following code



  • <b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <meta expr:content='data:blog.pageName' name='description'/>
    </b:if>

  • Save the template, yes bingo. You are done. Now you will get more traffic than before



  • Loved the article ? You can share the post if you like

    0 comments:

    Click Here To add Comment