Skip to main content

Story of the Theme Redesign and Blogger W3C Validation

This is a blog notification post. I have made changes to the blog’s design. Here is how…

W3C Valid Template

I have brought back the WP Premium theme, which I had put up to commemorate the hundredth post on the first of this month. But there are a lot of changes to it now. Just go ahead and try to validate my blog in W3C Validator. You will find there are almost 45 errors in toto on the home page, in place of nearly 600 errors when I had put up the template last time. It seems that there is no such thing as W3C valid Blogger Template.

I was at work testing this template and removing as many errors as possible from it. Now, the retained 45 are due to Blogger’s internal rendering software, which doesn’t automatically correct issues like unencoded ampersand (‘&’ not being displayed as ‘&’ which is the standard XHTML recommendation for it). With these errors retained, there is no point in using the Strict dtd for the template.

It was a really entertaining experience to fix these errors. I have been testing and tweaking the template and of course the CSS Stylesheet with dummy blogs. I could also learn a lot of new things.

CSS Tweaked

Now the CSS has come back to its original external Stylesheet mode, and it has also been validated with W3C CSS validator. I have a clean Stylesheet now. There are, however, certain warnings that I need to edit out.

Template Display Errors

The blog gets well displayed in three major browsers—IE, Firefox and Opera. Beforehand, there was a minor display problem with IE, for the sidebar. The left and right sidebars (below the main one) had some widgets that would not show up properly. Now this error is fixed and all widgets will show correctly in all browsers.

Blog Speed

It’s been a surprise that the blog is lightning fast now. Faster than it was when I first implemented the design. Maybe since I have edited out some errors, the blog is getting loaded quickly now, since the browsers are less confused.

When you visit the home page, the blog loads at normal speed. Once it is completely loaded, the browser will cache the CSS and tabswitching JavaScript. Now, try loading another page within the blog, and it will load a lot quicker.

SEO and Traffic Effects

It’s widely proven that the W3C validation doesn’t affect the SEO aspect of a website. To know this, just try validating the highest-ranking websites, and you will be surprised to find truckloads of errors in them. Validation, however, affects the display and speed of the site in various browsers and platforms. Too many errors may cause display problems within certain browsers, and that can potentially affect your traffic.

Also, when your validation is better, the browser or the search engine bots won’t get much confused and the pages within the site will be loaded faster and search engines will index them faster. These days, I am creating pure HTML posts only, and don’t use any word processor for formatting. The posts created by directly pasting MS Word documents in Blogger editor seem to form many invalid elements. Overall, it seems very useful to get your sites validated.

Blogger Story

Blogger default templates never get validated. There are, however, a few bloggers who have designed the templates in such a way that the site ultimately gets validated successfully. However, they may have to use the Transitional Doctype for the purpose. Here is the Blogger discussion group with comments by members about this issue.

Old Blogger Templates can be made to validate with some tweaks and techniques you can find with pros, but it’s quite difficult to do the tweaking in New Blogger. I have managed to get the errors of this new Blogger design down to 45 though it’s not big deal. Blogger should work on their engine get their blogs to validate. If you start a blog on WordPress, you will never have to deal with this problem. WordPress engine and CMS (Content Management System) validate and are very search-engine friendly; just try validating the WordPress home page and the Blogger home page, and you will know.

It came to me as a surprise that such neat and lightweight website as Google’s is not only invalid, but also contains more errors than certain news sites, while Wikipedia, BBC, AListApart, etc., validate successfully; Microsoft has nearly 180 errors. It’s a big shame that the web giants are not concerned about W3C validation.

Some Minor Edits

I have also done some minor edits on the layout here. The search box on the tabswiching widget has been replaced with Google Custom search engine. The blog description and comment policy had some invalid HTML elements. I replaced them with pure HTML. The layout of advertisements has also been substantially tweaked. Here onwards, I am at work tweaking the past entries on the blog, with the new style headings (green, larger) and bold style for keywords.

Conclusion

The importance of a theme in success of a blog should never be underestimated. And having the theme validated is one other aspect that can really affect your traffic and earnings. However, a fast-loading blog works far better than a rather stocked one.

