Website Design for SEO, KISS!

Following today’s announcement that we, Booktopia, have won the 2012 SmartCompany Web Award for Best Search Strategy I was inspired to write this blog, to detail what we are doing at Booktopia, from a tech perspective, to be rated number one in Australia. Specifically, since our new site is only a couple of months old, what we did when designing our site to ensure good SEO.

The first thing to understand is that a good SEO strategy always goes hand in hand with a great SEM strategy. For that I have to thank my colleagues, who, for the last 8 years who have tirelessly built up one of the best (and biggest) Google Adword accounts I have ever seen. I will have to leave this for another post, but you’ll just have to trust me, its awesome!

Nevertheless, when it comes to SEO what we have done in terms of website design is nothing fancy. If you’re looking for the latest hacks for SEO, you’re in the wrong place. Why? Because I don’t believe it’s that complicated. When it comes to website design I believe in the old KISS (Keep It Simple, Stupid) principle. Below are my top three points that I believe are important when thinking SEO for website design.

1. Design SEO from the ground up
SEO needs to be thought about when you’re designing a site. I too often see amazing looking website designed and built, and then the team looks around and I hear them say “OK, now lets get to number one on Google”. In the majority of cases this will involve rewriting large parts of the code to make it “SEO friendly”.

So what design strategies did we implent at Booktopia? Having only released our new site a couple of months ago, the following tips are fresh off the press. (Remember I said it’s simple!)

  • No <table>’s, unless you’re presenting data. Use <div>’s for presentation and lists, <ul>’s, for menus, results or any groups of things that are related.
  • Use CSS. Avoid HTML tags for presentation. Eg. <B>, <U>.
  • We avoided Flash. If you’re going down the flash road you’re looking for trouble. I’m not saying it’s impossible to do good SEO on a site which uses flash, but it will be significantly more work.
  • Remember your <alt> and <title> tags. Googlebots can’t read your images (yet), and so need your help to know what the images are about. Using <alt> and <title> tags allows you to do just this. (It doesn’t hurt to also help Google with links). These alt tags can also help you increase your keyword density.
  • Don’t forget your meta tags, nofollow’s and noindex’s. While many people say Google no longer uses the description and keyword meta tags, having them in your source can’t hurt.

2. Design your site for customers, not robots
Google wants to see content that is designed for humans not the Googlebots. Don’t pollute your site with keywords that make no sense to the customer. Google will always rank sites higher that have natural language and they can see through sites with extremely high keyword densities. Furthermore, for customers, these keywords are noise and will lead to a higher bounce rate and consequently a lower quality score, further hurting your SEO.

3. Make sure your site loads quickly
While I can’t tell you how much weighting Google actually gives to page load times, I definitely believe Google does penalise slow loading sites. As judge of the Smart Company awards Jim Stewart puts it, “A faster site in a highly competitive space will always give you an edge for ranking.”

  • At Booktopia, our favourite tools include Google’s Page Speed and Yahoo’s YSlow. Both of these tools can give you great insights into the load times of your pages, and more importantly tangible action items to help you increase your “Page Speed Score” or “YSlow Grade”.
  • Optimise ALL your images. Where possible optimise all your images before uploading them to your site. Adobe Photoshop’s “optimized” versions are not always good enough. Get yourself a lossless image optimisation tool. My tool of choice is ImageOptim (for Mac). Optimising images saves us up to 80% on images supplied to us by publishers, dramatically decreasing the load time of the respective pages.

Page load speed is not only a front end thing. At Booktopia we have spent a lot of time on our in-site search speed. Search and category browse makes up for over 90% of the requests on our site, so it’s important to us that it happens quickly. While I can’t give you the secret sauce to our search, I can tell you that under load (click frenzy load!), on average, a search on our site takes approximately 700ms. As impressive as that sounds, add the fact that we are searching a database of over 11 million products. This is an area of our system we are continually monitoring and working to improve on.

4.  Don’t try the latest SEO hacks
Googling “SEO tricks” will give you 11,600,000 results and counting. But I give you this warning. If it sounds too good to be true or sounds like something that is not in the interest of the customer, avoid it. If Google haven’t caught onto it yet, your time is limited. And when Google does find it, not only will all your hard work be wasted, you’ll probably be penalised. Just talk to all the people that got burnt by Google’s Panada and Penguin releases.

At Booktopia we believe in avoiding the latest SEO fads, while still being innovative and at the forefront of SEO. Remember, Google will always reward sites that have content that customers like.

5. Remember SEO friendly URLs
This is a well known strategy, but nevertheless important. Make sure your URLs include keywords that are related to the page that is being displayed.
At Booktopia, we use category names, product titles and author names to ensure Googlebots know what content they will find if they follow links to our pages. You can’t rely on third parties (people linking to your site) using “good” keywords in their links.

And that’s it. My top three (five, yes I got carried away) points for SEO when designing your site. This is by no means an exhaustive list of Booktopia’s SEO strategy but five points that I think are crucial when designing your next site.

Do you have more tips to share? (Please no hacks!)

Advertisements
Website Design for SEO, KISS!

One thought on “Website Design for SEO, KISS!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s