diff --git a/site/snippets/layout.php b/site/snippets/layout.php
index e41338c..a19261c 100644
--- a/site/snippets/layout.php
+++ b/site/snippets/layout.php
@@ -10,11 +10,13 @@
     </title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="author" content="<?= $site->author() ?>" />
-    <meta name="description" content="<?= $site->description() ?>" />
+    <?php $description = $page->description()->isNotEmpty() ? $page->description() : h($page->text()->excerpt(100)) ?>
+    <meta name="description" content="<?= $description ?>" />
     <meta name="keywords" content="<?= $site->keywords() ?>" />
 
     <?= css('assets/build/main.css') ?>
 
+    <link rel="canonical" href="<?= url($page->url()) ?>" />
     <link rel="alternate" type="application/rss+xml" href="<?= url('feed') ?>" title="<?= $site->title() ?>" />
 
     <link rel="apple-touch-icon-precomposed" sizes="256x256" href="/assets/img/favicon/favicon-256.png">
@@ -24,6 +26,19 @@
     <link rel="apple-touch-icon-precomposed" href="/assets/img/favicon/favicon.png">
     <link rel="shortcut icon" href="/assets/img/favicon/favicon.png">
 
+    <meta property="og:title" content="<?= $page->title() . ' - ' . $site->title() ?>" />
+    <meta property="og:description" content="<?= $description ?>" />
+    <meta property="og:type" content="<?= $page->template() == 'article' ? 'article' : 'website' ?>" />
+    <meta property="og:url" content="<?= url($page->url()) ?>" />
+    <meta property="og:image" content="<?= url('/assets/img/favicon/favicon-256.png') ?>" />
+    <meta property="og:site_name" content="<?= $site->title() ?>" />
+    <?php if ($page->template() == 'article'): ?>
+      <meta property="og:article:publish_time" content="<?= $page->date()->toDate(DATE_ISO8601) ?>" />
+      <meta property="og:article:author" content="<?= $site->author() ?>" />
+      <meta property="og:article:section" content="<?= $page->categories() ?>" />
+      <meta property="og:article:tag" content="<?= $page->tags() ?>" />
+    <?php endif ?>
+
     <script data-goatcounter="https://<?= option('analytics.goatcounter') ?>/count" async src="https://<?= option('analytics.goatcounter') ?>/count.js"></script>
   </head>
   <body>
