Saturday, 25 August 2012

Settings For Blogger 404 Error Page, Redirects and Meta Tags!

blogger seo settingsIts 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:
  1. Meta Tags for Homepage and Sub-pages
  2. 404 Error Page
  3. Custom Redirects for broken links
  4. Custom Robots.txt         For Advanced users
  5. Custom robots header tags     For Advanced users
  6. 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:
  1. Go To draft.blogger.com
  2. Then Go to Settings > Search preferences
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.

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:
  1. Click the Edit link
  2. Choose "Enable Search Description?"
  3. In box define your blog in no more than 150 characters. 
Note: You must write the same description here that you have written manually inside your templates.
meta description
      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 != &quot;&quot;'>
  <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:
post description in blogger
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:
 blogger page not found
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
404 error page blogger
Therefore in order to redirect deleted post links to new links and create a custom 404 Error page do this:
404 Error Page
  1. Click the Edit link next to Custom Page Not Found
  2. Inside the box write a message that you want to display when readers land on a missing page (404 page):
404 error 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
custom redirects in blogger
  1. Click the edit link next to Custom Redirects
  2. Click the  checkbox to simplify the options
  3. Now you get a From and To input options
  4. Insert the link of your deleted Post inside From box and insert the link of your new post inside To box.
  5. 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:
robots header tags settings
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:
  • When should you nofollow an external link?
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
  1. Open this link in new window
  2. 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! :)

How To Find and Redirect Broken Links In Blogger?

redirect broken links in bloggerI personally really liked the Page Redirect option among the latest search preferences by blogger. It lets you easily redirect or cloak  deleted, missing, non-existing or removed posts in your BlogSpot blogs to an existing location. Normally for pages that are not found, blogger automatically displays the 404 Error page but this can harm your PageRank from internal and external links. Suppose you had a post and people started giving it backlinks and it got circulated everywhere, if for some reasons you decided to delete that post, people and robots will see a URL error i.e Page Not Found error. All that PageRank juice which was pointing this specific page will be lost therefore you must learn how to redirect missing pages in blogger both for redirecting PageRank juice and also for making your blog more search engine friendly because this is the only way to reduce the number of crawl errors you see at your Google Webmaster Account. We will be dealing this tutorial in a detailed manner to make best possible use of Custom Redirection.

Note: The custom redirect limit is 10 links/URLS for each BlogSpot blog. You can not redirect more than 10 links or pages for the time being. Therefore redirect only important pages.

What are Broken Links?

In layman terms any page or post that you delete in your blog or website is termed as a broken link by search robots. Its called broken because the link points to a missing content and displays a 404 error page.

How To Find Broken Links?

Sometimes you don't remember which posts were deleted by you or which URLs are causing crawl errors and making it difficult for search spiders to index your blog more smoothly. To find broken links in your blog no matter you are running a Google blog or Wordpress or any website, the method below applies to all:
  1. Go To Google Webmasters Account
  2. Select your blog
  3. Click the link under crawl errors
blogger crawl errors
     4.   Next click on Not Found
image
If you are running a blogger blog then you will observe several missing/broken URLs list , this is because most of your dynamic pages like comment page and search pages needs to be removed from search indexing using your webmaster account and if you see too many errors then do not panic, it wont effect your blog SEO too much but removing errors is always good than letting the error list grow. I will discuss the techy part of it in some other tutorial for this post we will keep our focus on deleted posts links only.
Now carefully look at the URL errors and note down the post links that you come across. In my case I had deleted a post I once wrote on Feedburner and also one on HostGator Plans that I deleted due to some reasons. The links would look like this in the error list:
blogger url errors

Since people were linking back these two posts therefore I had to redirect them to homepage so that I keep receiving the PageRank juice and keep Blog indexing by robots smooth. Anyone who would click this links would see a 404 error page instead. So what we did was redirecting both these pages to Blog homepage. The procedure is defined in next step.

Redirect Broken Links

It is always wise to redirect broken links to homepage or any related page. This will flow the backlinks generous juice instead to homepage  or any page that is related to that deleted post. Lets see how we redirected the two links above.
 Redirect to a Related Post:   Redirecting the Hostgator Link
Clicking the hostgator link which is at Priority#5 as shown in the screenshot above opens a new window from where you can copy its full URL

