Add FAQPage structured data to the FAQ page for SEO

cors-errors · cors-errors · commit e8d829480dbf · 2020-06-02T20:47:07.000+01:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,5 +1,5 @@
 <!DOCTYPE HTML>
-<html lang="en-US">
+<html lang="en-US" {{ page.html-meta }}>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
diff --git a/_sass/faq.scss b/_sass/faq.scss
@@ -28,4 +28,10 @@
       }
     }
   }
+
+  .section-body {
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
 }
diff --git a/faq.html b/faq.html
@@ -3,6 +3,7 @@
 title: CORS FAQ
 permalink: /faq
 css-class: faq
+html-meta: itemscope itemtype="https://schema.org/FAQPage"
 ---
 
 <h1>CORS FAQ</h1>
@@ -29,11 +30,13 @@ <h1>CORS FAQ</h1>
     {% for file in collection.order %}
       {% for doc in collection.docs %}
         {% if doc.path contains file %}
-<section id="{{ doc.path | replace: "_faq/", "" | replace: ".md", "" }}">
+<section id="{{ doc.path | replace: "_faq/", "" | replace: ".md", "" }}" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
 <h3>
-  <a href="/faq#{{ doc.path | replace: "_faq/", "" | replace: ".md", "" }}">{{ doc.question }}</a>
+  <a href="/faq#{{ doc.path | replace: "_faq/", "" | replace: ".md", "" }}"><span itemprop="name">{{ doc.question }}</span></a>
 </h3>
-{{ doc.content }}
+<div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
+  <div class="section-body" itemprop="text">{{ doc.content }}</div>
+</div>
 </section>
         {% endif %}
       {% endfor %}
