I have been remaking my website for some time now and I want to launch it as quickly as possible but I want to make it leading edge if possible. I am currently using a modified template (I know! web designer using template tut tut  but long story short I had 1 week to get a live website as well as doing a business plan for a business grant and since operating I've been working flat out until the past 2 months and its chillzor! which is nice!). Moving on!While the design is important I also want to take a keen interest in using markup, the problem I'm encountering is that Schema.org is SOOOO VAGUE! and it's absolutely smashing my brain.The question is rather simple but rather complex at the same time, which one do you consider best:itemtype=http://schema.org/Articleitemtype=http://schema.org/BlogPostingIt's worth mentioning that I've done some research in this already and supposedly is the difference between a blog post and an article by definition outside of Schema.org is that blog posting generally tends to be anywhere from 50 words to 400 words while generally articles are more detailed and contain 500 words upwards. But looking on Schema.org they associate an article with magazines and newspapers, surely this is not right?Also is it a good or bad idea to use categories as 'keywords' schema?This is my current markup and I welcome any additional criticism or advice on improving the current markup, perhaps even pointing out bad habits of <p>, additionally you can view the it online here and how Google views this here.<article itemscope itemtype=http://schema.org/Article>  <header>    <hgroup>        <h1 itemprop=name><a rel=bookmark title=Why all of your website designs should be responsive href=#just-a-test3>Why all of your website designs should be responsive</a></h1>        <h6>Publish Date: <span itemprop=datePublished>2013-01-25</span> by: <a rel=author href=http://plus.google.com/104670346136364130203/>Simon Hayter</a></h6>    </hgroup>  </header>  <p><img itemprop=image src=http://www.bybe.net/downloads/markup3.png alt=markup3></p>  <p itemprop=description>This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>  <footer>    <p class=right><a itemprop=url class=more-link href=#just-a-test3>Read the full article...</a></p>    <p class=left>Filed Under: <span itemprop=keywords><a href=#>Responsive Design</a>, <a href=#>Website Design</a></span></p>  </footer></article><article itemscope itemtype=http://schema.org/Article>  <header>    <hgroup>        <h1 itemprop=name><a rel=bookmark title=101 Ways of Grabbing Your Audience Less than 0.1secs href=#just-a-test2>101 Ways of Grabbing Your Audience Less than 0.1secs</a></h1>        <h6>Publish Date: <span itemprop=datePublished>2013-01-12</span> by: <a rel=author href=http://plus.google.com/104670346136364130203/>Simon Hayter</a></h6>    </hgroup>  </header>  <p><img itemprop=image src=http://www.bybe.net/downloads/markup2.png alt=markup2></p>  <p itemprop=description>This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>  <footer>    <p class=right><a itemprop=url class=more-link href=#just-a-test2>Read the full article...</a></p>    <p class=left>Filed Under: <span itemprop=keywords><a href=#>Responsive Design</a>, <a href=#>Website Design</a></span></p>  </footer></article><article itemscope itemtype=http://schema.org/Article>  <header>    <hgroup>        <h1 itemprop=name><a rel=bookmark title=10 Top Design Tips href=#just-a-test1>10 Top Design Tips</a></h1>        <h6>Publish Date: <span itemprop=datePublished>2013-01-11</span> by: <a rel=author href=http://plus.google.com/104670346136364130203/>Simon Hayter</a></h6>    </hgroup>  </header>  <p><img itemprop=image src=http://www.bybe.net/downloads/markup1.png alt=markup1></p>  <p itemprop=description>This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>  <footer>    <p class=right><a itemprop=url class=more-link href=#just-a-test1>Read the full article...</a></p>    <p class=left>Filed Under: <span itemprop=keywords><a href=#>Responsive Design</a>, <a href=#>Website Design</a></span></p>  </footer></article>EDIT:I am now using:<article itemscope itemtype=http://schema.org/BlogPosting>    <header>        <h1 itemprop=name><a rel=bookmark title=Title Description href=#>Article Header</a></h1>        <dl>            <dt>Publish Date:</dt>            <dd><time itemprop=datePublished>2013-01-25</time></dd>            <dt>Authors:</dt>            <dd><a rel=author href=#>Author Name</a></dd>        </dl>    </header>      <div class=blog-container>        <a title=Title Description class=th href=#>            <img width=870 height=400 itemprop=image alt=Alt Text here class=post src=#>        </a>        <p itemprop=description>A long but not to long decription</p>        <a itemprop=url title=Title Description href=# class=creading>Continue Reading</a>    </div>    <footer>        <dl>            <dt>Filed Under:</dt>             <dd itemprop=keywords><a rel=category title=Title Description href=#>Responsive Design</a></dd>            <dd itemprop=keywords> <a rel=category title=View all posts in Website Design href=#>Website Design</a></dd>        </dl>    </footer></article>
Using Schema.org for blogging: Article VS BlogPosting
html;html5;microdata;markup;schema.org
schema.org: Article, BlogPostingIf something is a schema:BlogPosting, it is an schema:Article, too, isn't it? As schema:BlogPosting is a more specific schema:Article:More specific types BlogPosting NewsArticleScholarlyArticle So you have an schema:Article, and now you may decide if one of these more specific types applies to your content. If not, stay with schema:Article.HTML5No need for the title attribute on the bookmark link (as it contains the same content).You could use  the time element for the publication dates.I wouldn't use a sub-heading for publication date and author, as I don't think it's an alternative title or a tagline (might be appropriate for your actual content, though). Instead, I would include these in a footer element:A footer typically contains information about its section such as who wrote it I wouldn't include the image in a p element. You could omit any container element, or use a div if you need one.The link Read the full article... shouldn't be in the footer. I'd use the nav element, as it is the main navigation for that sectioning element ( article).I'd use a dl element (or a ul) for the keywords.So an article could look like:<article itemscope itemtype=http://schema.org/Article>  <h1 itemprop=name><a rel=bookmark href=#just-a-test3>Why all of your website designs should be responsive</a></h1>   <!-- no need for 'header', but can be added if needed -->  <footer>    Publish Date: <time itemprop=datePublished>2013-01-25</time> by: <a rel=author href=http://plus.google.com/104670346136364130203/>Simon Hayter</a>    <!-- 'dl' could be used if you use Author: instead of by: -->  </footer>  <img itemprop=image src=http://www.bybe.net/downloads/markup3.png alt=markup3>  <p itemprop=description>This is a very long sentence to demonstrate a snippet of a blog article, blah blah blah blah blah blah blah blah blah blah blah blah blah da da da da di di di dim dim dim di</p>  <nav>    <a itemprop=url class=more-link href=#just-a-test3>Read the full article...</a>  </nav>  <footer>    <dl>      <dt>Filed Under</dt>      <dd itemprop=keywords><a href=#>Responsive Design</a></dd>      <dd itemprop=keywords><a href=#>Website Design</a></dd>    </dl>  </footer></article>