diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..bc9ed4f
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,8 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+<title>{{ page.title }} | KYS</title>
+
+<link rel="stylesheet" type="text/css" href="/css/style.css">
+
+{% include seo.html %}
\ No newline at end of file
diff --git a/_includes/seo.html b/_includes/seo.html
new file mode 100644
index 0000000..9eb058b
--- /dev/null
+++ b/_includes/seo.html
@@ -0,0 +1,16 @@
+<link rel="canonical" href="{{ page.url | absolute_url | remove: "index.html" | remove: ".html" }}" />
+<meta name="description" content="{{ page.description | default: site.data[page.collection].strings.description | escape }}" />
+<meta property="og:title" content="{{ page.long_title | default: page.title | default: site.data[page.collection].strings.title | escape }}" />
+<meta property="og:locale" content="{{ page.collection | default: "en_US"}}" />
+<meta property="og:url" content="{{ page.url | absolute_url | remove: "index.html" | remove: ".html" }}" />
+<meta property="og:site_name" content="{{ site.data[page.collection].strings.title | escape }}" />
+<meta property="og:image" content="{{ page.image | default: site.image }}">
+<meta property="og:description" content="{{ page.description | default: site.data[page.collection].strings.description | escape }}" />
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="{{ page.long_title | default: page.title | default: site.data[page.collection].strings.title | escape }}">
+<meta name="twitter:description" content="{{ page.description | default: site.data[page.collection].strings.description | escape }}">
+<meta name="twitter:image" content="{{ page.image | default: site.image }}">
+<meta name="theme-color" content="{{ page.color | default: site.color }}"/>
+<meta name="msapplication-navbutton-color" content="{{ page.color | default: site.color }}">
+<meta name="twitter:widgets:link-color" content="{{ page.color | default: site.color }}">
+<meta name="twitter:widgets:border-color" content="{{ page.color | default: site.color }}">
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index e02c0c3..f17b8a1 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,9 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>{{ page.title }} | KYS</title>
-    <link rel="stylesheet" type="text/css" href="/css/style.css">
+    {% include head.html %}
   </head>
   <body>
     {% include nav.html %}
