How to code Blogger SEO in Blogspot
Blogger is one of the most used blogging platforms, but surely has
many drawbacks and its sometimes considered to be the worst in concern
of On-Page SEO. Well, when people say that Blogger is weak in SEO,
how did those professional blogs hosted on Blogger get to the top? (I’m
talking about blogs like blogtipsntricks, AllTechBuzz,etc.) Its because
they know to optimize blogger and also because they use variety of
techniques which is not known to you all. You can’t transform your blog
totally into a SEO Masterpiece but still here are few codes which will
help you in optimizing your blogger blog to get better search results.
The Codes Which We Are Going To Use
- All In One Meta Tags
- Automatic ALT Tag For Images
- Automatically Make All Links No-Follow Script
- Optimize Your Post Titles
Lets Get started!
1.All In One (AIO) Meta Tags
These tags are used by Search engines to know more about your blog
,in other ways these are the codes which describe your blog’s content
and help search engines to index your blog, there are 3 tags in this
code,they are-
- Meta Description- The description of your blog.
- Meta Keywords- All keywords related to your blog.
- Meta Author- Your Name or the author’s name.
Here’s the procedure to add Meta tags to your blogger blog-
- Go To Your Dashboard> Template> Edit HTML.
- Hit CTRL+F on your keyboard to use the Find feature.
- Find the <head> tag using the above given feature.
- Paste the following code after the <head> tag.
[sourcecode language=”plain”]
<META NAME="Description" CONTENT="Description Of Your Blog" />
</b:if>
<META NAME="Keywords" CONTENT="Keywords Of Your Blog" />
<META NAME="Author" CONTENT="Write Your Name" />
[/sourcecode]
Replace the words in quotes according to your website information and save the template.
2.Automatic ALT Tag For Images
ALT tags is like SEO for images or
similar to adding search description to your content in blogger,ALT tags
are the once which help the search engines to determine your image’s
category or topic.Filling up your ALT tag of your image can drive lots
of traffic to your blog,but sadly most of the times people forget to do
it or some never do because they will have to add a code to every image.
Here is a script which automatically adds ALT tags to all the images
you upload.
Procedure to add the automatic ALT tag For Images-
- Get into your templates coding through the edit HTML option.
- find the tag using CTRL+F feature.
- Paste the following code above the </body> tag.
- Note- Remove the highlighted code if it already exists in your blog.
[sourcecode language=”plain”]//SEO SCRIPT POWERED BY www.citymedia.tk
<script type=’text/javascript’>
//<!–[<span class="hiddenSpellError" pre="" data-mce-bogus="1"–>CDATA[
$(document).ready(function() {
$(‘img’).each(function(){
var $img = $(this);
var filename = $img.attr(‘src’)
$img.attr(‘title’, filename.substring((filename.lastIndexOf(‘/’))+1, filename.lastIndexOf(‘.’)));$img.attr(‘alt’, filename.substring((filename.lastIndexOf(‘/’))+1, filename.lastIndexOf(‘.’)));
});
});
//]]>
</script>
[/sourcecode]
Once you add it,you can check whether it working just by hovering
over the images in any of your blog post.You’ll see that the image’s
name appears when you mouse over it.
Advantages Of Auto ALT Tag Code-
- It actually tags your images according to your name.
- It adds ALT tag with Image Title.
- It adds “+” symbol if any spaces are found in the image name which will help search engines to recognize it easily.
Drawbacks Of Auto ALT Tag Code-
- It tags everything in your blog including your blog’s logo which will show the names like- Le20%Geeks which looks awkward whenever you mouse over it.
- Social icons and comment icons will show names like- “FB-Like,Tweet-Twitter, Comment20%Style” All these will look ugly when someone hover over these.
As you can see, it has lots of advantages with few disadvantages,
using it would be wise as it makes a huge difference in search engines.
3.Automatically Make All Links No-Follow Script-
Ticking all No-Follow
attributes in each and every link in your blog post would be tiring,
specially if your posting some kind of “Top 10 list”. Actually No-Follow
must be used when you are linking to low authority download sites or
mirror sites. Here’s a script which can be added to make all of your
links No-Follow automatically.
Procedure of Adding the No-Follow Script-
- Get into your template through Edit HTML
- Find tag and paste the following code above it-
[sourcecode language=”plain”]<!–Remove this if you are already using any jQuery.js file–><!–End–><script type="text/javascript">
jQuery(document).ready(function () {jQuery(‘a[href*="http://"]:not([href*="http://www.citymedia.tk"])’).attr(‘rel’, ‘nofollow’);jQuery(‘a[href*="https://"]:not([href*="https://www.citymedia.tk"])’).attr("target", "_blank");});
</script>[/sourcecode]
Now replace” http://citymedia.tk”
with your blog’s URL. Once you have completed it,save your template and
you’ll find that this plugin will add No-Follow tags to all of your
external links other than your own blog(Internal Links).
Optimize You Post Titles-
As we all know post titles are one of the most important thing,but Blogger seems to have an unnatural structure of post titles when compared with other platforms such as WordPress,here’s a small code which will optimize your post titles and will get your better search engine ranking with organic traffic.
Procedure to Add The Post Titles Optimization Code-
- Go To your template settings and click on Edit HTML.
- Use CTRL F and find the following code-
[sourcecode language=”plain”]<title><data:blog.pagetitle/></title>[/sourcecode]3.Replace it with the following code-[sourcecode language=”plain”]<b:if cond=’data:blog.pageType == "item"’>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>[/sourcecode]
That’s it! You have completed optimizing your post titles,the results will look similar to that of the images give below-
Before |
After |
Conclusion-
You have successfully optimized your blogger blog by adding 4
simple codes into your blog’s template. All these codes are compatible
with all the types of Blogger templates and you’ll be impressed by the
rank and traffic which you’ll gain in the future,with the help of these
codes. Stay tuned for more Blogging tips.