Please critique my website's
new design. You can post your comments in reply to this journal or email them to firstname.lastname@example.org
I just completed the first phase of what will be a two-phase redesign of the website I use for my creative activities - music, writing, art and photography. I'm taking the site a lot more seriously than I used to, as I'm working hard at making a career change from software engineering to music. My site is:
My work so far focusses primarily on improving brand-name recognition of my stage name: Michael David Crawford. I include my middle name to avoid confusion with a famous actor who is also named Michael Crawford. Just in the last three months, analysis of my log files tells me that people are starting to find my site by entering my stage name into search engines. I want to encourage that.
It's a lot better than it was, but could still be improved. I'll do the second phase of the redesign after your critique. I also emailed all my friends and family about it, and will be asking for comments at Kuro5hin, where I'm a prominent member, as well as
The site will be at a new domain when I roll out the second phase: michaeldavidcrawford.com. I'll put a redirect at the old domain so old links work, and (hopefully) so I can preserve my search engine position. My current domain is named after my first piano album, Geometric Visions, but I hope to have many albums someday.
All but four of the sixty-eight pages are XHTML 1.0 Strict. Two are transitional, because of a Google search form and a web ring navigation pane. Two of the pages are XHTML+RDFa; I had to do some hacking to get the RDFa pages to validate while still working in Internet Explorer. (The RDFa is used for Creative Commons license metadata - I've been placing a lot of my work under CC licenses.)
My CSS and all but one of my pages are valid. The one invalid page is my custom 404 page, and it's because of the Google search form. The AdSense Terms and Conditions don't allow me to alter their markup, so I'm forced to be invalid if I use AdSense for Search!
I'd like advice as to how I could best place an AdSense for Search form on every page - but I won't actually do so until Google revises their markup so it's valid. I've had some conversations with AdSense support about it; I think it will happen but probably not soon.
There are just two tables on the whole site: the alternating left-right index on my homepage is a two-column table, as well as the web ring navigation pane on my telescope making page. I realize I could implement the homepage index as a bunch of divs, but the current implementation seems to make more sense to me, as well as being more reliable for older browsers.
I'll be making my site fully accessible, as well as improving SEO in phase two. I have some experience with SEO but I'm by no means an expert. All the pages that I've worked to optimize so far have meta description tags, but most others don't.
My music pages will be reorganized, with my main music page being replaced with a bio, some photographs, and links to all the other music pages. My album Geometric Visions will be placed in a subdirectory (music/geometric-visions). Each of my new albums will have their own page. I'll also place my sheet music on its own page.
There's not much content on the drawing, painting and photography pages yet, but I'm finding that the few images I do have are getting a lot of referrals from image search engines. I'll be adding a lot of photos in the coming weeks. I won't be able to add my other drawings and paintings until I can get them out of storage on the opposite coast, which won't be for a long time.
I have a print-specific stylesheet. It hides the navigation, and makes links look like regular text. On most of the pages that use it, it adds a header to hardcopies explaining where the original can be found online. Try a Print Preview of this page for an example.
I didn't think of it until just now, but the printing code for phase two will keep my logo on hardcopies, while hiding the rest of the header. The print logo will have a white background - the screen logo has a gray background to match the body color; I don't use transparency because it's a PNG, and old Explorer versions don't render PNG transparency correctly.
The navigation in phase two will be implemented as Server-Side Includes; the current navigation was pasted into every single page. Having five websites, I've done site-wide navigation changes the hard way so many times that I finally decided to get help on how to do it the easy way.
Well that beats the subject completely to death . Thanks for your help!