Web Design Tips For a More SEO-Friendly Website

Everyone knows that search engine optimization is the key factor in bringing traffic to your website. Traffic equals clicks which equals money in your pocket. Web designers are quickly realizing the importance of not only having a great site design but adding SEO value to it as well.

The following post offers some tips on using the best tools and tricks around to create an efficient, compact SEO advertising campaign on your website that will not only help improve your rankings but your site’s design as well.

Optimize Your Headers

While headers are intended to help the reader understand your content more quickly, they are also a great SEO tool. Make your headers specifically about the following content, leaning towards the direct rather than the metaphorical. Headings play an important role in a search engine’s understanding of your page, so keep your main keywords near the beginning of your headers and optimize them heavily.

Avoid Flash Websites

While Adobe Flash is the perfect tool for making super flashy websites, it’s not the best set up for an SEO website. Flash websites are made up of images controlled and commanded by code. Because of this, the majority of your content on a Flash page will be images and not readable by search engines. In short, no matter how well optimized a Flash website is, search engines can’t read images and will skip over all your carefully place keywords.

If you already have a Flash site set up, there’s a way around the problematic image problem. Just put a link on your Flash site for a separate, HTML, text-based page where you include all your optimized content. That way, your optimized text will be picked up by search engines even if the main page of your site is created with Flash.

Create Fast Pages

Graphic artists and web designers don’t think too much about how long their artsy page might take to load, but to be SEO and user-friendly, you want to make sure your page loads fast. Not only will a long loading time frustrate or even deter possible visitors, it will also prevent browsers from caching your page into their memories. What this means for your website is that even if your main page loads quickly enough to be filed away by a search engine, your subpages won’t and you’ll ultimately have a lower ranking on search engines everywhere.

Luckily for you and other SEO entrepreneurs, there are online tools that can help you read the load times on your site. To decrease your loading time and get a better search engine ranking, there are several things you can do to help browsers understand what your page is telling them.

For instance, using height and width specifications for the images on your website will help browsers load your background more quickly. Also remember that widgets add significantly to loading time so stick with the absolute essentials.

Instead of using a widget to link to your Twitter, Facebook or other social media accounts, use a small, linked image. Website forwarding also slows down page loading significantly. The fewer servers and individual computers it takes to load your page, the faster it will be. If you’re struggling with long load times, set up a more direct hosting solution.

Describe Your Images

As mentioned before, search engines don’t read images and therefore adding them to your page won’t directly increase your ranking. There is a way to make your images do more than make your page look nice, though. By optimizing the description of the image you can present even more SEO content to search engines, increasing your ranking in image searches.

You can also describe your image in two ways. Firstly, the HTML “title” attribute, often ignored by web designers, gives you the chance to describe your image in optimized language, making it an essential part of your SEO campaign instead of just a pretty picture.

Secondly, next to “title” attribute in your HTML “img” tag, the “alt” attribute allows you to describe the image in detail. Intended to replace images that won’t load or when your site is used by a text-based browser, it’s the perfect spot to add some more optimized content to your site. Use the “alt” attribute to specifically describe the image in detail; you want it to sound like a direct, written interpretation of the image. Just make sure your description is optimized to the keywords you are after.

These tips and tricks are free to implement and are used by the most successful SEO websites out there. By understanding what a search engine does and doesn’t look for, you can spend your time optimizing the most influential parts of your website instead of wasting time on sections that won’t end up affecting your search engine ranking.

  • cool site, i like it.

  • I somewhat agree with you on your different points. I find it quite difficult to complete the alt and title tags of images differently. Any tips ?

  • Useful blog, thanks

  • These are very important points which you have mentioned. These are the basics to optimize any website. In order to analyze the website traffic towards a website, you may use Google Analytics.

  • Great read, a few other things that could be added in to make a site more SEO friendly is the implementation of sprites in a site design.

  • This is very simple and there is a lot of important info that you have not mention. Firstly, although its great adding keywords in to your headers, you must remember to keep embedding keywords in a very natural way. You don’t want to lose customers because your SEO looks too obvious. Secondly, you forgot to mention that it’s important to place headers in header tags, and .

    Whilst page speed is important I cannot understand why you did not mention creating great content, this is key in SEO for websites of any industry.

  • Great post, Vanessa. Some of the tools that are great at measuring page load speed include Yahoo’s YSlow and Google Webmaster’s tool. Here are some useful CSS/Javascript compression tools that can improve page load time:



  • The title attribute is not essential for your SEO campaign, as it doesn’t seem to be picked up by SE’s. The alt attribute is, and even serves as anchor text when the image is clickable.

  • Some good tips, although I couldn’t help but notice that your main page title is only H2 rather than an H1 🙂

  • A few useful tips in there. I’d definitely stress the importance of having a well structured header layout. I recently saw an interview with Matt Cutts where he confirmed that there should definitely not be more than one H1 tag per page, as it will dilute the power of the tag.

    Heading tags do hold a lot of weight, so it’s always worth trying to get some keywords in there.

  • Great Tips! Thank you.

  • I think Blog Engine is a good alternative than wordpress.

  • I really do appreciate the way you have presented this specific topic and it also does offer me a lot of fodder for thought. However, thanks for this phenomenal point and even though I cannot necessarily concur with this in total, I value your own mindset.

  • I like this post and this design of this blog too. You covered all in detail. Good job, bro. Keep on a good post.

  • Great post to see

  • Great SEO tips.

  • I’ve found that website speed is a huge factor. You have to think like Google… they only want to deliver results that they know will load quickly for people. Trim all the fat from pages, use optimizers that help load JavaScript and CSS files and even consider using page caching to help make things load faster.

    Limit the amount of SQL queries as well. Make sure your db server is using caching so that any common queries go through quickly. Of course, don’t forget to add in more indexes in your databases.

  • Great Tips! Really you are doing good work. Keep it up.

  • Nailed it!, well explained. I’m sure many like us will find your posts helpful. Thanks!