May 21 2007
SEO Basics : Lesson One : Valid HTML and CSS Design
Yesterday, I posted an article asking just how “hard” is Search Engine Optimization, and is there anything that the average business owner can do to improve their web site to improve their traffic without spending tens of thousands of dollars on a professional Search Engine Optimization Specialist. Now please realize that the tips we’re going to discuss will improve your web site, and it’s rankings in the search engines. However, these tips should not everything that is entailed in Search Engine Optimization and the help of a professional is always recommended.
Today, I want to discuss the first of three steps a business owner, church leader, or non-profit organizer can do to improve their web site. This first step is to freshen up their web site with html and css. The two keys here are valid code, and css for layout control. Lets discuss what these two items are, and then we’ll discuss why they will improve your web site.
1. Valid Code
In the long term, you want the most people to view your web site, and you each visitor to have the same experience. The best way to ensure that each visitor will be able to access your web site no matter which browser they are using is to build your web site from the ground up using valid HTML and CSS code.
Each markup language such as HTML, XHTML and CSS all have specific tags that are to be used in specific ways. By only using the tags that are allowed in the latest version of the language, you can ensure your site will be as cross browser friendly as possible.
2. CSS For Layout
On top of cleaning up your code, to only use valid HTML markup, the second piece of the code equation is to use CSS for styling of your web site instead of HTML. CSS or Cascading Style Sheets allows you to define how your page is layed out, what size font you use, the background image of an are and much more.
Through the use of ID or Style tags, you can define layout, font information, colors, backgrounds and link information through one single sheet, external of the web page. Doing this allows two things to take place. You reduce the amount of code in a web page creating faster loading times, and increasing your content to code ratio which in turn will improve your general search placements. Secondly, should you choose to change the layout of a section on your site, or want to change the color of the text in your headers, by changing the information in your CSS file, your entire web site is updated automatically.
To summarize, by working through just these two small changes, you can improve the overall quality of your web site while improving accessibility and the searchability of your web site.
