Add structured data to improve looks in search results

WasabiFan · WasabiFan · commit a2f24b591db9 · 2015-11-28T21:44:51.000-08:00
diff --git a/_includes/breadcrumbs.html b/_includes/breadcrumbs.html
@@ -1,12 +1,19 @@
 ﻿{% assign parent_dirs=page.url | replace_first: '/', '' | split: '/' %}
 {% assign link='/' %}
-<ol class="breadcrumb">
+<ol class="breadcrumb" vocab="http://schema.org" typeof="BreadcrumbList">
+    {% assign position = 1 %}
     {% for dir in parent_dirs %}
         {% if forloop.last %}
-            <li class="active">{{ dir }}</li>
-        {% else %}
-            {% assign link=link | append: dir | append: '/' %}
-            <li><a href="{{ link }}">{{ dir }}</a></li>
+            {% assign class = 'active' %}
         {% endif %}
+            
+        {% assign link=link | append: dir | append: '/' %}
+        <li property="itemListElement" typeof="ListItem">
+            <a href="{{ link }}" property="item" typeof="WebPage">
+                <span property="name">{{ dir }}</span>
+            </a>
+            <meta property="position" content="{{position}}">
+        </li>
+        {% assign position = position | plus: 1 %}
     {% endfor %}
 </ol>
diff --git a/_includes/head.html b/_includes/head.html
@@ -42,4 +42,8 @@
         </div>
     </script>
 
+    {% if page.extra-head-content %}
+    {{ page.extra-head-content }}
+    {% endif %}
+
 </head>
diff --git a/index.md b/index.md
@@ -4,6 +4,29 @@ no-footer: 1
 no-display-title: 1
 title: ev3dev Home
 
+extra-head-content: |
+  <script type="application/ld+json">
+  {
+    "@context": "http://schema.org",
+    "@type": "Organization",
+    "url": "http://www.ev3dev.org",
+    "logo": "http://www.ev3dev.org/images/logo_standard.png"
+  }
+  </script>
+  <script type="application/ld+json">
+  {
+    "@context": "http://schema.org",
+    "@type": "WebSite",
+    "name": "ev3dev",
+    "url": "http://www.ev3dev.org/",
+    "potentialAction": {
+      "@type": "SearchAction",
+      "target": "http://www.ev3dev.org/?search={search_term_string}",
+      "query-input": "required name=search_term_string"
+    }
+  }
+  </script>
+
 jumbotron-heading: |
   ev3dev is your EV3 <strong><i>re-imagined</i></strong>
 jumbotron-content: |
