Webmaster Papers




Google
 
Web webhostingpapers.com




/pagead2.googlesyndication.com/pagead/show_ads.js">

Why Your Site Should be Developed with CSS and Semantic Markup


Why your site should be developed with CSS and semantic markup

One thing that I have learned in over a decade developing web sites is that the Net is continually changing, and to keep up you need to change with it. One of the more recent developments in web design is the use of CSS and semantic markup. CSS and semantic web design has several benefits: clarity in code, browser and other web-enabled devices compatibility, seperation of content and presentation, smaller burden on bandwith, and better visibility to search engines.

Back in the day, we designed sites with tables and hacked those tables into doing things that they were never meant to do. The table tag was designed to display tabular data, not as a way to render the layout of a website. Unfortunately, a better alternative did not exist, so we used tables. This made for inefficient, slow loading sites with code that was very hard to read and maintain. Wikipedia defines sematic markup like this:

Sematic pages: supply information for Web search engines using web crawlers. This could be machine-readable information about the human-readable content of the document (such as the creator, title, description, etc., of the document) or it could be purely metadata representing a set of facts (such as resources and services elsewhere in the site). (Note that anything that can be identified with a Uniform Resource Identifier (URI) can be described, so the semantic web can reason about people, places, ideas, cats etc.)

These days, hip designers and developers use CSS extensively to create beautiful, fully standards compliant sites. CSS-based layout allows us to develop sites that will degrade effectively--that is that they will be viewable on all types of devices such as PDAs, cell phones, T.V.s--and will work correctly on devices that dont even exist yet as long as they are standards compliant.

Most importantly, developing sites with CSS allows us to effectively separate content and presentation. Have you ever looked at the source code of HTML pages that were created with a table-based layout and wondered what the heck is going on here? You see lots of opening and closing of tables and table rows all mixed together with textual content and graphics. With a clean, CSS-based layout you can create pages that are easily understood by looking at the source, making them easier to understand, maintain, and update. Look at the source of my company site http://www.vp3media.com and then look at the source code of this site that uses a tables based layout: http://webservices.org/. Big difference, huh?

If you have a site with high traffic, you can significantly reduce the amount of bandwdth used by transitioning from a table-based site to a CSS-based layout. If a visitor to your site doesnt have to load all of the code needed to render those tables and spacer gifs, you are transmiting less data.

CSS also offers search engine optimization benefits over tables. If you have a tables based business site that relys on Internet traffic to turn a profit or aquire new clients you will see real advantages by switching to CSS. When a search engine spiders your tables-based site, they retrieve a large amount of content that has nothing to do with you business. When search engines spiders a clean CSS-based site, the majority of content retrieved will be textual content that describes your business. The ratio of content-to-code is higher with CSS-based layouts.

Weve all seen search engine descriptions that dont make any sense; thats because search engine spiders use a top down method for retrieving information. Whatever is topmost in your document, the search engines are going to think is the most important part of the document, and therefore should be used as the description. Since we seperate content and presentation with CSS, we can put the most important information at the top of a document no matter where it is actually displayed on the page. Try that with tables!

I hope this article gives you an overview of why it is important to transition from your current tables-based layout to a fully valid CSS implementation. If you dont have a web site, but are planning on launching one in the near future, make sure you tell your developers you want a CSS-based implementation. If you need help moving from your current tables-based site to a CSS-based one, please feel free to contact me at vp3media@gmail.com or call me toll free at 1-877-320-4349 and Ill be happy to discuss your site with you.

James Kendall has been developing websites for over a decade and has founded and co-founded several companies concerned with web development since 1994. Currently he runs VP3Media and focuses on one on one interaction with select clients.

RELATED ARTICLES


