Importance Of SEO Website Design

SEO Website Design

Keep in mind when you want to rank high in the search engines that one part of good is seo website design. It is a good idea to keep your SEO website design as simple as possible. A large amount of flash programs and software running on your website is not always good because it can make a webpage load slow. I know when I search around on the internet and a webpage loads too slowly, I usually bump off that webpage and continue searching. You could possibly lose potential customers because of this. Not everybody on the internet has a super computer with a high speed internet connection.

After you finish your SEO website design check your color scheme on different computers and web browsers. Your site might look great on a newer computer with an lcd monitor but not look as good on an older computer with a crt monitor. You might have to test your design on a couple of different web browsers because sometimes the code that is written for your website might be deciphered differently from browser to browser.(Browser examples: internet explorer, firefox, safari)

If you are using google analytics you can get the stats of how many people came in from a specific web browser. This can help you in the future because if you know that 90 percent of your traffic is coming from firefox on a high speed internet connection it might not be that big of a deal for you to add one more flash program to your homepage.

When you design a website, it is general practice to come up with a basic color scheme and layout for all of your pages. If you make one of your pages green, one red, and one gray by the third page the person browsing will be wondering if they are still on the same website.

If you are going to use different headers all throughout your website, and your website name is not found within certain pages contents, it might be a good idea to have your logo with the name of your website next to the headers. This will inform the people browsing your website that they are still on your site. You want your website to be as professional as possible without getting too complicated. So a good SEO website design is a key thing.

If you are not a website designer and you do not know how to write your own code there are programs like Dreamweaver cs3/cs4 to help you. You basically enter the information into dreamweaver, and it writes the code for you. You might also want to consider investing in a flash or photoshop program to help you enhance pictures, create movies, or even make up quizzes.

Using Header Tags for SEO Website Design

Along with Meta Tags there are header tags (examples: h1, h2, h3) that you can put inside the content of your website. WordPress and other blogs automatically put these header tags in for you and they are not always in the correct order. So in some cases you might have to adjust the setup according to your website or blog layout. The header tags are inserted into a website or blog to organize the page for the search engines and for your visitors.

H1 Tag- The h1 tag is used for the main subject of the page. Most likely this will be the title of the page. If you have a page on allergies and the title is allegies you would put the h1 tags around the top title of the page. Example: <h1>Allergies</h1>.

H2 Tag- This tag will be the main categories under the h1 tag. Maybe “allergic reactions” is one of your main categories under the h1 tag. So, you would insert the h2 tags around that sub category. Example: <h2>Allergic Reactions</h2>.

H3 Tag- This tag will be sub categories under the h2 tags. After your allergic reactions section you decide to have a couple of smaller sections. One of them is “allergic reaction overview”. You would use the h3 tag under the h2 tag. Example: <h3>Allergic Reaction Overview</h3>.

There are h1, h2, h3, h4, h5 and h6 tags. They all go in the previous order I explained. They are meant to organize large amounts of content. In my personal opinion if you are using more that h1, h2 and h3 tags in anything other that a ordered list I suggest making more pages on a specific subject.

Adjusting the Style of Header Tags

You will find when you put a header tag around a category that your web browser will automatically adjust it to a bigger size. Sometimes to big or not in the right color depending on the text style and color you have on the page. This can be easily adjusted in the css section of a webpage.

In html find the head section of the page: <head></head>. You will find a section inside this section: <style type=”text/css”></style>. It should be under your meta tags. If you are using a seperate style sheet it would look like this: <link rel=”stylesheet” type=”text/css” href=”address of your css style sheet” />. In both cases all you have to do to adjust the text style and color of the header tags would be to insert some css rules for the tags.

Example:

h1 {
font-family: Verdana, Arial, Helvetica; sans-serif;
font-size: 20px;
color: #000000;
}

You can do this for each header style you want to change.

Leave a Comment