diff --git a/index.html b/index.html
index a35324e..c0ab9d8 100644
--- a/index.html
+++ b/index.html
@@ -20,18 +20,32 @@
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
   <!-- SEO -->
-  <meta name="keywords" content="budget, finances, money" />
-  <meta name="description" content="A simplistic, straight-forward budgeting tool." />
+  <meta name="keywords" content="budget, finances, money, budgeting tool">
+  <meta name="description" content="Ocular - A simplistic, straight-forward budgeting tool for managing finances.">
   <meta name="subject" content="Budgeting">
   <meta name="topic" content="Budgeting">
-  <meta name="summary" content="A simplistic, straight-forward budgeting tool.">
+  <meta name="summary" content="Ocular - A simplistic, straight-forward budgeting tool for managing finances.">
   <meta name="copyright" content="Simon Reinisch">
   <meta name="owner" content="Simon Reinisch">
-  <meta name="robots" content="index, follow" />
+  <meta name="robots" content="index, follow">
   <meta name="url" content="https://budget.reinisch.io/">
   <meta name="revisit-after" content="7 days">
 
-  <title>Ocular</title>
+  <!-- Open Graph and Twitter Cards -->
+  <meta property="og:title" content="Ocular - Budgeting Tool">
+  <meta property="og:description" content="Ocular - A simplistic, straight-forward budgeting tool for managing finances.">
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="https://budget.reinisch.io/">
+  <meta property="og:image" content="/open-graph.png">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Ocular - Budgeting Tool">
+  <meta name="twitter:description" content="Ocular - A simplistic, straight-forward budgeting tool for managing finances.">
+  <meta name="twitter:image" content="/twitter.png">
+
+  <!-- Canonical URL -->
+  <link rel="canonical" href="https://budget.reinisch.io/">
+
+  <title>Ocular - Budgeting Tool</title>
 </head>
 <body>
 <div id="app"></div>
diff --git a/public/open-graph.png b/public/open-graph.png
new file mode 100644
index 0000000..1f4160d
Binary files /dev/null and b/public/open-graph.png differ
diff --git a/public/open-graph.svg b/public/open-graph.svg
new file mode 100644
index 0000000..ab6b739
--- /dev/null
+++ b/public/open-graph.svg
@@ -0,0 +1 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3600 1890" width="3600" height="1890"><style>.a{fill:#3f5df3}.b{fill:#fff}</style><path class="a" d="m0 350c0-193.3 156.7-350 350-350h2900c193.3 0 350 156.7 350 350v1190c0 193.3-156.7 350-350 350h-2900c-193.3 0-350-156.7-350-350z"/><path class="b" d="m2722.3 738.5l235-1c17.5 0 34 8.4 44.6 23.4l78.4 109.6c15.6 21 12.8 51.5-5.7 71.1l-194.7 194.3c-20.9 21-55.9 21.2-78 0.3l-195.8-194.7c-18-18.5-20.7-47.9-5.8-71l77.6-110.3c10.4-13.1 26.9-21.6 44.4-21.7z"/><path class="b" d="m568.8 1124.3q-34.5-0.1-63-11.6-28.5-11.5-48.5-34.1-19.9-23-30.9-56.5-10.9-34-10.9-78.5 0.1-44.5 11.2-78 11-34 31.1-56.5 20-22.9 48.5-34.4 28.5-11.5 63-11.4 34.5 0 63 11.6 28.5 11.5 48.5 34.6 19.9 22.5 30.9 56.5 10.9 33.5 10.8 78 0 44.5-11.1 78.5-11 33.5-31.1 56.5-20 22.4-48.5 33.9-28.5 11.4-63 11.4zm0.1-67.5q34.5 0 53.5-22.4 19.5-22.5 19.6-64.5l0.1-52q0.1-42-19.4-64.5-19-22.6-53.5-22.6-34.5-0.1-54 22.4-19 22.5-19.1 64.5l-0.1 52q-0.1 42 18.9 64.5 19.5 22.5 54 22.6zm357.9 68.1q-35.5-0.1-64-11.1-28.5-11.6-48.5-33.6-19.9-22.6-30.9-55.6-10.9-33.5-10.9-78 0.1-44 11.2-78 11-34.5 31.1-57.4 20-23.5 48.5-35.4 28.5-12 64-11.9 48.5 0 80 20.1 31.5 19.5 50.4 62.1l-65.6 33.9q-6.9-22.1-21.9-35.1-14.5-13.5-43-13.5-33.5-0.1-54 21.9-20 21.4-20.1 62.9l-0.1 56q-0.1 41.5 19.9 63.6 20.5 21.5 54 21.6 28 0 44.5-15 17-15.4 25-36.9l62 36.1q-19.6 39.9-51.6 61.9-31.5 21.4-80 21.4zm183-354.8l74 0.2-0.3 214q-0.1 37 14.4 55.5 14.5 18 48.5 18.1 34 0 48.5-18 14.5-18.4 14.6-55.4l0.3-214 74 0.1-0.3 206q-0.1 38.5-7.6 67-7.1 28-23.6 46.4-16.5 18-42.5 27-26 8.4-63.5 8.4-37.5-0.1-63.5-8.6-26-9.1-42.5-27.1-16.5-18.5-23.9-46.5-7-28.6-6.9-67.1zm557.4 349.9l-209-0.3 0.6-349 76 0.1-0.4 281.5 133 0.2zm358.5 0.6l-79-0.1-24.9-83.1-116.5-0.2-25.1 83-77-0.1 115.5-348.8 94 0.1zm-122.3-147.7l-38.8-132.5-2.5-0.1-38.7 132.5zm247 19.9l-0.2 128-76-0.1 0.5-349 165.5 0.2q24 0.1 43.5 8.1 19.5 8 33 23 14 14.6 21.4 35.1 7.5 20.5 7.5 45.5-0.1 35.5-16.1 62-15.6 26.4-47.6 38.4l68.3 137.1-84.5-0.1-60.8-128.1zm0.1-64l80 0.1q17 0 26.5-8.5 10-9 10.1-26v-22q0-17-10-25.5-9.5-9-26.5-9l-80-0.1z"/></svg>
\ No newline at end of file
diff --git a/public/twitter.png b/public/twitter.png
new file mode 100644
index 0000000..288886c
Binary files /dev/null and b/public/twitter.png differ
