diff --git a/src/main/resources/templates/cookies.html b/src/main/resources/templates/cookies.html
index 2504382..96058fb 100644
--- a/src/main/resources/templates/cookies.html
+++ b/src/main/resources/templates/cookies.html
@@ -3,6 +3,11 @@
     <head>
         <meta charset="UTF-8" />
         <title>Cookie Policy - Imgfloat</title>
+        <th:block
+            th:replace="~{fragments/social-meta :: socialMeta(
+                'Cookie Policy - Imgfloat',
+                'Details on how Imgfloat uses cookies to keep your Twitch overlay manager secure.')}"
+        ></th:block>
         <link rel="icon" href="/favicon.ico" />
         <link rel="stylesheet" href="/css/styles.css" />
     </head>
diff --git a/src/main/resources/templates/fragments/social-meta.html b/src/main/resources/templates/fragments/social-meta.html
new file mode 100644
index 0000000..a975906
--- /dev/null
+++ b/src/main/resources/templates/fragments/social-meta.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+    <th:block th:fragment="socialMeta (title, description)">
+        <th:block
+            th:with="baseUrl=${#httpServletRequest != null ? (#httpServletRequest.scheme + '://' + #httpServletRequest.serverName + ((#httpServletRequest.serverPort == 80 || #httpServletRequest.serverPort == 443) ? '' : ':' + #httpServletRequest.serverPort)) : ''}"
+        >
+            <meta property="og:site_name" content="Imgfloat" />
+            <meta property="og:type" content="website" />
+            <meta property="og:title" th:content="${title}" />
+            <meta property="og:description" th:content="${description}" />
+            <meta
+                property="og:url"
+                th:content="${#httpServletRequest != null ? #httpServletRequest.requestURL : ''}"
+            />
+            <meta property="og:image" th:content="${baseUrl + '/img/brand.png'}" />
+            <meta name="twitter:card" content="summary" />
+            <meta name="twitter:title" th:content="${title}" />
+            <meta name="twitter:description" th:content="${description}" />
+            <meta name="twitter:image" th:content="${baseUrl + '/img/brand.png'}" />
+        </th:block>
+    </th:block>
+</html>
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index 89949a3..fe2eb39 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -3,6 +3,11 @@
     <head>
         <meta charset="UTF-8" />
         <title>Imgfloat - Twitch overlay</title>
+        <th:block
+            th:replace="~{fragments/social-meta :: socialMeta(
+                'Imgfloat - Twitch overlay',
+                'Collaborative real-time Twitch overlay manager for audio, video, and images updated by your mods.')}"
+        ></th:block>
         <link rel="icon" href="/favicon.ico" />
         <link rel="stylesheet" href="/css/styles.css" />
     </head>
diff --git a/src/main/resources/templates/privacy.html b/src/main/resources/templates/privacy.html
index f1f142b..fb6a208 100644
--- a/src/main/resources/templates/privacy.html
+++ b/src/main/resources/templates/privacy.html
@@ -3,6 +3,11 @@
     <head>
         <meta charset="UTF-8" />
         <title>Privacy Policy - Imgfloat</title>
+        <th:block
+            th:replace="~{fragments/social-meta :: socialMeta(
+                'Privacy Policy - Imgfloat',
+                'Learn how Imgfloat collects and uses data to run the Twitch overlay manager.')}"
+        ></th:block>
         <link rel="icon" href="/favicon.ico" />
         <link rel="stylesheet" href="/css/styles.css" />
     </head>
diff --git a/src/main/resources/templates/terms.html b/src/main/resources/templates/terms.html
index d0d0639..bf21b4e 100644
--- a/src/main/resources/templates/terms.html
+++ b/src/main/resources/templates/terms.html
@@ -3,6 +3,11 @@
     <head>
         <meta charset="UTF-8" />
         <title>Terms of Use - Imgfloat</title>
+        <th:block
+            th:replace="~{fragments/social-meta :: socialMeta(
+                'Terms of Use - Imgfloat',
+                'Review the terms that apply to using the Imgfloat Twitch overlay manager.')}"
+        ></th:block>
         <link rel="icon" href="/favicon.ico" />
         <link rel="stylesheet" href="/css/styles.css" />
     </head>
