SEO and H1's in HTML5
Did you catch that? I changed<h2>element to an<h1>. But…but…but… shouldn’t you only have one<h1>per document? Won’t this screw up the document outline? No, and here’s why. In HTML 4, the only way to create a document outline was with the<h1>–<h6>elements. If you only wanted one root node in your outline, you had to limit yourself to one<h1>in your markup. But the HTML5 specification defines an algorithm for generating a document outline that incorporates the new semantic elements in HTML5. The algorithm says that an<article>element creates a new section (i.e. a new node in the document outline). And in HTML5, each section can have its own<h1>element.
To be HTML5 compliant, a best practice SEO standard of only one H1 per page would be broken - more markup around sections such as <article> means each section can have its on H1-6 structure, <hgroup>, meaning multiple H1's

