diff --git a/views/scroller.html b/views/scroller.html
index b05a5a7..eaedd48 100644
--- a/views/scroller.html
+++ b/views/scroller.html
@@ -9,6 +9,18 @@
   <link rel="icon" @if(custom_favicon && custom_favicon.length > 0)href="{{ custom_favicon }}"@else type="image/gif" href="/s/img/favicon.gif"@endif />
   <link rel="stylesheet" href="/s/fa/all.min.css">
   <link rel="preload" href="/s/vcr.ttf" as="font" type="font/ttf" crossorigin>
+  @if(typeof page_meta !== 'undefined')
+  <meta property="og:site_name" content="{{ domain }}" />
+  <meta property="og:title" content="{{ page_meta.title }}" />
+  <meta property="og:url" content="{{ page_meta.url }}" />
+  <meta property="og:image" content="{{ page_meta.image }}" />
+  <meta property="og:description" content="{{ page_meta.description }}" />
+  <meta property="og:type" content="website" />
+  <meta property="twitter:card" content="summary" />
+  <meta property="twitter:title" content="{{ page_meta.title }}" />
+  <meta property="twitter:image" content="{{ page_meta.image }}" />
+  <meta property="twitter:url" content="{{ page_meta.url }}" />
+  @endif
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
     /* Kill all mobile tap highlights globally */