Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

New Live Site 4

Status
Not open for further replies.

bam720

Technical User
Sep 29, 2005
289
US
Just took our companies website live:

Please leave any comments/feedback/criticisms here. Also Since we moved away from a completely flash based site (with no keywords) our search engine rankings are terrible. Is there anything I can do to help boost this ranking? Any pointers in the right direction would be much appreciated. I designed the site with this i mind fully utilizing H1 -> H3 tags, links, etc ... but am unsure if there is anything else I can do besides design info.
 
You said:
fully utilizing H1

Really? I visited 3 or 4 different pages and found no H1 present. The H1 should really be used to help out SEO, as well as creating a more fully-fleshed document structure.

The "Products" page is pretty ropey too, in that you have to click the weird icon next to any product to read details about it. This is counter intuituve - I would expect to click on the product name to read more details, but this isn't hyperlinked.

Also, the "View all Products" and "More products" links on this page do absolutely nothing.

Your contact form offers no feedback - about whether the message was sent, or if there are any validation errors. This is not very useful - users should always be given feedback.

The "Privacy policy" link gives a "Page not found" error, and the "Terms of use" link does nothing. Again, not very good for a site that's just gone live (did you even run this through a validator??)

See the many, many errors thrown up by a validator here:


Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Hi

Correct it :
Code:
<[red]h3[/red] id="tagline"><strong>POWER</strong> At Your Fingertip</[red]h1[/red]>
Use semantic markup ( if needs to look like a list, make it a list ) :
Code:
[red]&bull;&nbsp;&nbsp;[/red]Table Side Service<br>
[red]&bull;&nbsp;&nbsp;[/red]Automatic Syncing<br>
[red]&bull;&nbsp;&nbsp;[/red]Revolutionary Menu<br>
[red]&nbsp;&nbsp;&nbsp;[/red]&nbsp;Design </p>
( for tabular-like columns use [tt]float[/tt] ) :
Code:
Office: [red]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/red]303.938.9696<br>
Toll Free: [red]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/red]800.938.9696<br>
FAX: [red]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[/red]303.938.4090<br>
Rethink ( why the [tt]span[/tt] and not styling the [tt]a[/tt], or the [tt]a[/tt]s inside a [tt]div#top[/tt] ) :
Code:
<div id="top">
[red]<span class="nav">[/red]<a href="index.html" class="menu a">Home</a>[red]</span>[/red]
[red]<span class="nav">[/red]<a href="company.html" class="menu a">Company</a>[red]</span>[/red]
[red]<span class="nav">[/red]<a href="products.html" class="menu a">Products</a>[red]</span>[/red]
[red]<span class="nav">[/red]<a href="services.html" class="menu a">Services</a>[red]</span>[/red]
[red]<span class="nav">[/red]<a href="support.html" class="menu a">Support</a>[red]</span>[/red]
[red]<span class="nav">[/red]<a href="contact.html" class="menu a">Contact Us</a>[red]</span>[/red]
</div>
Maybe simplify abit :
Code:
<p>[red]<br style="line-height:22px ">
    <br style="line-height:30px; ">[/red]
    </p>

Feherke.
 
Thank you both for your extensive comments. A coworker was using modifying the code in my absence. I will defiantly make the validation changes, and see what happened to those missing pages. Thanks for the help again :)
 
OK... Looks like all my pages have been validated

BillyRay -

Privacy and TOS taken out, deemed unnecessary

Contact Form is a place holder, doesn't do anything yet

Feherke

Made the minor corrections, will go and "simplify"

The span is for adding or removing links in the future, and the a is styled so that it is a unique style for that link.

How do you float for table like-ness? That would be a really neat trick to learn. I just tried span float right inline, but it added a new line for some reason.

I'll rework those "lists" as well. Thanks again
 
Hi

bam720 said:
How do you float for table like-ness?
I think a [tt]dl[/tt] would be the best in this situation :
CSS:
dt {
  float: left;
  width: 5em;
}
HTML:
<dl>
<dt>Office:</dt><dd>303.938.9696</dd>
<dt>Toll Free:</dt><dd>800.938.9696</dd>
<dt>FAX:</dt><dd>303.938.4090</dd>
</dl>
Tested in Mozillas, Opera, Safari and Explorer.

Feherke.
 
wow, thank you so much. I'll have to remember that one.
 
Check your spelling!
Home page:
Terinal --> Terminal
Reovutionary --> Revolutionary
Tables Side --> Tableside??
buisness -- business

Company page:
preformed --> performed

Products page:
felxibility --> flexibility
pos --> POS

Support page:
Diagnostics of what wrong, --> ?missing word?

Contact us page:
relaize --> realise
Deleware --> Delaware


___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints
 
Pagetree in Products says Home >> Services.

otherwise I quite liked it.

[blue] A perspective from the other side!![/blue]

Cheers
Scott
 
I think you meant you Support, but Thank you. I appreciate the feedback, and glad you liked it :)
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top