A website should firstly be searched out by visitors before talking about attracting or retaining those visitors.Nowadays, a “well designed website” does not only relate to a web site’s visual attractiveness but more importantly, how friendly it is with search engines.
Below are 10 SEO friendly website designing tips where web designers should pay attention to during the early stage of their web designing process.
1. Avoid creating menu on the left-hand side of a website. If unavoidable, an alternative way is to put some text with rich keywords at the top or above the left-hand menu so that this text will be the first thing to be read by search engines.
2. Headlines are rated more important than the rest of the web page by search engines. To take advantage of this, you should have your keywords in the page headline. Since the header tag (h1) is quite large, you should format it to make it smaller.
3. Every page should contain the “title” and “description” tags with good keywords to describe the page content. The number of words for the title should not exceed 9 and that for the description should not be more than 20 words in order to keep within the limits of most search engines.
4. Try not to use Flash when possible. Flash cannot be read by the search engines to date and will cause slow page loading time and make people run away. If you really have a reason to use flash, try to make it smaller (e.g. as a flash header) and leave other area of your website for keyword-rich content.
5. Think twice on how to use graphics. Make them relevant to your content and use an alt tag with relevant keywords for search engines to read as they cannot read graphics and also for your visitors so that they can have something to read when waiting for the graphics to load.
6. Do not only use images to link out. You should always use text links to link out to important content on your web site. Spiders can follow image links, but like text links more though.
7. Avoid using frames. Some search engines cannot spider web pages with frames at all. For the other search engines that can, they can have problems spidering it and sometimes they too cannot index the web page.
8. Avoid using too complex tables when laying out your page but to keep them simple for the spiders. There are some engines which find it difficult to navigate through to the other pages on your website if the navigation bar is too complicated.
9. Use external Cascading Style Sheets and Java Script files to reduce page size and make the download time much faster. It will allow the spider to index your web page faster and can help your ranking.
10. Use standard HTML. Software such as FrontPage, Dreamweaver or a WYSIWYG editor will often add unnecessary scripting codes that will make the page larger than is needed and make it harder to crawl. It will sometimes add codes that cannot be read by search engines, causing the spider not to index the page or even the whole website. If to use, you should use those web page creator software wisely with a good understanding of html so that you may manually avoid or even delete those unnecessary scripting codes.
Source: http://tools.devshed.com/c/a/Web-Development/10-Important-Web-Design-Tips-SEO-Friendly-Website/
CSS stands for cascading style sheets and CSS is a way of separating presentation code from your actual content in web design. Usually you build up a set of CSS style rules that are stored in a separate file that has a .css file extension. You then link to the CSS file from your web pages using an HTML link tag.
There are many, many web design advantages to separating your presentation code off into separate CSS files and this article will tell you 3 excellent ways that you can use CSS to make your web design more search engine friendly.
Web Design Technique 1 - Us CSS to Structure Your Document
Let's consider the facts that we know about search engines. They send their search engine robots to your site to read the content that you have there and the easier it is to find for them the better because they don't waste much time looking. So having said this, what is the point of bogging down your pages with lots of un-necessary presentation markup that could quite easily be stored off in a separate CSS file. Most often this means removed any extraneous table tags and replacing them with a smaller number of HTML div tags which can be formatted using CSS rules. This removes the vast majority of presentational markup and leaves you with nicely formatted content that the search engines can easily find and index.
Web Design Technique 2 - Us CSS to Style Your Header Tags
We also know that search engines place a huge amount of importance on the header tags - h1,h2,h3 e.t.c. that they find in your pages. The thing that puts most inexperienced web designers off using header tags is that by default modern browsers render them in massive black text that looks really ugly. This is where CSS comes in. CSS can be used to easily make your header tags appear in nicely formatted, attractive text that both scores well with search engines and is pleasing to the eye of the user - perfect!
Web Design Technique 3 - Us CSS to Create Rollover Images
Traditionally rollover images are created using 2 graphics for the on and off states that are toggled on and off using some complex JavaScript code. This JavaScript code can bloat your web pages and since it is not content and just appears as gibberish to search engines it can adversely affect your rankings to have lots of embedded JavaScript in your web pages. A much better way to accomplish the same web design effect is to use CSS. Your still need your 2 graphics but you actually create a normal text link in your (that can also have keyword targeted anchor text) and use CSS to format its appearance. This is as simple as making the link a block level element in your HTML, setting it a height and width and then defining it 2 different background images, 1 for when the link is in its 'off state' and when for when the user is hovering over the link.
Source : Web Design Principles