pixelpyro
Joined: Mar 09, 2005
# Posts: 20
|
Posted: 2005-Mar-09 11:06
I've created a site that I am very pleased with full XHTML/CSS vailidates on every page looks good - blah blah.
The client has now commissioned a SEO company and they have basically turned round and said that all of my code needs to be changed in order to optimise it.
I am pretty upset by this and really can't believe this is the case. How can this be right.
The sample page I just looked at (not live as yet) is all tables/nested tables with inline styling, etc, etc.
How can semantically correct code be worse then tables everywhere.
I have tried to contact the SEO company but they don't return me calls.
The client is now questioning my abilities as a Web Developer because the SEO have to alter everything. I would like to find out more about the use of SEO with XHTML/CSS so that I can at least understand why this is happening.
Thanks
|
 |
g1smd
Staff
Joined: Jul 28, 2002
# Posts: 10437
|
Posted: 2005-Mar-09 23:05
Hmm. My approach to design is to have good content. Search engines index the actual words on the page. That is probably the most important thing.
Next up, I make sure the pages consist of headings, paragraphs, lists, tables, and forms. All the CSS and JS is in external files. The styles are applied to the semantic markup. I only use a class for some content if the style for that block is different to the rest of the page.
The pages have a DOCTYPE, declare the character encoding, and the content language. The code is run through the HTML and the CSS validator and all errors corrected.
Next up, the content of the title tag is optimised, as is the meta description. I usually write a short meta keywords tag, too, as Yahoo is rumoured to read it.
Inline styles are code bloat, in the same way that font tags are.
It sounds like you know what you are doing; and some cowboy operator with smooth sales talk has got someone's ear. Best of luck.
|
 |
pixelpyro
Joined: Mar 09, 2005
# Posts: 20
|
Posted: 2005-Mar-10 08:01
g1smd - thanks for the response, you have just described the exact way that I work right down to making the page semantically correct.
It seems the general consensus is that the SEO company is reworking the site to a structure (tables + inline code) as this is what they are happy working with. The unfortunate thing is if they had talked to me I would have happily pointed them in the right direction with any questions they have about XHTML/CSS.
|
 |
St0n3y
Joined: May 01, 2002
# Posts: 1620
|
Posted: 2005-Mar-10 15:40
It sounds as if the SEO company wants places to "stuff" keywords. We SEO and prefer to work with XHTML/CSS sites over anything else.
Your client should be questioning the abilites of the SEO company NOT yours.
|
 |
Mike-Levin.com
Joined: Sep 27, 2000
# Posts: 1988
|
Posted: 2005-Mar-11 00:50
Here's the skinny on CSS and SEO. First off, XHTML is fine. There is no downside whatsoever. CSS is a slightly different matter.
CSS on its own is not bad. But Google infers importance of words based on the elements that contain them. That's why H1's and H2's are influential. Bold tags are also potentially influential. When using CSS, it is possible to remove all the meaning imparted to text by using such tags as span. If you accomplish styling by using span tags with a class or style attribute that makes it bold, it is not as clear to Google that it the text is special at all. But if you used an old-fashioned bold tag, Google would know.
The general rule that I give out is format everything with bare bones HTML tags first. Use headline tags for headlines, bold tags for bold. Then ADD the CSS to start reigning the look under control. That way, you get the best of both worlds.
So, CSS in and of itself is not bad. It's that you can do a lot of stylizing without leaving the old HTML element clues that Google holds so dear.
If your page uses CSS to build on the basic HTML elements, then you're golden. A few Google searches on related topics and viewing source on those pages with the client should prove your point.
|
 |
pixelpyro
Joined: Mar 09, 2005
# Posts: 20
|
Posted: 2005-Mar-11 16:10
The code I create is semantically correct so therefore <h1> through <h6> is used where appropriate, spans are keep to a mimimum as I tend to style within id's so it may be #leftcolum h1 but code wise it would still be <h1>Heading</h1>
The bare bones is where I start - and from there style.
Does google recognise <strong> or <em>?
|
 |
