51 designs LLC :: web design blog

One of the things I still see some web designers using is <table> based layouts.  It’s been at least 5 or 6 years since I abandoned table layouts completely… and that was only because some previous sites I designed were encased in <table>’s and <td>’s, and I wasn’t secure enough in CSS to transition them over.   Well, 6 years later, I haven’t touched a <table> except for actual tabular data, and I figured any current designer who’s actually successful had abandoned them as well.  I was wrong.

So, I’m browsing through some source code, and I see some <table>’s and  code with either no DOCTYPE or just doesn’t validate – and I vocalize my distaste. My wife then says, “But it looks nice, so why does it matter?”  Honestly, I didn’t have an answer. I just knew it did.  So I did some research, trying to figure out WHY businesses should care about web standards…

What ARE Web Standards?

I’ll pull a quote from Wikipedia:

In recent years, the term has been more frequently associated with the trend of endorsing a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those methods.

Generally, it’s following the standards created by the W3C, so that your code is seen as “valid” by their handy validation service. The specifics get more technical and probably don’t interest the average business owner.  So here are some reasons I came up with for “Why web standards are important”:

#1 Accessibility – More customers having the same experience with the site

Web browsers are a finicky bunch, and each one works just a little bit different in regards to how they displays web pages.  However, most modern browsers follow most of the W3C’s recommendations, and thus display a properly validated page in a similar matter.  You may notice that I say most browsers and most of the recommendation… because even now, many popular browsers don’t score 100% when tested for standards compliance.

With a standards-based web page, you can be sure that the customer will see a very similar page to the business owner, even if they’re on different browsers.  In fact, you may have a potential customer with special needs, like a text-to-speech browser or even one that renders in Braille – and they’d probably be excluded if the site is non-standard.

#2 Futureproof

Browsers are releasing new versions all the time, and it seems like they tend to be MORE inline with web standards as time goes on.  If a business decides to spend $20K on a website, they should be secure in the notion that 5 years down the road, the site is still going to look good.

Also, standard practice separates the design from the content… meaning, you have all the information about the business in one file (ie, the .html file) and a separate file containing the instructions for how the information is displayed (the .css file).  Again, 5 years down the road, more than likely the web aesthetics will be different… and it will save some money if all the designer has to do is change the .css file.

#3 Better Search Engine Placement

When Google goes to your site and decides where it gets placed in search results, they absolutely don’t care about the design of the site.  By taking all the design aspects out of the page and making the code clean and standardized, you make Google’s job easier and help them place your page better.

#4 Speed / Faster Loading Time

With more and more broadband, this isn’t as huge of an issue as it once was, but it IS an issue. Standard markup is concise and compact, and almost forces the designer to strip away any unneeded code.  This results is a smaller file size for the page, and thus it downloads and displays quicker.  With first impressions being so important, a business sh0uld make sure that customer doesn’t have to wait any longer than needed to view the product or page.

#5 It’s Just the Right Way to do Things

Think about your household plumbing: If you have a leaky pipe, it’s possible to fix it with duct tape and it could hold for a good long while. But is that the right thing to do? No, you’d probably call a professional plumber. And would it be okay for the plumber to fix it with duct tape (even if they have the excellent, professional grade duct tape)?  Of course not.  You call a professional because they should have the tools and experience to do the job right.

A professional web designer is called for the same reason. They should be up on the current trends and techniques, and more importantly the right way to do things.  And if a designer doesn’t care about standards, what does that say about how they will approach YOUR site?

I’ve been working on getting 51 designs to the top, or close to the top, of search engines for the term “league city web design” (see what I did there?). Since we’re a new company, I want to start as local as possible, and if a business in League City is looking for a web site… I figure that might be what they’d type in.

Now, I’ve got a couple of hurdles to jump in this endeavor.  First, I don’t want to brand the home page as only for “League City”, since we’re hoping to expand fairly quickly. I know there are ways to add in more keywords (obscuring a few on the page, redirecting search bots, etc), but I don’t want to do this. We’re also at a disadvantage because while I live in League City, our business address is in Friendswood.  sidenote – We’re listed #5 for “”friendswood web design“.

So my second hurdle: I want to stay as organic as possible.  But without “League city web design” (sorry, I can’t resist myself) in the title or a blazing <h1> tag on the page… there need to be other ways.  There are keywords in the header <h1>, which are moved off to the side, but that’s about it.  So, I did register the domain leaguecitywebdesign.com, and I’m posting some relevant content with a link here or there back to 51 designs.  I’ve also got keyword anchored links on my personal site and a couple of social network profiles I have.  And, of course, if you google “league city web design”, you’ll see leaguecitywebdesign.com at the top of the list, and 51designs.com is at #33 (up from #37 last week).

Almost all of my search marketing so far has been geared towards Google, because they’re still THE place to search. But out of curiosity, I went to check out Microsoft’s Bing and search for “league city web design” there.  And other than the two top listings, there isn’t a single local web design company listed. The top few results are spammy, non-local web design companies – then there are a few paid directories (that ALSO don’t have local companies listed) – and then meetup.com. Even the top two “local” listings are for companies in Pearland and Friendswood.

This tells me one thing: if I were trying to find a web design company in League City, Bing would NOT be able to help. In fact, the first TRUE local company is the 12th listing… and THEIR site isn’t even available. The next semi-local listing is on page 5.  So Bing is broken. At least in this case.  But if they can’t get a fairly simple search term correct, how am I supposed to have faith in their other results?