Copyright © Lenin Nair 2008

Comments

  1. Nice wrap up. I also wrote a post about validation in Blogspot templates recently and I noticed your post on Digg.

    I actually managed to remove all the errors from the home page, but I had to make some sacrifices for this. Unfortunately there are still errors on the single post page. I hope they start fixing their code fast. Or they're probably waiting for the official HTML 5.0

    ReplyDelete
  2. Lenin very well written. Many major sites have tons of validation errors and very few webmasters care following W3C norms in their codes. The information you provided was very useful for me. Thanks !

    ReplyDelete
  3. I have written about validation problem at
    http://proenrichment.blogspot.com/2008/10/how-to-clean-your-html.html

    This is a genuine post.

    ReplyDelete
  4. Hi Lenin,
    Could you please explain how to correct the template code in terms of w3c norms.
    Like a detailed post with examples and common errors with simple solutions.
    Thanks in advance.

    ReplyDelete
  5. Suresh,

    The blogger W3C never validates fully. The trick to get it validated is replacing ampersand characters with its escape code. If you wish, I can look at your code, just invite me to be the admin of your blog.

    ReplyDelete
  6. Helmi, it's not the same template. Also there is no copyright notice. Why do you say it's the same then? This is WP Premium template.

    ReplyDelete

Post a Comment

Comments are moderated very strictly

Popular posts from this blog

Power of Short Sentences

Post dedicated to Thomas Hardy (see History Today below). There are monster sentences like the one you encounter as the first paragraph of Oliver Twist by Charles Dickens . One of my friends, whom I am getting equipped for his IELTS ( what is this? ), told me that the examination recommends long sentences. In writing classes also, I guess it’s longer sentences most tutors promote. But indubitably shorter sentences are more powerful . We will see why. Take a long sentence for instance: Tom Cruise, one of the finest actors in the whole world, is perhaps the most powerful celebrity to exist ever according to Time Magazine, but many people still dispute this fact and point out that there are more powerful and popular actors than Cruise, though they were unsuccessful in providing the total number of fans, who liked the films of those actors. This is a long sentence and it is very confusing . Though it has a logical construction and conveys a meaning, it falters in many occasions and seems ...

Creative Writing: Crafting Characters With Emotional Appeal in Mind

When you read the greatest fiction works ever, have you ever asked what was so compelling about them that you not only kept reading it, but you ended up reading all other major works of the writer? It may well be because the writer touched your emotional quotient quite a bit. Every reader has a unique taste . Some like to read suspense thrillers , some tender love stories, and some others dark horror and bloodshed stories . That’s why there are all sorts of genres out there. When a writer gives you what exactly you want, you will keep reading. Here we come to the emotional appeal. Character Imperfection Perfect characters may not always be the upshot of a writer’s deliberation. It may well be due to ignorance . Usually the upcoming writers take it for granted that if they create perfect characters, they will be able to garner a bigger audience . It is not true. You have to ask yourself what a character would do in a particular situation. Perfect characters—perfect gunmen, perfect...

En Dash, Em Dash, and Hyphen

We have three types of dashes in use: The hyphen, En Dash, and the Em Dash. In this post, we will see how to use them all correctly. Hyphen (-) The hyphen is the minus key in Windows-based keyboards. This is a widely used punctuation mark. Hyphen should not be mistaken for a dash . Dash is different and has different function than a hyphen. A hyphen is used to separate the words in a compound adjective, verb, or adverb. For instance: The T-rex has a movement-based vision. My blog is blogger-powered. John’s idea was pooh-poohed. The hyphen can be used generally for all kinds of wordbreaks . En Dash (–) En Dash gets its name from its length. It is one ‘N’ long (En is a typographical unit that is almost as wide as 'N'). En Dash is used to express a range of values or a distance: People of age 55–80 are more prone to hypertension. Delhi–Sidney flight was late by three hours. In MS Word, you can put an En Dash either from the menu, clicking Insert->Symbol or by the key-combinatio...