Its big, its exciting and its worth an applause! Blogger finally introduced the most awaited SEO features for Google hosted BlogSpot blogs. Blogger Team is trying every possible effort to get closer to its biggest competitor Wordpress in terms of development. Its believed that BlogSpot blogs are not well optimized due to limited Search Engine optimization features but with the introduction of Meta Description for individual posts, custom redirection for broken links, nofollow attribute, 404 error pages, custom robots.txt and robot header tags features, blogger surprised almost everyone today. The problem of wrong post description appearing in social networks like Facebook and Google+ will all be solved thanks to Meta Tags for posts and pages. We will look into each feature one by one so that you may understand clearly the importance of these technical SEO terms.
What are the new Search Features?
Six important SEO options have been added to Blogger in draft which are:
- Meta Tags for Homepage and Sub-pages
- 404 Error Page
- Custom Redirects for broken links
- Custom Robots.txt For Advanced users
- Custom robots header tags For Advanced users
- Nofollow attribute for post Editor links
Caution: Out of six new features only two which relate to crawling and indexing of search robots are restricted for Advanced users. I would therefore recommend not to play with them because wrong settings can terribly effect search credibility of your blog therefore keep them as default.
To set the new SEO settings do this:
- Go To draft.blogger.com
- Then Go to Settings > Search preferences
Now here you will see three important sub-sections which we will discuss one by one.
Meta Tags
The word meta here refers to Meta Description. It tells visitors what your blog is all about. In search engine results page it looks like this:
Previously we would manually set meta description for blog homepage but now you can set it using this page. So what's new? The new addition is that by enabling this feature, meta description for Posts will activate and you can then configure Description for posts using the blog post editor. To activate this option do this:
- Click the Edit link
- Choose "Enable Search Description?"
- In box define your blog in no more than 150 characters. Use our Character Counter Tool
Note: You must write the same description here that you have written manually inside your templates.
4. Click Save changes
5. Since the above description wont work correctly in custom templates therefore we need to insert some code inside the template. Please go to Design > Edit HTML and just below <head> paste the following code for meta description:
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
6. Save your template and all done!
Meta Description For Posts
Now open Blogger post editor and you will see a new option for post description:
Now make it your hobby to write a one line description for every post that you publish. Write no more than 150 characters or 15 keyword phrases. By doing this every new post that you publish will have a separate clean description that will attract more visitors by providing precise description of what you post is all about instead of a chopped random snippet of text chosen by search robot. This will help both robots in better indexing your posts and also Facebook and Google+ to display correct description for your posts.
Errors and redirections
Most of you know that Google webmasters give you several links which are either broken or no more exits. Broken links refer to Pages that no more exits on your blog because for some reason you may have deleted them. Now if some website is linking one of your posts that you deleted then you wont get the reward of the PageRank juice from that website to yours instead if people click that link they will land no where in your blog and will see a 404 Page not found error. There was no concept of a 404 error page before instead this page would appear:
But now you can create your own custom 404 error page. Check ours by writing anything illogical at the end of our blog URL in your address bar or simply click here
Therefore in order to redirect deleted post links to new links and create a custom 404 Error page do this:
404 Error Page
- Click the Edit link next to Custom Page Not Found
- Inside the box write a message that you want to display when readers land on a missing page (404 page):
You can write any message inside this box using simple HTML but once you click save changes and see how your error page looks, you will see that it looks dull and grey and appear inside an ugly box. In order to give it a good designed look with custom CSS styles just like ours then kindly wait for my next post.
Broken Link Redirection
- Click the edit link next to Custom Redirects
- Click the checkbox to simplify the options
- Now you get a From and To input options
- Insert the link of your deleted Post inside From box and insert the link of your new post inside To box.
- Click Save changes
You can create several redirects by clicking the New redirect button. If you are confused where to redirect a deleted page or post then you can simply redirect all broken links to your Homepage in order to flow all PageRank juice there.
Crawlers and indexing
Do not worry, its not that advanced and horrifying! :)
This section includes two options which are robots.txt and robot header tags. You may not touch the robots.txt option however you can manage settings for robot header tags severed to search engines. All our long techy SEO tutorials that provided solution for optimizing Blogger pages, posts, homepage, archive and search pages can now be implemented with a simple click of a mouse.
The robots meta tag lets you control how an individual page should be indexed and served to users in search results. In order to keep things simple use the following settings as shown in the screenshot below:
The above recommended settings will tell search engines to index your homepage and all its content, to index your posts and pages but must not index archives and should also not take description suggestions from Open Directory Project (noopd).
Normally, search engines use resources like the Open Directory Project (noopd) and the Yahoo! Directory (noydir) to find titles and descriptions for your content. Generally, you will not want them to do this. The noodp tag prevents them from doing so.
What does unavailable_after Meta tag does?
Though you wont need them but for understanding we would explain it. Most blogs promote seasonal products by writing posts. If you are promoting a new product offer on monthly basis which would expire the next month then you must tell search spiders to stop indexing the old product posts and index the latest one. This will help spiders to give more importance to your latest posts than old repeated posts.
rel nofollow
To understand what is a nofollow link attribute and when should you use it, then kindly read this tutorial:
Internal links should never be tagged as nofollow. See What Matt Cutts recommends
Now whenever you need to create a link in post editor you will see two options
- Open this link in new window
- Add rel="nofollow" attribute
Choose to open the link in new tab only if the link is pointing to an external site and choose the nofollow option only for links that point to low quality sites or login pages. To understand what links should be attributed as nofollow, I would highly recommend that you read our article on nofollow as shared above.
Liked This latest Change?
I am sure this would greatly improve the way your posts and blog is indexed and crawled by search robots and the way they appear on search results page. It is a great way to improve the quality of your blog and attract a better targeted traffic. Feel free to ask me as many questions as possible in order to throw away all confusions and misconceptions or myths related to SEO that may still be troubling you. I will publish the 404 error page tutorial tomorrow and will share several Designs to give your blogs a new stunning look. Remember to add a new habit to your blogging and that is "adding post description to every new post that you publish". Peace pals! :)
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »
thanks mohammed for this post
ReplyDeleteplease see my post that i sent to you for guest posting
I have another question should we need to edit our previous published posts ?
ReplyDeleteYeah By making these changes blogger made himself seo friendly.From now every body will stop saying that wp is best for SEO.. :D any way its beginning :D
ReplyDeleteHey Mohammad After enabling all the settings can i delete the meta tags from template?
ReplyDelete@ admin
ReplyDeleteWhen I add any code in my template it shows me below error
================================================================
We were unable to save your template
Please correct the error below, and submit your template again.
More than one widget was found with id: HTML18. Widget IDs should be unique.
================================================================
Need Help.
Blogger is very cool with this feature..
ReplyDeleteThis comment has been removed by the author.
ReplyDelete@Faizan
ReplyDeleteI am disappointed that you have completely copied MBT's design, look and feel and even gave any kind of credit. Though I see you have some skills and I would love if you use it in a proper and ethical manner.
It is a misconception that using the same design or near perfect design as of some other greatly popular blog will give you good results.
@Mohammad
You are definitely a SPY watching my search activity :P
Custom 404 is what I am looking for. Btw blogger no longer displays that old page which tells you to go on blogger homepage. Instead it works same as it does after enabling custom 404. The difference just is that it if custom 404 is disabled then the default message comes. That's it!
Also if you notice while writing a post in compose mode you get to directly add h2, h3 tags (Minor heading, etc.) without going in to html mode.
Oops in the previous there was a mistake.
ReplyDelete"and even gave any kind of credit." I mean "and even didn't gave any kind of credit."
Custom Robot.txt is something I was long for. The 404 error page is also a brillant and well-thinking addtion too.
ReplyDeleteAnyway, I got a problem with 404 error page. It seems that 404 error texts are not visible (I inspected elements, texts are on the page. They are just hidden) when numbered page navigation is applied. Can you solve it?
Thank you for this very informative post Master! :)
ReplyDeleteThanks Mohammed for this post.
ReplyDeleteI had tried adding Profile Picture in Google search,But
It is been almost one month No result! ,had done all things which are mentioned in this post. Checked rich snippets tool and it say's
"Verified: Authorship markup is verified for this page"
But Profile Picture Don't Show In Google Search! What is the reason Mohammad?
please help me.
Blog URL : www.linkstoweb.in
Thanks Mohammad and i am waiting for your next updates regarding 404 with a brief discription.
ReplyDelete@Bhavesh Pamecha
ReplyDeleteThanks Sir For Giving Your Lethal Opinions,I Started My Blog With MBT Church Theme but later on i Converted it into MBT's Own look my changing Styles CSS.So do you think i need to Remove The Current Template and Start Using New one But from where I can get a unique template,I also use MBT's template because its perfect in look could you tell me from where i need to improve except The Blogs Design
@Faizan
ReplyDeleteI am not telling that you use completely unique template which is obviously difficult. I am just telling you to give credit to MBT blog from where you got the design.
Other things are not bad on your blog at all. The reason I told about the misconception is because most people see it as a tampered material.
I am more of a design freak person. You did made SOME changes different from MBT but the feel at first sight is always the same as of MBT when I visit your blog and so others may also feel like this who know MBT.
Try something different which is unique in look or atleast have a different new feel that when someone visit your blog first time he couldn't control himself saying WoW. Obviously that doesn't mean you are gonna put flash all over which will definitely slow down your blog.
You asked me to tell you apart from the Blog's Design but as I told I am design freak, I couldn't resist to say all about design and design only. Lol :p
About content, I don't really feel anything wrong in there. You have some interesting posts which attracts me. And your blog is fairly new so wait for around 6 months for consistent traffic and that applies for search engines as well.
There are some errors or unedited stuff on your blog which you need to correct like you don't have a link to G+ but still there is a icon in that widget in the sidebar, the subnavigation have text but points no where and most important "contact me" points no where. Guess someone likes your blog and want to write a guest post, he clicks the contact me and wallop.. it points no where and he will loose the interest in your blog.
Little things matters a lot and I see them very carefully and so should you.
I hope I have given enough information to help you out.
All the Best buddy.
And I would me more than happy if I see a credit to MBT when I visit your blog next time and I hope this long is not a waste.
This comment has been removed by the author.
ReplyDelete@Bhavesh Pamecha
ReplyDeleteThanks Sir For your delightful suggestion and don't worry sir I added credits to MBT No problem in Crediting MBT as my blog is totally inspired by MBT which i previously mentioned in my guest post Which Was Published At SEM.And i am Contacting Mustafa Sir So He Can Design a new template for me...Thanks...And Cheers :D
Thanks Mohammad for sharing with us
ReplyDeletehttp://www.flashrecepteur.com/
Now Blogger it's awesome :)
ReplyDeletevery good article and nicely explained I heard that google implemented these new feature some days back in blogspot and after that I search the net to use these optimisation feature in my blog http://amusing-n-funny.blogspot.com/ but there was no good tutorial to follow but there I get the good stuff and I follow it and get what I was need!!
ReplyDeleteMohammad bro, i need some help with by blog and also need some Adsense tips. lease reply soon
ReplyDeletehye mohammad.. i already added meta tags for my blog before and robot.txt.. but after i read this posts, i decided to remove the meta tags and just make changes just like you show in this posts.. but then i looked back in edit Html section, i did not found any meta tags.. same goes with custom robots header tags..
ReplyDeleteso does that mean, all changes that we made in setting > search preferences purposely to notify google that our blog is ready for meta tags and custom robots tags inserted then google will add the meta tags and custom robots tags later?
Should i replace my old meta tags (meta description, meta keyword) and robot.txt for this changes?
Bro after this my Post description is not showing well . It is showing wrong description :(
ReplyDeleteJust check this and help me out please ...
https://plus.google.com/110322413482183724767/posts/etJKHTJyj7W
The description is not the post description. It is showing from the start of my blog ......
i have a question that if we have custom theme for blog then these settings implemented automatically or we have to add it manually…..
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteHELLO MOHAMMAD
ReplyDeletei tested my blog on different computer but rendering is different to that on my computer and i use many custom fonts that are displayed on my blog which shows as default fonts on different computers can you help:)
Hey Mohd, Maybe you don't know this. We have to add a blogger data tag manually to our templates. Most of the blogs which have covered this new have not mentioned about this.
ReplyDeleteJust add the following code in head section of your template and it will be fine
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
@Faizan
ReplyDeleteAlways welcomed pal. For a blog with 60 posts, 250+ views are normal. You need to push that limit and increase post publishing limit. Write at least 2 posts per day. Give more value to social media latest news and developments. Please read this post: Post frequency :)
@ahmed
I have checked your mail and I will publish it at smartearningmethods very soon. Apologies for delay ahmed.
@Faizan,
If you have time then you surely may add description for previous posts also.
@Supreme
Yes you may remove them if you use official blogger templates and No if you use custom templates.
@hemant
you are pasting a b:widget code somewhere directly. To add a widget simply use the Page Elements section.
@bhavesh
lol then it must be my goodness :)
Yes the default message would appear even if you have not enabled it. There exits some html tags that you can directly embed in compose mode. Another is the jump break code.
Thank you for helping faizan. He is a dedicated person and is learning at a fast pace. Feels great when you motivate others
@reyad
Numbered page navigation is a complete mess to be honest however try the latest post on 404 Error page and tell me if it works.
@Naeem aziz
Yes the features are always tried first before releasing them. I am glad you found the tutorial helpful. Please do check the latest post on 404. :)
@Arup Gosh
Sure just post your queries under posts related to your question
@akid
I checked your blog and they are inserted correctly as content='index, follow, noodp, noydir'
They will automatically get inserted pal. :)
@haider
You are right haider, Google+ is having this schema problem. So far I found a code for facebook but no luck with G+. Did you remove the code I gave earlier?
@sushil
They will be added automatically. For a quick check up, after applying these settings, open your blog's source file and look for the new metas.
@tipo
You can only use Google Web fonts as embedded fonts else fonts that are installed on your computer wont work on others. What you see as a correct display is because browser is fetching information from your installed fonts but it can't from other computers where this font is not installed.
@Amit
You are right pal. I notice this problem yesterday and I will mention it in the post. Thank you amit.
@Faizan
ReplyDeleteThank you very much for the credit :)
@Mohammad
My pleasure for helping :)
And please read my mail atleast for that SEO one. I am telling again because only after your reply, I will go further =_=
@Mustafa Sir After Reading your this Post at http://www.mybloggertricks.com/2011/02/publish-several-posts-per-day-to-boost.html
ReplyDeleteThanks Sir Always Impressed they way you explained from very beginning to the end.I am currently the only blogger in my home that the biggest disadvantage i have and my friends they even don't know who is blogger so currently i am with Steady Going i do 1 post per day as i study also its very hard to post 3 to 5 posts.any how hats off sir
@Bhavesh Pamecha
No Problem sir.... :)
This comment has been removed by the author.
ReplyDelete@ Mohammad
ReplyDeletebro i added meta description correctly but instead of [search description] on posts its showing [custom robots tags].and there is no
enclosure link
help me out
Bro all fine now with that tag
ReplyDeletei was studying on it and found that our posts that are already published before this Blogger new SEO update are Ok with G+ and Facebook too and for new Posts we must have to write description on the right side and it works perfect on Facebook and Google Plus. I will write a Guest Post on it soon on MBT if you did not did before me :p
nice article I have also written about this plz see my blog also
ReplyDeletehttp://internetricks4u.blogspot.in
Hey Mohammad today i checked my webmasters and i have got a warning which says "Some important page is blocked by robots.txt." and when i clicked the robots.txt i found 65 urls blocked why is that so and my posts are also not indexing only homepage is indexing.
ReplyDeletePlease help me
thanks and what about rendering background image overlap my post but in my computer it is located properly just before post title begin:)
ReplyDeleteMohammad,
ReplyDeleteCan I add my XML sitemap optimized to show all of my post to bloggers new robot.txt or will it cause some crawlers to hiccup?
For example:
Sitemap: http://www.hippressurecooking.com/rss.xml?max-results=500&start-index=1
Thanks,
L
this very help ful for me bro thank you very much
ReplyDeleteIs this description (Note: You must write the same description here that you have written manually inside your templates.) different than the Title or the description you are referring is relating to the Data fed in Description Meta Tag inside the template
ReplyDeletehi mohammad how do u put after search in name site the arrow with Widgets and Plugins - Templates - Create a Floating Feedback ... - Tools ... when i search ur site in google u have this things how can do the same?, thks in advance
ReplyDeleteThanks for this tutorial master, I like it and very useful for me
ReplyDeletecheck out this site this is better then facebook..
ReplyDeletewww.geteasynow.com
Hi,
ReplyDeleteI have a blogger blog since 3 months which was ranking well for each post, suddenly before 3 days my indexing got slow and today if i try to search for a post in google which was ranking well, i can not see it on search result on any page. All contents are organic and there was no spammy links or over optimization. Can you suggest me solution please.
This comment has been removed by the author.
ReplyDeleteAbsolutely Nice Post!
ReplyDeleteThanks for the great tips... Today, I just created the 404 page for one of my blogs.
ReplyDeletehttp://gambar-kucing.blogspot.com/404.html
Thanks again... Finally, I made it
Hii.. I have a question and its really important.
ReplyDeleteI cannot change my number of post in my blog,i change it to 6,10 but it still showing 2 posts on my web page,Please help me out,i don't what should i do,???
http://www.funbeingbrother.com/
@Sahil Khan
ReplyDeleteI can't find a solution right now but it definitely has something to do with your page navigation widget because when you go on next page posts show properly.
Thank you for the explanation,,, I'm a complete noob for this seo friendly things...
ReplyDeleteBy the way, is there any way to handle the issue of duplicate content in blogger? I mean the duplicate content that is caused by the "www" and "non-www."?
hi,
ReplyDeleteits really great tutorial for new writers like me.
i followed your instructions to keep my blog up in search engine.
good day,
hiren patel
renruhak.org
i also facing this issue with my blog http://the-photomag.blogspot.com
ReplyDeletethank you so much for this. I am geared towards organic traffic for my blog. This is really a big..hmmm no HUGE help. Keep it up.
ReplyDeleteWhat does the "permanent" option do in custom redirect?
ReplyDeletesalam...its great to visit that site...what else can say except sikhaden yarrrr :p
ReplyDeleteWhat about robot.txt did you edit it?
ReplyDeleteThank you this was so clear, I have been hunting for ages to find out this info.
ReplyDeleteKeep up the good work.
I just couldn't thank you more... seriously, this is not any comment to show that i am also your reader, i knew about your blog, came once or twice via google search results...
ReplyDeletebut this time.. I am totally thankful to you.
Always thought that wordpress is superior but for the first time your blog actually does it all, came to you from another post, "how to get the featured post widget" but this was awesome.!!
Thanks for this wonderful post. Please in a case i'm to direct all my broken links to homepage, how will i do that?
ReplyDelete
ReplyDeletehttp://brother572.blogspot.com/
Online Earning,Blogging,Seo,Training
Coruses,Games,Software,Mobile,Tips and
Tricks,Hacking and More
Hi,
ReplyDeleteWhat I already try, custom 404 page is nice and good point to solve page not found besides 301 redirect, but custom meta robots tag header make my blog not getting index, so I will read again on google guide for this.
myblog : _http://bloggershoptemplate.blogspot.com
anyway thanks for this useful article