Using html5 tags and microdata to improve SEO

zumba · Jul 30, 2012 · 41a4249 · 41a4249
1 parent 80b0cb4
commit 41a4249
Show file tree

Hide file tree

Showing 3 changed files with 48 additions and 32 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -5,6 +5,7 @@
     <title>{{ page.title }}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="author" content="{{ page.author }}">
+    <meta name="copyright" content="Zumba Fitness LLC">
 
 	<!-- v2.0.4 -->
     <link href="http://daigon.s3.amazonaws.com/developer/public/css/bootstrap.min.css" rel="stylesheet">
@@ -18,8 +19,8 @@
     <link rel="shortcut icon" href="{{ site.url }}/favicon.ico">
   </head>
 
-  <body>
-
+  <body itemscope itemtype="http://schema.org/Blog">
+  <header>
     <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
@@ -28,16 +29,16 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </a>
-          <a class="brand header-brand" href="{{ site.url }}/">
+          <a class="brand header-brand" href="{{ site.url }}/" rel="home">
 			<img src="{{ site.url }}/img/main-logo-light.jpg" />
 		  </a>
-          <div class="nav-collapse">
+          <nav class="nav-collapse">
             <ul class="nav">
 			  <li><a href="{{ site.url }}/blog.html">Blog</a></li>
               <li><a href="https://github.com/zumba">Open Source</a></li>
               <li><a href="https://zumbacareers.silkroad.com/">Careers</a></li>
             </ul>
-          </div><!--/.nav-collapse -->
+          </nav>
         </div>
       </div>
     </div>
@@ -51,7 +52,7 @@ <h1 style="font-family: monospace;">ENGINEERING</h1>
 			</div>
 		</div>
 	</div>
-
+	</header>
 
     <div class="container main">
 		<br/>
@@ -60,20 +61,22 @@ <h1 style="font-family: monospace;">ENGINEERING</h1>
 				{{ content }}
 			</div>
 			<div class="span3">
-				<div class="well sidebar-nav">
-					<ul class="nav nav-list">
-					  <li class="nav-header">Navigation</li>
-					  <li><a href="{{ site.url }}/blog.html">Blog</a></li>
-					  <li><a href="https://github.com/zumba">Open Source</a></li>
-					  <li><a href="https://zumbacareers.silkroad.com/">Careers</a></li>
-					  <li class="nav-header">Recent Posts</li>
-					  {% for post in site.posts limit:5 %}
-						<li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
-					  {% endfor %}
-					  <li class="nav-header">Zumba</li>
-					  <li><a href="http://www.zumba.com">Zumba.com</a></li>
-					</ul>
-				</div>
+				<aside class="well sidebar-nav">
+					<nav>
+						<ul class="nav nav-list">
+							<li class="nav-header">Navigation</li>
+							<li><a href="{{ site.url }}/blog.html">Blog</a></li>
+							<li><a href="https://github.com/zumba">Open Source</a></li>
+							<li><a href="https://zumbacareers.silkroad.com/">Careers</a></li>
+							<li class="nav-header">Recent Posts</li>
+							{% for post in site.posts limit:5 %}
+							<li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
+							{% endfor %}
+							<li class="nav-header">Zumba</li>
+							<li><a href="http://www.zumba.com">Zumba.com</a></li>
+						</ul>
+					</nav>
+				</aside>
 			</div>
 		</div>
     </div> <!-- /container -->
@@ -104,14 +107,17 @@ <h4>Follow Us</h4>
 			<div class="container">
 				<div class="row">
 					<div class="span9">
-						Copyright &copy; 2012 Zumba Fitness, LLC.  All rights reserved.
+						Copyright &copy;
+						<span itemprop="copyrightYear">2012</span>
+						<span itemprop="copyrightHolder">Zumba Fitness, LLC</span>.
+						All rights reserved.
 					</div>
-					<div class="span3">
+					<nav class="span3">
 						<a href="{{ site.url }}/atom.xml">Atom Feed</a>
 						| <a href="{{ site.url }}/blog.html">Blog</a>
 						| <a href="https://github.com/zumba">Open Source</a>
 						| <a href="https://zumbacareers.silkroad.com/">Careers</a>
-					</div>
+					</nav>
 				</div>
 			</div>
 		</div>

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -2,15 +2,25 @@
 layout: default
 ---
 
-<h1>{{ page.title }}</h1>
-<h4>{{ page.date | date: "%B %d, %Y" }}</h4>
-<h4>By: <a href="https://github.com/{{ page.author }}">{{ page.author }}</a></h4>
-<br/>
+<article itemscope itemtype="http://schema.org/BlogPosting">
+	<header>
+		<h1 itemprop="name headline">{{ page.title }}</h1>
+		<time itemprop="datePublished" pubdate datetime="{{ page.date | date: "%Y-%m-%d" }}">{{ page.date | date: "%B %d, %Y" }}</time>
+		<address itemprop="author" itemscope itemtype="http://schema.org/Person">
+			By <a rel="author" itemprop="url" href="https://github.com/{{ page.nickname }}"><span itemprop="name">{{ page.author }}</span></a>
+		</address>
+	</header>
 
-{{ content }}
+	<div itemprop="articleBody">
+		{{ content }}
+	</div>
+
+	<section class="comments">
+		<div id="disqus_thread" itemprop="review" itemscope itemtype="http://schema.org/Review"></div>
+		<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+	</section>
+</article>
 
-<br>
- <div id="disqus_thread"></div>
 <script type="text/javascript">
 	var disqus_shortname = 'zumbaengineering';
 	var disqus_identifier = '{{ site.url }}{{ page.url }}';
@@ -21,4 +31,3 @@ <h4>By: <a href="https://github.com/{{ page.author }}">{{ page.author }}</a></h4
 		(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
 	})();
 </script>
-<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
diff --git a/_posts/2012-07-21-kicking-off-the-blog.md b/_posts/2012-07-21-kicking-off-the-blog.md
@@ -1,7 +1,8 @@
 ---
 layout: post
 title: Kicking Off the Blog
-author: cjsaylor
+author: Chris Saylor
+nickname: cjsaylor
 ---
 
 Zumba Fitness<sup>&reg;</sup>'s techology department will begin blogging about the technology that we use,