feat(seo): add OGP tags

tinnamchoi · Mar 21, 2024 · 6dbde9e · 6dbde9e
1 parent 1bc1fb0
commit 6dbde9e
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 0 deletions.
diff --git a/hsl/index.html b/hsl/index.html
@@ -6,6 +6,10 @@
     <link rel="stylesheet" href="../style.css">
     <link rel="stylesheet" href="style.css">
     <script src="script.js" defer></script>
+    <meta property="og:title" content="Binary search on color" />
+    <meta property="og:type" content="application" />
+    <meta property="og:url" content="https://tinnamchoi.github.io/binary-search-on-color" />
+    <meta property="og:image" content="//tinnamchoi.github.io/binary-search-on-color/media/preview.png" />
   </head>
   <body>
     <div id="left">

diff --git a/index.html b/index.html
@@ -4,6 +4,10 @@
 
 <head>
   <meta http-equiv="Refresh" content="0; url='landing'" />
+  <meta property="og:title" content="Binary search on color" />
+  <meta property="og:type" content="application" />
+  <meta property="og:url" content="https://tinnamchoi.github.io/binary-search-on-color" />
+  <meta property="og:image" content="//tinnamchoi.github.io/binary-search-on-color/media/preview.png" />
 </head>
 
 </html>
diff --git a/landing/index.html b/landing/index.html
@@ -6,6 +6,10 @@
   <title>Binary search on color</title>
   <link rel="stylesheet" href="../style.css">
   <link rel="stylesheet" href="style.css">
+  <meta property="og:title" content="Binary search on color" />
+  <meta property="og:type" content="application" />
+  <meta property="og:url" content="https://tinnamchoi.github.io/binary-search-on-color" />
+  <meta property="og:image" content="//tinnamchoi.github.io/binary-search-on-color/media/preview.png" />
 </head>
 
 <body>

diff --git a/media/preview.png b/media/preview.png
diff --git a/result/index.html b/result/index.html
@@ -6,6 +6,10 @@
     <link rel="stylesheet" href="../style.css">
     <link rel="stylesheet" href="style.css">
     <script src="script.js" defer></script>
+    <meta property="og:title" content="Binary search on color" />
+    <meta property="og:type" content="application" />
+    <meta property="og:url" content="https://tinnamchoi.github.io/binary-search-on-color" />
+    <meta property="og:image" content="//tinnamchoi.github.io/binary-search-on-color/media/preview.png" />
   </head>
   <body>
     <h1 id="result"></h1>

diff --git a/rgb/index.html b/rgb/index.html
@@ -6,6 +6,10 @@
     <link rel="stylesheet" href="../style.css">
     <link rel="stylesheet" href="style.css">
     <script src="script.js" defer></script>
+    <meta property="og:title" content="Binary search on color" />
+    <meta property="og:type" content="application" />
+    <meta property="og:url" content="https://tinnamchoi.github.io/binary-search-on-color" />
+    <meta property="og:image" content="//tinnamchoi.github.io/binary-search-on-color/media/preview.png" />
   </head>
   <body>
     <div id="left">

diff --git a/tutorial/index.html b/tutorial/index.html
@@ -5,6 +5,10 @@
     <title>Binary search on color</title>
     <link rel="stylesheet" href="../style.css">
     <link rel="stylesheet" href="style.css">
+    <meta property="og:title" content="Binary search on color" />
+    <meta property="og:type" content="application" />
+    <meta property="og:url" content="https://tinnamchoi.github.io/binary-search-on-color" />
+    <meta property="og:image" content="//tinnamchoi.github.io/binary-search-on-color/media/preview.png" />
   </head>
   <body>
     <h1>Binary search on color</h1>