Add meta tags for Social Media sharing

pauld0051 · Dec 28, 2023 · b3f51be · b3f51be
1 parent 74fabbf
commit b3f51be
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 0 deletions.
diff --git a/alternate_text.html b/alternate_text.html
@@ -3,6 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="Pangram World" />
+    <meta property="og:description" content="Check if you have a pangram or adjust your text to bold, italic or even alternating caps/lower case for Facebook and other social media platforms." />
+    <meta property="og:image" content="https://github.com/pauld0051/pangrams/blob/main/images/pangram-logo-192.png?raw=true" />
+    <meta property="og:url" content="https://github.com/pauld0051/pangrams" />
     <title>Alternate Text Generator</title>
     <link rel="stylesheet" href="style/styles.css">
     <link rel="stylesheet" href="style/base.css">

diff --git a/bold_text.html b/bold_text.html
@@ -3,6 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="Pangram World" />
+    <meta property="og:description"
+        content="Check if you have a pangram or adjust your text to bold, italic or even alternating caps/lower case for Facebook and other social media platforms." />
+    <meta property="og:image"
+        content="https://github.com/pauld0051/pangrams/blob/main/images/pangram-logo-192.png?raw=true" />
+    <meta property="og:url" content="https://github.com/pauld0051/pangrams" />
     <title>Bold Text Generator</title>
     <link rel="stylesheet" href="style/styles.css">
     <link rel="stylesheet" href="style/base.css">

diff --git a/book.html b/book.html
@@ -3,6 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="Pangram World" />
+    <meta property="og:description"
+        content="Check if you have a pangram or adjust your text to bold, italic or even alternating caps/lower case for Facebook and other social media platforms." />
+    <meta property="og:image"
+        content="https://github.com/pauld0051/pangrams/blob/main/images/pangram-logo-192.png?raw=true" />
+    <meta property="og:url" content="https://github.com/pauld0051/pangrams" />
     <title>Pangram World - Book</title>
     <link rel="stylesheet" href="style/styles.css">
     <link rel="stylesheet" href="style/base.css">

diff --git a/index.html b/index.html
@@ -3,6 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="Pangram World" />
+    <meta property="og:description"
+        content="Check if you have a pangram or adjust your text to bold, italic or even alternating caps/lower case for Facebook and other social media platforms." />
+    <meta property="og:image"
+        content="https://github.com/pauld0051/pangrams/blob/main/images/pangram-logo-192.png?raw=true" />
+    <meta property="og:url" content="https://github.com/pauld0051/pangrams" />
     <title>Pangram World</title>
     <link rel="stylesheet" href="style/styles.css">
     <link rel="stylesheet" href="style/base.css">

diff --git a/italics_text.html b/italics_text.html
@@ -3,6 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="Pangram World" />
+    <meta property="og:description"
+        content="Check if you have a pangram or adjust your text to bold, italic or even alternating caps/lower case for Facebook and other social media platforms." />
+    <meta property="og:image"
+        content="https://github.com/pauld0051/pangrams/blob/main/images/pangram-logo-192.png?raw=true" />
+    <meta property="og:url" content="https://github.com/pauld0051/pangrams" />
     <title>Italic Text Generator</title>
     <link rel="stylesheet" href="style/styles.css">
     <link rel="stylesheet" href="style/base.css">