Add OG Meta Tags

OSSPhilippines · Mar 27, 2023 · bcafe21 · bcafe21
1 parent 6025558
commit bcafe21
Show file tree

Hide file tree

Showing 8 changed files with 113 additions and 0 deletions.
diff --git a/beginner/index.html b/beginner/index.html
@@ -5,6 +5,20 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Freefolio beginner template">
+    <meta property="og:title" content="OSSPH Freefolio - Beginner Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Beginner Template"/>
+    <meta property="og:type" content="website" />
+    <meta
+        property="og:image"
+        content="https://freefolio.web.app/images/beginner.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Beginner Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Beginner Template" />
     <title>Beginner a Freefolio template by OSSPH</title>
     <link rel="icon" href="assets/favicon.ico">
     <link rel="stylesheet" href="reset.css">

diff --git a/clean/index.html b/clean/index.html
@@ -3,6 +3,21 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:title" content="OSSPH Freefolio - Clean Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Clean Template"/>
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://freefolio.web.app/clean" />
+    <meta
+        property="og:image"
+        content="https://i.postimg.cc/prrTdBX2/clean.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Clean Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Clean Template" />
     <title>Clean a Freefolio template by OSSPH</title>
     <link rel="stylesheet" href="./css/main.css" />
     <link rel="shortcut icon" href="./img/logo.svg" type="image/x-icon" />

diff --git a/deepsea/index.html b/deepsea/index.html
@@ -7,6 +7,20 @@
     <meta name="description" content="Deep Sea theme create by Rane G" />
     <meta name="theme-color" content="#134074" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta property="og:title" content="OSSPH Freefolio - Deep Sea Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Deep Sea Template"/>
+    <meta property="og:type" content="website" />
+    <meta
+        property="og:image"
+        content="https://i.postimg.cc/8zMCscDr/deepsea.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Deep Sea Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Deep Sea Template" />
     <link rel='apple-touch-icon' href='/logo.png'>
     <link rel="stylesheet" href="index.css">
     <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">

diff --git a/hacker/index.html b/hacker/index.html
@@ -8,6 +8,20 @@
     <meta name="msapplication-TileColor" content="#da532c">
     <meta name="theme-color" content="#ffffff">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+    <meta property="og:title" content="OSSPH Freefolio - Hacker Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Hacker Template"/>
+    <meta property="og:type" content="website" />
+    <meta
+        property="og:image"
+        content="https://i.postimg.cc/fT3yn5rC/hacker.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Hacker Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Hacker Template" />
     <title>Hacker | Free Professional Portfolio Website Templates by Joff Tiquez</title>
     <link rel="apple-touch-icon" sizes="180x180" href="./favicon_package_v0.16/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="./favicon_package_v0.16/favicon-32x32.png">

diff --git a/indify/index.html b/indify/index.html
@@ -4,6 +4,20 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:title" content="OSSPH Freefolio - Indify Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Indify Template"/>
+    <meta property="og:type" content="website" />
+    <meta
+        property="og:image"
+        content="https://freefolio.web.app/images/indify.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Indify Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Indify Template" />
     <title>Indify a Freefolio template by OSSPH</title>
     <!-- Favicons -->
     <link

diff --git a/outlines/index.html b/outlines/index.html
@@ -4,6 +4,20 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:title" content="OSSPH Freefolio - Outlines Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Outlines Template"/>
+    <meta property="og:type" content="website" />
+    <meta
+        property="og:image"
+        content="https://freefolio.web.app/images/outlines.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Outlines Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Outlines Template" />
 
     <link rel="stylesheet" type="text/css" href="./styles.css" />
     <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">

diff --git a/plain/index.html b/plain/index.html
@@ -8,6 +8,20 @@
       name="viewport"
       content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"
     />
+    <meta property="og:title" content="OSSPH Freefolio - Plain Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Plain Template"/>
+    <meta property="og:type" content="website" />
+    <meta
+        property="og:image"
+        content="https://freefolio.web.app/images/plain.png"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Plain Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Plain Template" />
     <title>
       Plain | Free Professional Portfolio Website Templates by Joff Tiquez
     </title>

diff --git a/simple/index.html b/simple/index.html
@@ -2,6 +2,20 @@
 <html>
 
 <head>
+    <meta property="og:title" content="OSSPH Freefolio - Simple Template"/>
+    <meta property="og:description" content="100% FREE Professional Portfolio Templates - Simple Template"/>
+    <meta property="og:type" content="website" />
+    <meta
+        property="og:image"
+        content="https://freefolio.web.app/images/simple.PNG"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:image:alt" content="OSSPH Freefolio">
+    <meta name="twitter:title" content="OSSPH Freefolio - Simple Template" />
+    <meta name="twitter:description" content="100% FREE Professional Portfolio Templates - Simple Template" />
     <link rel="shortcut icon" type="image/svg" href="./pictures/programmer.svg">
     <title>Simple a Freefolio template by OSSPH</title>