SEOgadget Gets a HTML5 Upgrade

The past few weeks have been pretty awesome. Regular visitors to the site may have noticed a reduced rate of posting on the site, largely owing to summer holidays, the construction of a new anchor text tool, recruiting our first staff and a HTML5 project.

html5 valid

I’ve written about HTML5 and SEO before, but it’s nice to have your own examples, so I’m delighted to show off the first version of SEOgadget in HTML5 – take a look at the source code!

I think (as a learning / development piece) there’s still some way to go with this site, and there are a few remaining items left for us to resolve – but as a learning exercise it’s been extremely interesting to make this happen. Under the bonnet you might see some of the following tags:

  • <header> (Specifies a header for a section or page)
  • <article> (Specifies an article)
  • <aside> (Specifies content aside from the page content)
  • <footer> (Specifies a footer for a section or page)

I’d just like to thank ThinkDave who custom built the SEOgadget WordPress theme and is a smart, patient guy!

Some resources on the topic of HTML5

Building Web Pages With HTML 5Webmonkey

Coding a HTML5 Layout from ScratchSmashing Magazine

HTML5 ExamplesSEOgadget

HTML5 SpecificationW3.org

5 Clever uses of the CANVAS tagCSS Ninja

HTML5 Canvas ExamplesPHPguru

HTML5 BoilerplatesHTML5 Doctor

GeoLocation API - Dive Into HTML5

HTML5 Video Examples – html5video.org

Feedback

I’d be really delighted to hear your thoughts, feedback and ideas – give me a shout in the comments below!



Stay Updated: Sign Up for Webinar & New Blog Alerts

2 thoughts on “SEOgadget Gets a HTML5 Upgrade

  1. Will says:

    Hi Rich,

    Good to see you’re at the forefront as always! Dave’s done a great job. Out of interest are you speaking at the SEOmoz event in London again this year? Some great tips last year.

    Will

  2. Thanks Will – To be confirmed :-)

Comments are closed.