Add meta description

jgthms · jgthms · commit 3e591435fc90 · 2016-11-29T09:10:50.000Z
diff --git a/_config.local.yml b/_config.local.yml
@@ -1,5 +1,6 @@
 title: CSS Reference
-description: A free visual guide to the most popular CSS properties.
+subtitle: "A free visual guide to the most popular CSS properties"
+description: "CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples."
 share: "CSS Reference: a free visual guide to the most popular CSS properties."
 url: http://localhost:4000
 markdown: kramdown
diff --git a/_config.yml b/_config.yml
@@ -1,5 +1,6 @@
 title: CSS Reference
-description: A free visual guide to the most popular CSS properties.
+subtitle: "A free visual guide to the most popular CSS properties"
+description: "CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples."
 share: "CSS Reference: a free visual guide to the most popular CSS properties."
 url: http://cssreference.io
 markdown: kramdown
diff --git a/_layouts/collection.html b/_layouts/collection.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width">
     <title>{{page.collection_name}} - {{site.title}}</title>
+    <meta name="description" content="Learn how {{page.collection_name}} works in CSS.">
     <link rel="stylesheet" type="text/css" href="{{site.url}}/css/website.css">
 
     <meta property="og:url" content="{{site.url}}{{page.url}}">
diff --git a/_layouts/single.html b/_layouts/single.html
@@ -5,6 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width">
     <title>{{page.property_name}} - {{site.title}}</title>
+    <meta name="description" content="Learn how {{page.property_name}} works in CSS.">
     <link rel="stylesheet" type="text/css" href="{{site.url}}/css/website.css">
 
     <meta property="og:url" content="{{site.url}}{{page.url}}">
diff --git a/index.html b/index.html
@@ -8,7 +8,9 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="viewport" content="width=device-width">
-    <title>{{site.title}} - {{site.description}}</title>
+    <title>{{site.title}} - {{site.subtitle}}</title>
+    <meta name="description" content="{{site.description}}">
+
     <link rel="stylesheet" type="text/css" href="{{site.url}}/css/website.css">
 
     <meta property="og:url" content="{{site.url}}">