St0n3y
Joined: May 01, 2002
# Posts: 1620
|
Posted: 2005-Mar-11 21:13
Does google recognise <strong> or <em>?
both. doesn't matter.
I agree with Mike above... CSS is great but you don't want to take out ALL your styling. bolds and heading tags need to be used on the page, just use CSS to make the headings the size and font you want, etc.
|
 |
pixelpyro
Joined: Mar 09, 2005
# Posts: 20
|
Posted: 2005-Mar-11 21:32
All good - thanks
|
 |
g1smd
Staff
Joined: Jul 28, 2002
# Posts: 10437
|
Posted: 2005-Mar-12 00:29
I have preached this mantra for quite a while now:
Make your document out of headings, paragraphs, lists, tables and forms. A heading sits above, and introduces, each of the other blocks of content.
Check your document using the "outline" function at http://validator.w3.org/detailed.html, by ticking the box for "show outline". On the results page, inspect the section marked "outline". If the indented bullet-pointed list does not look like a summary of your document then you are abusing the heading tags.
Use CSS to style the basic building blocks. The basic page elements can be styled directly without using classes or IDs. If one block has a different style to the rest of the blocks of that same type then, and only then, apply a class for that block only.
There is little need for div or span. Those usually end up as massive code bloat, and hide the semantics.
(Read this in conjuction with my other posting, above)
|
 |
