How to Make Blogger Template SEO Friendly andrey воскресенье, 26 апреля 2015 г. No Comment





Here's how to make blogger template SEO friendly to improve the SEO of your blogger blog and its visibilty in search engines. This is considered an on page search engine optimization technique and if done properly, can be quite effective in increasing your blog's rank within a matter of time just like backlinks to your blog. Some of the default blogger or free templates we use have not been optimised in a way that is SEO friendly, in turn, this can have an effect on the traffic the blog is likely to get and generally, how much it'll make. To make a blogger blog SEO friendly, this will involve adding meta description and keywords in the template, changing the structure of post titles as displayed in search engine results and modifying the header tags for all post titles. Below, you'll find step by step details on how to optimize your blogger blog for search engines.

Also Read: Free Seo Site Audit Tools/Software
                   How to Check  Dofollow and Nofollow Links
                   High PR Dofollow Backlink Sources


Make Blogger Blog Template SEO Friendly


Meta Description and Keywords in Blogger Template


Adding Meta description and keywords in your template lets search engines know the content of your blog. With the right keywords and description in place, you can improve your blog's rank in search engines and traffic. Keep in mind that while using meta description to make your  blogger template SEO friendly, the description should not exceed 66 characters. Also, add relevant keywords which are related to your blog and which you want to rank for.  To add meta description and keyword in blogger template in order to make it SEO friendly, follow the steps below.  

  • From your blogger dashboard,
  • Goto Template.
  • Ensure you backup your template before proceeding
  • Next, click on 'Edit HTML'
  • Click inside your blogger template, using CTRL+F keys, search for the tag
  • Copy the code below and paste 'below'





In the code above, replace the fields specified 'Your Site Description' and 'Your Keywords' with relevant meta description and keywords respectively.

  • Finally, save your template.
Also, you can include the all in one SEO pack plugin for blogger blogs in your template to also make it SEO friendly.


Showing Post Title Before Blog Title


Another way of making your blogger template SEO friendly is by showing post titles before the blog title in search engines result. Doing this will ensure some of the characters at the end of the post title are not excluded if the default number of characters (66) to be shown for post titles is exceeded, instead, your blog title which adds little value to the post ranking will be excluded. On searching on Google, with the full post title being displayed, users can have an idea if the post title relates to their search. Some customized blogger templates have already been optimized to show the post title before the blog title, if yours hasn't, follow the steps below to apply it on your blog.
  • From your blogger dashboard,
  • Goto Template
  • Click on 'Edit HTML' 
  • Using CTRL+F keys search for <data:blog.pageTitle/>
  • On finding the line of code above, replace it with the entire code below.

 cond='data:blog.url == data:blog.homepageUrl'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">title</span><span style="color: #007700;">/>
cond='data:blog.pageType == "item"'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/></span> | <span style="color: #007700;"><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">title</span><span style="color: #007700;">/>
cond='data:blog.pageType == "archive"'></span>Archive for <span style="color: #007700;"><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/>
cond='data:blog.pageType == "static_page"'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/>
cond='data:blog.pageType == "index"'> cond='data:blog.searchLabel'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">title</span><span style="color: #007700;">/></span> - <span style="color: #007700;"><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/>
cond='data:blog.pageType == "error_page"'></span>Page Not Found<span style="color: #007700;">
cond='data:blog.pageType == "index"'> cond='data:blog.url != data:blog.homepageUrl'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageTitle</span><span style="color: #007700;">/></span> - All Post<span style="color: #007700;">

  • Save your template.
After editing following the steps below, your blog should come up in search engines with the post title before the blog title as shown in the image below.



Change Heading tag H3 For Post titles to H1 

Here, we'll change the H3 tag as given to post titles to H1. The H1 tag is given more priority and importance on search engines than the H2, H3 tags etc, a good SEO technique  you can try out is  to optimize your blog's post title in search engine results,  by changing the the tag H3 for post titles to H1. To do this,



  • From your Blogger dashboard,
  • Goto Template
  • Click on 'Edit HTML'
Search for

 

 

 Or search for




  • On finding it, replace the open

    and closing 

    tags with h1 as shown in the image below


http://www.detutor.com/2015/04/how-to-make-blogger-template-SEO-friendly.html

Also Read: 10+ Best Blogger Tips and Tricks
                   Keyword Research Tool Alternatives to Google Keyword Planner

With the steps above on how to make blogger template SEO friendly you can improve your blog's  traffic by giving your blog the right SEO structure.




