chore: add twitter and open graph tags

simonwep · Apr 22, 2024 · f51391e · f51391e
1 parent bcc80ae
commit f51391e
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git 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
diff --git a/public/open-graph.svg b/public/open-graph.svg
diff --git a/public/twitter.png b/public/twitter.png