Welcome!

[sailboatvn]

Hi everyone,

It is quite a long shot, I took me nearly a year to finish off the site (On and Off).

Feedbacks are always welcome.

URL: http://www.quaycreative.com/


Thanks

[Andy]

The following should get you started:

• Place title and meta-data directly under the content-type meta tag.
• Move scripts to the bottom of the page (just before </body>) as they block parallel downloads and rendering.
• Don't use <b> to style text. Either use <strong> to give emphasis to the text or simply a <span> to style it.
• Remove empty paragraphs. Instead, use margins.
• Remove <br /> tags that aren't being used to break up text.
• Construct elements only used by JavaScript through JavaScript.
• Don't use <img> to mark up graphics. Use CSS (background-position) instead. (Look at your testimonials). <img> tag should be used to mark up images related to content, not graphics.
• All <img> tags should have a non-empty alt attribute.
• You may only have one <title> tag. Your services, portfolio and contact pages has two.
• Navigation menu lacks a heading.
• Start combining files. You have 8 external javascript files, 6 external stylesheets and 17 background images. Combine the background images into a CSS sprite.
• Enable caching by adding Expires headers.
• Enable gzip compression.
  

Also, you have an odd flow to your site.

Normally, the navigation menu is the first thing you'd encounter on a website, apart from the brand name. They are often preceded by skip links, but can also be skipped by navigating through headings.

Your navigation menu is at the bottom and there's no means of skipping to it. No skip links, no headings, no nothing.

[sailboatvn]

Dear Andy,

Thank you very much for your input. They are all very valuable points.

# Place title and meta-data directly under the content-type meta tag.
--> I'm trying to find the way to do it in Typo3

# Move scripts to the bottom of the page (just before </body>) as they block parallel downloads and rendering.

Which script, can you please be more specific?


# Don't use <b> to style text. Either use <strong> to give emphasis to the text or simply a <span> to style it.
# Remove empty paragraphs. Instead, use margins.
# Remove <br /> tags that aren't breaking up text.
# Construct elements only used by JavaScript through JavaScript.
--> Absolutely!



# Don't use <img> to mark up graphics. Use CSS (background-position) instead. (Look at your testimonials). <img> tag should be used to mark up images related to content, not graphics.
--> I will remove the image and put in CSS

# All <img> tags should have a non-empty alt attribute.
--> Correct.

# You may only have one <title> tag. Your services, portfolio and contact pages has two.
--> Thanks for spotting this out.

# Navigation menu lacks a heading.
Is this a site navigation you mentioned or top nav?

# Start combining files. You have 8 external javascript files, 6 external stylesheets and 17 background images. Combine the background images into a CSS sprite.
# Enable caching by adding Expires headers.
# Enable gzip compression.


With regards to the header and top navigation, I intended to put them right after main content.. hopefully, it would be better for SEO. Instead of loading the same content everytime, I just want Google find the unique H1 and content straight away !?

[Andy]

Which script, can you please be more specific?

All of them.

JavaScript is a behavioural layer. It needn't be applied before the site has fully loaded.

Like said, the browser will not continue to download and render other resources until the javascript has downloaded and executed, which is why you should place them at the bottom of the page.

Is this a site navigation you mentioned or top nav?

What's the difference?

Whatever navigation menu that happens to have the id "nav".

With regards to the header and top navigation, I intended to put them right after main content.. hopefully, it would be better for SEO. Instead of loading the same content everytime, I just want Google find the unique H1 and content straight away !?

That has zero impact on SEO. The order does not matter to search engines. It does for the user, however.

btw, if you are interested, here's a template I've coded with design agnosticism, accessibility, SEO and the Yahoo Performance rules in mind: http://nova-group.se/template/

I use it as a common base to all my website projects.

[sailboatvn]

Thanks Andy, It does make sense

Also, thanks for the link as well it is very useful.

[Andy]

Thanks Andy, It does make sense

Also, thanks for the link as well it is very useful.

You're quite welcome.

It's refreshing to see other people caring about accessibility - most web developers don't.

[sailboatvn]

Too right. It always eat up load of time to make it accessible if not follow the standard from start. I'm glad to post my website here to get some valuable advices.


All the bests.