This is the link:
http://www.bloggertricksnow.blogspot.com/2012/02/hostgator-best-hosting-plans-for.html
The part of link we are interested is the highlighted ending portion.
Now lets learn how to redirect the above broken link to an existing post (related link) which also speaks about HostGator hosting plans and the link for it is:
http://www.bloggertricksnow.blogspot.com/2012/01/hostgator-best-hosting-plans-for.html
Don't get confused that the above two links seem exactly similar except the month 01 and 02. Its just a coincidence :)
Lets now redirect the link:
  1. Go To draft.Blogger.com or just blogger.com if you have upgraded to new interface
  2. Then go to Settings > Search preferences
  3. Click the edit link next to custom redirects
  4. Inside the FROM box I would insert the broken link
  5. and Inside the TO Box I will insert the link for an existing link to which we want to redirect the missing/broken link

     6.   Click the Save link followed by the Save Changes button
     7.   The link in now successfully redirected to an existing post.


Redirect To HomePage:  Redirect the Feedburner link
Since I had no related post for feedburner so I redirected it to my homepage and this is what I recommend to you all. Redirect to related posts only if you have any else simply redirect all broken links to homepage.
The procedure is same except for the TO box. I need to redirect the feedburner link from this:
http://www.bloggertricksnow.blogspot.com/2011/06/hack-feedburner-count-postscomments-of.html
To homepage link
http://www.bloggertricksnow.blogspot.com/
See the screen shot:

Notice that inside the FROM box I inserted the ending portion for broken link and inside the TO box I simply inserted a forward slash i.e. (/)
Click save and all done!

Need Help?

I just hope this demonstrative tutorial may prove helpful and locating and redirecting missing links in your blog. The method will redirect all links in your blog no matter how many times they are interlinked thus not saving both PageRank and traffic from external links that point to you. Without the above method you will have to manually locate and edit the links which could take months!
It is a new addition in our services apart from 302 redirect services for blogger to wordpress migration that we already offer. I juts hope you find it easy to implement the above method correctly. I use it for the SEO of this blog and our other blogs. Please let me know if you needed any help. Wish you peace and love! :)

Why Description Meta Tags Not Showing In Custom Templates?

Search Description bloggerMeta Tags for Homepage, posts and pages wont display in custom templates if you view the browser source file for your blog.  This is because custom templates are coded by third party designers and therefore we would manually need to insert the necessary code to make this feature of latest search preferences work in your customized blogs. The method is really easy. We would delete any existing Meta Tag for description inside your templates and would replace it with a dynamic code that will act as a meta tag both for homepage and as well as for individual posts and pages.

You will also like reading these related posts:

Enable Meta Tags in Blogger

First and foremost you will have to activate the meta tags feature. To do this follow these steps:
  1. Go To draft.Blogger.com > Settings > Search Preferences
  2. Click the Edit link
  3. Choose "Enable Search Description?"
  4. Inside the box describe your blog in no more than 150 characters. 
meta description
      4.   Click Save changes
This will automatically add meta description for your blog homepage and you will also activate the Search Description option inside Post Editor.
post description in blogger

Add some search description for any of your existing post and then publish it. check the Browser source file for it and you wont be able to see the description appearing. The meta tag for description is not showing because you might be using a custom blogger template. In order to fix this problem and add the necessary code follow this:
  1. Go To Design > Edit HTML
  2. Backup your template
  3. Just below <head> add the following dynamic code for meta description
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
    4.   In order to avoid repeated use of Meta Description you will need to delete the static meta tag code that you added previously using old traditional way. This code is located somewhere below <head> and can look like the following:


<meta content='YOUR BLOG DESCRIPTION MENTIONED HERE' name='description'/>
or like this:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR BLOG DESCRIPTION MENTIONED HERE' name='description'/> </b:if>
Instead of the text "YOUR BLOG DESCRIPTION MENTIONED HERE" you will find description set by you for your blog.
      5.   Finally save your template and you are all done!

What does this Dynamic Meta Tag code does?

It will present homepage description to search robots when the robot crawls your Main blog page and it presents description for post or page when any of your post or page is indexed. This simple three line code represents description for every single post for which you may have written a search description.

Why Write Search Description?

Search Description or Meta Description for post, if written well can rank you higher by providing search robots with a brief summary of your entire post. Robots love brief and precise snippets of texts that describe the entire concept behind the post. Therefore write one or at most two liner descriptions for every post that you write so that it may attract more visitors by providing the visitors as well as search robots with a brief summary of your post content. Peace and blessings. :)