pixelpyro
Joined: Mar 09, 2005
# Posts: 20
|
Posted: 2005-Mar-13 12:52
I think we are in agreement here - when I say that I use div id's it is for page design - ie a wrapper for the page that positions and styles the page design - a main-content that maybe adds left / right margins and a backround image.
all headers, parargraphs, lists, etc are styled as elements, ie
h1 {colour: red;}
p {font-size: 100%}
ul {border: 1px solid #FFF}
When you are saying "there is little need for div or span I take it you are refering to within the header, paragraph elements - correct? Without the use of any div id's in the page to strucutre the page or maybe add background images etc the page will look considerably dull.
Thanks for the "show outline" tip never used that before, very handy...
[ Message was edited by: pixelpyro 03/13/2005 08:22 am ]
|
 |
yellowwing
Joined: May 21, 2002
# Posts: 2526
|
Posted: 2005-Mar-13 18:57
From a management perspective, ideally everything should work together to achieve the marketing goals.
Developing a viable eletronic storefront is a huge task. Each section department really should be flexible to make it all work to succeed.
The project manager must be the final arbitrator when sections are in conflict. Giving the project manager options to make informed decisions is critical.
SEO is just a function of marketing. If an SEO company wants carte-blance to rewrite evertyhing, that is not realistic.
Many times I've asked the project manager, "This is a vital change to ensure marketing success. Ask your designers how it can be most easily implemented."
More times that not the experienced designer has a quick and easy solution.
Communication by all departments is paramount. Re-writing the established businees model just for SEO is missing the whole point.
SEO should just be an enhancement. The more experience the SEO has, the more options they can deliver to the decision maker.
An SEO firm that says, "This is the only way we can make it work", shows no imagination or creativity.
Goal Number 1 for an SEO firm should be, "How Can I help your make more money?
[ Message was edited by: yellowwing 03/13/2005 11:48 am ]
|
 |
philh
Joined: Sep 14, 2001
# Posts: 3050
|
Posted: 2005-Mar-22 14:54
Quite frankly this site does not look optimised at all. For instance the page title is very important for SEO and they seem to use a lot of one word titles eg Throws, Mirrors, Tables etc. The pages I looked at all had the same description...
Another clue is the <meta name="revisit-after" content="5 Days"> - In their dreams!
Unless they have used landing pages that are not immediately obvious - it doesn't look optimised at all.
Or maybe they have control of a few thousand inbound links for you...
|
 |
pixelpyro
Joined: Mar 09, 2005
# Posts: 20
|
Posted: 2005-Mar-22 15:00
I have been recently trying to find out why my valid XHTML and CSS site needed to be completely re written by a SE company in order to achieve good results.
The site was never written with SEO as a key aspect so I can understand the need to change page titles and content but the whole website has been re created using tables and inline code.
I accept that some of the things I have done– ( my initial h1 that has some text that is hidden from the browser and used for a printing a header to each page may well be an issue) I fail to see such a radical approach is needed – please remember that my knowledge of SEO is slim and something that I am know looking to address hence…
The SE company has finally put their site online and taken mine off – I would very much appreciate any feedback as to how (or how not) there pages are better then mine and will achieve better results.
Here is the new SEO friendly site:
New improved site - please note the dot is written as I don’t really want to log referrers. Thanks.
www(dot)stanzeinteriors(dot)com
And here is a copy of mine hosted on my server.
www.copious.co.uk/stanze/fullsite/
I should point out that at the time of writing this the “new improved site” doesn’t work very well in FireFox or Safari – haven’t check Opera or Moz but a good chance they display the site broken also.
Please be as descriptive as possible as it is my intention to give the client this thread as a “heads up” . I am not here to name and shame just want to get to the bottom of this once and for all.
Thank you for your time.
(added)
What about code comparison with the original XHTML/CSS site that i created - how is the new site better?
[ Message was edited by: bhartzer 03/22/2005 02:00 pm ]
|
 |
philh
Joined: Sep 14, 2001
# Posts: 3050
|
Posted: 2005-Mar-22 16:33
You're better off waiting for Mike Levin or one of the other techie guys for that - I'm just an SEOer.
|
 |
g1smd
Staff
Joined: Jul 28, 2002
# Posts: 10437
|
Posted: 2005-Mar-22 21:49
Please Add the URL to your profile....
|
 |
pixelpyro
Joined: Mar 09, 2005
# Posts: 20
|
Posted: 2005-Mar-22 22:31
Thanks bhartzer - that makes sense now.
|
 |
philh
Joined: Sep 14, 2001
# Posts: 3050
|
Posted: 2005-Mar-23 12:08
Have looked in more depth at this now and still say the site is not optimised - they should get their money back!
|
 |
cagedecay
Joined: Jun 08, 2004
# Posts: 2
|
Posted: 2005-Mar-25 14:19
> Bold tags are also potentially influential. When using CSS, it is possible to remove all the meaning imparted to text by using such tags as span. If you accomplish styling by using span tags with a class or style attribute that makes it bold, it is not as clear to Google that it the text is special at all. But if you used an old-fashioned bold tag, Google would know.
This is just flat out incorrect. The bold tag is a _visual_ attribute and has zero semantic meaning. Just because a word is bolded does make it more important, because people bord words in their navigation or links or whatever and it does not make them more important in the structure of the text. The CORRECT way to emphasize words for Google et al is to use semantic tags <em> and <strong>. They have meaning in terms of importance, and search engines understand this. How they look visually (italic and bold, respectively) can be easily changed in CSS.
Presentational markup such as <b> and <i> are depreciated for a reason -- they mean nothing except a VISUAL cue.
|
 |
jmattiza
Joined: Mar 25, 2005
# Posts: 1
|
Posted: 2005-Mar-25 14:21
First off, great job on your part! After reviewing both sites looks like your client has been had by a slick talking WILLY.
No text edits made
No titles or discriptions optimized
Full of bloated code
Useless metas added robot revisit etc.
This last is I guess what this company calls optimization - putting metas in and thats it.
Maybe you can get a face to face with your client, compare the two, point out the lack of SEO and that the site was just reformated into tabels etc. Text and Titles are all the same!
That your design CSS is easier for SE to get to the text because it is closer to the top of the page, the Engines don't have to troll through bloated code, and that METAs the ones utilized by SE's is just the Title, discription and in a few instances the keywords.
Best yet, when you do get a meeting, come armed with a few Optimization articles relaited to the points you will be making:
Example
external style sheets vs. inline (same for java)
Effective discriptions and title tags
In closing, we have all experienced the bottom feeder I'm a Seo type, Know that you did do a great job on clean design & codeing and if I was the SEO your site would have made life easy to be sucessful.
|
 |
g1smd
Staff
Joined: Jul 28, 2002
# Posts: 10437
|
Posted: 2005-Mar-25 15:25
Take a copy of this thread with you too!
They have been done; wasted their money. The people who did that work are clueless in the extreme.
|
 |