Tweet

Making peace between Web Designers and SEO Practitioners

Written by: Michael Marshall

Article Overview: There has always been a serious tension between web design/layout considerations and search engine optimization requirements. Consequently, designers and SE optimizers are often at odds. One wants functionality, rich user experience and attractive look and feel. The other wants as little HTML code, Javascript, and so on as possible to crowd the optimized text or hinder the page's search engine friendliness. Two things in combination can considerably ease this tension: XHTML and CSS. In fact, this combination does not merely achieve some sort of compromise in this epic battle, but actually can give both sides even more power and flexibility in accomplishing their respective vital tasks, while at the same time relieving the tension between the two.

Making peace between Web Designers and SEO Practitioners

There has always been a serious tension between web design/layout considerations and search engine optimization requirements. Consequently, designers and SE optimizers are often at odds. One wants functionality, rich user experience and attractive look and feel. The other wants as little HTML code, Javascript, and so on as possible to crowd the optimized text or hinder the page's search engine friendliness. Two things in combination can considerably ease this tension: XHTML and CSS. In fact, this combination does not merely achieve some sort of compromise in this epic battle, but actually can give both sides even more power and flexibility in accomplishing their respective vital tasks, while at the same time relieving the tension between the two.

Understanding XHTML
XHTML stands for EXtensible HyperText Markup Language. It is aimed to replace HTML and is almost identical to HTML 4.01. XHTML is a more strict and cleaner version of HTML; it is HTML defined as an XML application XML is a markup language where everything has to be marked up correctly, which results in "well-formed" documents. XML was designed to describe data, and HTML was designed to display data.

I have no doubt that you are very familiar, if not painfully familiar, with the fact that there are so many different browser technologies. In addition to the various browser types (IE, Netscape, Opera, etc.), there are also many different platforms and operating systems. Some browsers provide access to the web pages on computers, and some browsers provide access on mobile phones and handheld devices. Regarding the last, they do not have the resources or power to interpret a "bad" markup language. Therefore, by combining HTML and XML, and their strengths, we get a markup language that is useful now and in the future: XHTML. XHTML pages can be read by all XML enabled devices. And while waiting for the rest of the world to upgrade to XML-supported browsers, XHTML gives you the opportunity to write "well-formed" documents now that work in all browsers and that are backward browser compatible.
(Adapted from W3School.com's XHTML tutorial)

Understanding CSS
CSS stands for Cascading Style Sheets. Styles define how to display HTML elements, and styles are normally stored in Style Sheets and were added to HTML 4.0 to solve a problem. It has become progressively more difficult to create websites where the content of HTML documents was clearly separated from the document's presentation layout. To solve this problem, the World Wide Web Consortium (W3C) - the non profit, standard setting consortium responsible for standardizing HTML - created styles in addition to HTML 4.0.
(Adapted from W3School.com's CSS tutorial)

Benefits of XHTML, CSS to the designer
This is a powerful and extremely beneficial combination for any web designer. It enables and forces (via XHTML and CSS validators) you to write cleaner, more logical markup. It provides an easy transition to a more advanced and increasingly ubiquitous technology, since everything is moving toward XML. Using XHTML produces documents that can easily be "transported" to wireless devices, Braille readers and other specialized web environments - which means increased interoperability. It will also help you comply with many important accessibility guidelines. Using CSS will make it possible for your pages to load faster, since it eliminates the need for redundant coding. It makes creating design themes easier since a style sheet can easily control the display features on multiple pages at once. CSS gives a designer much more detailed control over attributes than HTML coding, giving you more power and flexibility in the look and feel of your site. These are just a few of the many benefits, all of which are long-term benefits.

Benefits of XHTML and CSS to the optimizer
XHTML separates the layout from the content almost entirely. There is nothing to hinder search engine friendliness or crowd out optimized text. A designer can change attributes of the look and feel, even the positioning, without touching the content at all. In fact, a designer can alter the positioning of text for look and feel without moving the position of the content in the source code. This is crucial for certain optimization strategies to be fully effective. Furthermore, this same capability can create new optimization strategy possibilities that are otherwise impossible.
CSS Resources

Tutorial Sites:
http://www.w3schools.com/css/
http://www.echoecho.com/css.htm
http://www.javascript-page.com/css/
http://www.mako4css.com/

Some CSS Razzle-Dazzle:
http://glish.com/css/
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
http://www.meyerweb.com/eric/css/edge/
http://www.bluerobot.com/web/layouts/
Webmonkey tutorial
Another Webmonkey tutorial
http://access.lowtech.org/events/resources/css/
XHTML Resources

http://www.xhtml.org/
http://www.digital-web.com/resources/xhtml.shtml
http://www.hsl.unc.edu/present/xhtml/xhtmlrefs.htm
Converting HTML to XHTML

Related Articles
  5 Strategies for Working with Website Designers and Graphic Designers
  Packaging Web Design: Pros and Cons
  Well Designed Website
  How to Lead with Peace
  Why It's Important for Entrepreneurs to get Help

Article Tags: markup language, search engine, search engine, search engine optimization, Understanding XHTML, web design, XHTML tutorial, XML, XML application



Related Forum Posts
Making Money in 2011 - Hello forum members! As we draw closer to the new year I thought it would be appropriate to change the title of our forum category "Making Money in 2010" to "Making Money in 2011" - I'm looking forward to some interesting discussions and wish everyone a prosperous New Year!
The Little Man Introduction - Good Morning, This is John Hoover from Little Man Consulting. Our company has been floating along as a after thought for a few years. This year we decided to make a go of it. So far we are doing great. We are Virtual Administrators, Web Developers, Database Designers, and Software instructors. Basically, if you have someone in your office to do it, we can do it virtually. Our company was created to "Provide Big Business Resources to the Small Business". Wish me luck, I plan on revolutionizing the small business world with this!
Re: Good news for women - Maybe she cut the hours she work, get home early and slow things down. I know it works for me, maybe i do earn less then before, but the peace of mind worth it.
Re: HAPPY NEW YEAR! - Happy New year to you too and all forum moderators and members. May this year be filled with joy, peace and prosperity
Re: Essential Leadership skills - Vision Values Mission Strategic Thinking Decision Making Communication Team Bonding People Development Coaching / Mentoring / Guiding / Grooming Presentation Thanks Robert


Share this article with your friends. Fund someone's dream.

Leave a comment below or share on the left and you'll help support entrepreneurs in Africa through our partnership with Kiva. Over $50,000 raised and counting - Please keep sharing! Learn more.

Tweet

Newsletter

Get advice & tips from famous business
owners, new articles by entrepreneur
experts, my latest website updates, &
special sneak peaks at what's to come!

Name:
Email:

Popular Articles

Getting The Media Attention You Deserve

ROSI Return on SUNK Investment

Join Conversations Politely, Part 1

Suggestions

Email us your ideas on how to make our
website more valuable! Thank you Sharon
from Toronto Salsa Lessons / Classes for
your suggestions to make the newsletter
look like the website and profile younger
entrepreneurs like Jennifer Lopez.