Website Design - Choosing Your Colors Wisely
Colors convey emotions and emotions heavily influence the decision-making process. Your choice of colors for your website should mirror the message and feeling you to hope to communicate to the viewer. Let's take a look at some colors and what they mean to you and your website. Blue - the color of stability
Seven Habits of Highly Effective Webmasters
A highly effective website will always reflect its highly effective webmaster. Throughout the years of doing a number of websites, I've seen quite a few effective webmasters all over the web and I would like to share to you their successes by exploring on this topic: "Seven Habits of Highly Effective Webmasters."
Be Inspired to Create Better Websites
Being a writer, when I was asked to do some research into what makes a good website, of course I straightaway went to check out all of my favorite authors. After sifting through a few standard sites I remembered to look at one of my all time respected writers-Paulo Coelho. Judging by how many books he has sold he is obviously a lot of people's favorite, and his website is exactly what you'd want to keep the fans happy.
Make Your Site Quick To Load!
The time it takes to load your site can make or break a visitor's first impression of your site. If your site takes too long to load, the visitor will click "Stop" or "Back" and leave your web site. If you are a business and offering people important information, it is critical to have a nice design, with a quick load time.
User Experience and Search Engines: If Your Home Page Could Only Talk
Dear web site visitor.
10 Things All Webmasters Should Know
Geared Up with a website and lots of energy to make a mark online? Spare some time and go through this. You'll be glad you did. If you don't already, this is something you MUST know!
The Importance of Choosing Your Website Keywords Carefully
The importance of choosing your website keywords carefully is very high. The reason for this is many search engines rely on keywords, at least partially, to help determine the rank of your web page when certain keywords are searched for. As a result, you want to make sure you know how to utilize keywords properly so that you get the most benefit from this wonderful tool. However, if you do not know what you are doing keywords can work against you, so make sure you know exactly what you are looking for and what you need to optimize the text on your website in order to increase traffic because due to keyword inclusion.
So Much About META Tags!
I've written about META tags in the past, and I thought I'd help you expand your search engine optimization efforts and increase your web hits.
Use Exclusive Content - When Reprint Articles Dont Do Enough
There is no doubt that reprint articles can serve lots of search engine traffic to your site... All you have to do is to check your traffic logs and you will see how much traffic finds your site via one of the major search engines, as a result of those reprint articles being located on your website.
7 Benefits of HTML Validation
You may not bother with html validation or writing simple and clean code when designing your web site. Later you may find your site is slow loading, appears incorrectly in the main browsers and does not rank well for the major search engines.
Speed Up Or Lose Out! How To Improve Your Websites Download Speed
So your web site's online and you've got high rankings in the search engines attracting lots of visitors. But the statistics tell you most of them are leaving after viewing just one page, what's gone wrong?
Web Marketing: Design Mistakes That Drive Customers Away In Droves
They may look cutting edge, but if you want a web site that contributes to your bottom line here are some design ideas you will want to avoid:
Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 2
Part one of this article is available at www.bookcoaching.com/freearticles/article-34.shtml.
Lead Capture Pages Explode Your Direct Sales Business Online!
Are you building a direct sales or mlm business online? Using lead capture pages can significantly improve your recruiting results and save you lots of time and money! I have known a few people who earned 5-figure monthly incomes in their mlm businesses and they used lead capture pages for Internet marketing.
Does Your Website Induce Seizures?
QUESTION: We promote our web site in all our ad campaigns, but according to my website statistics program, we are getting very few visitors who click past the first page. The site has a cool Flash introduction page that the designer said would impress visitors, but it doesn't seem to be working. What can we do to get people to spend more time on the site? -- Christopher O.
Tips For An Effective Website
A successful website is something that everyone venturing into the new arena of Internet marketing and communications wants to have. Your website will often be a potential client's first impression of you and your business. That being said, it is vitally important that your website represent you in a favorable manner. Your website is a component of your overall marketing strategy and should be reflective of your business and current marketing presentation. Just as your brochures and other print materials represent a level of quality and professionalism, your website should also represent that same level of quality and professionalism. As a point of comparison, you most likely wouldn't have just anyone design your company's marketing materials or for that matter, prepare your tax statements. Similarly, it is important that the person creating your website know how to effectively communicate both your message and style, and be able to create an effective experience for those visiting your site.
Create Favorite Icon
Favorite icon appears to the left of your link in either address bar or in favorites menu of your browser. It gives your website more personality, better visibility in favorites menu and is easy to create.
11 Steps to Sticky Web Site!
An attractive and user-friendly Web site is crucial to attracting prospects and holding their interest. Seems obvious, yet poor design and even more poorly written content clutter the Web.
How to Create a Favicon for Your Web Site
One of the simplest things you can do to give your site 'identity' and to make it stand out from other sites is to use a favicon (favourite icon). They are the little logos that go next to the website listing in your favourites folder, and pop up in other places, (depending on your browser and operating system). To see one, go to www.bigwowwebhosting.com. Bookmark the site, open another browser window and then go to open the bookmark you have just made. The 'B' next to the words 'Big Wow Web Hosting- Home' is the favicon.
Build Web Pages from the Top Left Corner Down
There are two important reasons to build your website from the top left hand corner down.