Here's how to make blogger template SEO friendly to improve the SEO of your blogger blog and its visibilty in search engines. This is considered an on page search engine optimization technique and if done properly, can be quite effective in increasing your blog's rank within a matter of time just like backlinks to your blog. Some of the default blogger or free templates we use have not been optimised in a way that is SEO friendly, in turn, this can have an effect on the traffic the blog is likely to get and generally, how much it'll make. To make a blogger blog SEO friendly, this will involve adding meta description and keywords in the template, changing the structure of post titles as displayed in search engine results and modifying the header tags for all post titles. Below, you'll find step by step details on how to optimize your blogger blog for search engines.

Also Read: Free Seo Site Audit Tools/Software
                   How to Check  Dofollow and Nofollow Links
                   High PR Dofollow Backlink Sources


Make Blogger Blog Template SEO Friendly


Meta Description and Keywords in Blogger Template


Adding Meta description and keywords in your template lets search engines know the content of your blog. With the right keywords and description in place, you can improve your blog's rank in search engines and traffic. Keep in mind that while using meta description to make your  blogger template SEO friendly, the description should not exceed 66 characters. Also, add relevant keywords which are related to your blog and which you want to rank for.  To add meta description and keyword in blogger template in order to make it SEO friendly, follow the steps below.  

  • From your blogger dashboard,
  • Goto Template.
  • Ensure you backup your template before proceeding
  • Next, click on 'Edit HTML'
  • Click inside your blogger template, using CTRL+F keys, search for the tag
  • Copy the code below and paste 'below'





In the code above, replace the fields specified 'Your Site Description' and 'Your Keywords' with relevant meta description and keywords respectively.

  • Finally, save your template.
Also, you can include the all in one SEO pack plugin for blogger blogs in your template to also make it SEO friendly.


Showing Post Title Before Blog Title


Another way of making your blogger template SEO friendly is by showing post titles before the blog title in search engines result. Doing this will ensure some of the characters at the end of the post title are not excluded if the default number of characters (66) to be shown for post titles is exceeded, instead, your blog title which adds little value to the post ranking will be excluded. On searching on Google, with the full post title being displayed, users can have an idea if the post title relates to their search. Some customized blogger templates have already been optimized to show the post title before the blog title, if yours hasn't, follow the steps below to apply it on your blog.
  • From your blogger dashboard,
  • Goto Template
  • Click on 'Edit HTML' 
  • Using CTRL+F keys search for <data:blog.pageTitle/>
  • On finding the line of code above, replace it with the entire code below.

 cond='data:blog.url == data:blog.homepageUrl'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">title</span><span style="color: #007700;">/>
cond='data:blog.pageType == "item"'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/></span> | <span style="color: #007700;"><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">title</span><span style="color: #007700;">/>
cond='data:blog.pageType == "archive"'></span>Archive for <span style="color: #007700;"><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/>
cond='data:blog.pageType == "static_page"'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/>
cond='data:blog.pageType == "index"'> cond='data:blog.searchLabel'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">title</span><span style="color: #007700;">/></span> - <span style="color: #007700;"><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageName</span><span style="color: #007700;">/>
cond='data:blog.pageType == "error_page"'></span>Page Not Found<span style="color: #007700;">
cond='data:blog.pageType == "index"'> cond='data:blog.url != data:blog.homepageUrl'><data:blog</span><span style="background-color: #ffaaaa; color: red;">.</span><span style="color: #0000cc;">pageTitle</span><span style="color: #007700;">/></span> - All Post<span style="color: #007700;">

  • Save your template.
After editing following the steps below, your blog should come up in search engines with the post title before the blog title as shown in the image below.



Change Heading tag H3 For Post titles to H1 

Here, we'll change the H3 tag as given to post titles to H1. The H1 tag is given more priority and importance on search engines than the H2, H3 tags etc, a good SEO technique  you can try out is  to optimize your blog's post title in search engine results,  by changing the the tag H3 for post titles to H1. To do this,



  • From your Blogger dashboard,
  • Goto Template
  • Click on 'Edit HTML'
Search for

 

 

 Or search for




  • On finding it, replace the open

    and closing 

    tags with h1 as shown in the image below


http://www.detutor.com/2015/04/how-to-make-blogger-template-SEO-friendly.html

Also Read: 10+ Best Blogger Tips and Tricks
                   Keyword Research Tool Alternatives to Google Keyword Planner

With the steps above on how to make blogger template SEO friendly you can improve your blog's  traffic by giving your blog the right SEO structure.
by Jillur Rahman

Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.

Follow him @ Twitter | Facebook | Google Plus

No Comment