Sunday, April 10, 2011

Professional SEO Friendly Website Design - Step 1

Professional SEO friendly Website Design – Step 1


I personally choose to use GEDIT for my website design. This is a Linux program available on the GNOME environment. I would assume most people following this tutorial can use notepad included with Microsoft Windows. Just save the file as .html to make it a valid website and then open that file with any web browser. I also use Google Chrome as the web browser of my choice if anyone is interested. It is always good to have Internet Explorer, and Mozilla Firefox installed for testing as not all users will have the same web browser.
If you are a website designer I would recommend using a standard document type and header for all your websites. Even template based websites will have similar coding somewhere in a heading section. It is OK to replace with your own, but keep any scripting the template may use. The header I use is one I am familiar with and can work with any situation I have come across and still be W3C valid. W3C sets the standards and has definitions for any website elements you may need. W3C will also validate your website to make sure it is coded valid. You can check them out at http://w3schools.com.
In early website development a website might look something like this:

This coding will still work, but it will not be search engine friendly. Unless you have specific reason, your website needs to be search engine friendly. If there is a reason not to be search engine friendly it is still good practice to use valid code for many reasons. If someone else needs to work with your code they may insist it be valid to work with more web browsers. It also shows you are professional and know what you are doing. My typical header looks something like this:

You can use the above code for any website, just change the title, meta information, and it also assumes you have a css file called styles.css in the root directory, and a javascript file called scripts.js in the root/js directory.
Some websites are simple and may contain 20 pages or less. Other websites may have hundreds or thousands of different pages. It is important each page has its own unique title and meta information. You can place dynamic (changing) information in the title and other fields, but this all depends on how the dynamic data is produced by your website.
Now that you know how to start making your professional, seo friendly website we can move on to step 2.

No comments:

Post a Comment