Free Webcast: Blogging in the Age of Modern Marketers – Learn More ›
Popular Today in Business: All Popular Articles

5 Top Web Design Tips to Increase Website Traffic

Online Marketing

Since performance and speed are important to SEO (and therefore website traffic originating with organic search), Web design plays a crucial role in how well a website ranks in search results on Google and other search engines.

As a result, great Web design can have a dramatic effect on your business and how you make money online.

By implementing a few design improvements that leverage the latest Web technologies like CSS3, responsive Web design for mobile support, HTML5, and more, you can derive potentially large gains for very little effort.

This article discusses 5 great Web design tips that will help your blog or business website drive more organic search traffic, improve the browsing experience of visitors, and ensure that you make as much money online as possible.

5 top Web design tips for increased Web traffic

I have tried to limit my Web design tips to ones that are fairly simple to implement for novice Web designers – (I failed a bit…). However, if you are completely allergic to CSS and HTML, then you might want to get in touch with your Web designer and get them to make these design changes.

Related Resources from B2C
» Free Webcast: Blogging in the Age of Modern Marketers

1. Replace background images with CSS3 background gradients

Does your website still use background images? Images are large and chew bandwidth; slowing down your website.

In almost all cases, background images can be replaced with modern looking, attractive, and lightweight CSS3 gradients.

What’s more, you don’t even have to know anything about CSS3 in order to use it.

Head over to one of my favorite Web design tools, Ultimate CSS Gradient Generator. This will allow you to create cross-platform CSS using a graphical interface. All you need to do is copy and paste the new CSS code into your own style-sheets, and away you go.

2. Replace Images with text

Does your website use an image to display the site title? Do you use images to display written information?

Not only are images large and unwieldy, but they also hide valuable SEO information from Google and other search engines. Using an image as header text is fine for a human, but not for the search engines because they can’t “read” images like we can.

Convert your text images into header text, i.e. ,

,

, etc

 – that contains important SEO keywords and phrases, and you’ll soon notice page rank improvements in the SERPs (Search Engine Results Pages).

For more information on using SEO keywords, check out How to research SEO keywords: Five SEO tips from top SEO experts

3. Implement responsive Web design

Does your website support mobile devices? This is arguably the most important Web design update that all bloggers and businesses will have to do in the near future.

Mobile access to the Internet will soon outpace PCs. In other words, more people visiting your website will do so from a smartphone or tablet. This makes mobile Web design an imperative.

Unfortunately, responsive Web design is not straightforward, and I wouldn’t recommend you try it yourself unless you are a real expert (you have a business to run anyway, right?).

There are several different methods you can use to implement responsive Web design for mobile support. Check out 3 ways to upgrade to a mobile website with responsive Web design for a discussion of each.

4. Replace JavaScript with CSS3 transitions

As a general rule, avoid using JavaScript if you can – it can hide important content from search engines, slow down your site, degrade badly, and generally lead to slow and poor browsing experiences.

But, JavaScript has been used to add cool, professional effects to websites for so long that many people don’t even consider what’s out there. It’s a pity because there are pretty amazing, super fast, super lightweight Web designs possible with CSS3 and HTML5.

Instead of using JS to implement a front page slider, why not get it done in HTML5 and CSS? Don’t believe that it can be done without JavaScript? Take a look at the Juizy slideshow demo.

5. Go for speed

Google takes page speed and performance seriously, and so should you. There are three ways you can speed up a Webpage:

  1. Reduce the amount of time it takes to build a page on the server
  2. Reduce the amount of data transferred from the server to the browser
  3. Simplify the DOM (Document Object Model)

1. If you are using a PHP based CMS like WordPress, Drupal, or Joomla you might benefit from installing something like APC (Alternative PHP Cache) on your web-server that can help to speed up the actual PHP processing behind the scenes.

You might need to move to a better quality hosting company in order to do this. Use the quick and easy Web solutions form to find the best quality hosting service that’s right for you.

You might also look at ways to simplify your website so that there is less PHP or database queries to process. Caching is an important part of reducing server processing loads, and every website should utilize at least some sort of caching to speed things up.

2. You can reduce the amount of data that needs to be transferred from the server to the browser using a number of techniques like:

  • Compression, or gzipped transfer
  • Reduce images (as discussed earlier)
  • Optimize images (it is often possible to make images smaller without any noticeable loss of quality)

You can find more info at What are the best ways to reduce the size of my webpages to speed up page load?

3. Designers love using tools to design Web pages. Unfortunately, many of these tools don’t create HTML in a very efficient way. Often there are unnecessary containers, tables, boxes, etc.

Every HTML element adds to the size of the DOM. The larger the DOM, the more processing the browser has to do in order to ensure that each element is styled or processed as instructed.

By simplifying the structure of your webpages (i.e. physically removing HTML that isn’t required by your page design), it is possible to speed up page render time and improve the browsing experience of visitors.

Those are my top design tips to help drive traffic to your business website. What Web design tricks do you use to improve your page rankings and Web traffic? Do you think that Web design has helped your business succeed online?

Comments on this Article: 8

Add a Comment
  1. Isn’t there still a huge compatibility with CSS3?

  2. Good work. Those design will be very helpful for every new web designer to follow such news to become a good web designer. This blog really sounds good to me and i got inspired by this. “The time reducing of a website to upload from the server” that point is effective.

  3. I agree with all of the above points bar 1.
    Avoiding javascript is a good rule of thumb .. but at all costs?

    Not necessarily a good move to make when as Duncan said.. a pure HTML CSS3 web design is incompatible in many places.

    You need to get the right balance between SEO, compatibility and user experience.

  4. Josh McCoy says:

    @Duncan Marshall there isn’t that big of a compatibility issue with CSS3. You could however make fallbacks for IE 6 or 7, because some elements still don’t render. I personally code all of my websites for current, and (1) version back only.

  5. I can’t agree with this enough, have a slick and fast loading site is integral to attracting and keeping traffic. In addition the more crawlable information you can give search engines the richer your content will be.

  6. John says:

    Using css3 coding isn’t going to increase your traffic. In fact it will limit the user experience for people using older browsers and your number of return visitors will decrease. The idea is to reduce load time, but don’t compromise on user experience.

  7. Yes, I am agree with you. As search engines can not read the text written on images. The five steps given in the blog has their own importance to make a website SEO friendly and to increase the traffic.

  8. Danny says:

    Very useful information, David.

    I actually need to implement some of the tips you have mentioned, mainly due to slow site loading, and a few other issues…

    I use a mobile responsive design, add alt text on images…

    Though, I need to get around to compressing images, and do more to speed my site up….

    I cannot complain too much though, as some sites I have visited are so slow when loading, I get tired of waiting and go to visit some other sites instead…

    Another issue is, some sites will not even load up(you cannot even get to their site) from the search engines…and this is the case with some quite popular sites, too…

    This may be just a glitch with that individual page not loading up , or something more serious…either way, it must have some effect on the sites, and would cost them in the long run…

Add a Comment:


Thank you for adding to the conversation!

Our comments are moderated. Your comment may not appear immediately.