chore: improve seo using meta tags in <head> section. update html usi…

…ng html validator. fixes #1.
henrylin03 · Aug 28, 2024 · 33b5e9f · 33b5e9f
1 parent 49b6e98
commit 33b5e9f
Showing 1 changed file with 21 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -4,13 +4,29 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- link css -->
   <link rel="stylesheet" href="./css/normalise.css">
   <link rel="stylesheet" href="./css/style.css">
+
+  <!-- favicon -->
   <link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
   <link rel="manifest" href="./assets/favicon/site.webmanifest">
-  <title>Intellex Academy: Matching Mentors and Mentees</title>
+
+  <!-- seo -->
+  <title>Intellex: Join our waitlist to get matched to a career mentor</title>
+  <meta name="description"
+    content="Join the waitlist for Intellex Academy, a web app that matches you with career mentors to better understand an industry, develop new and improve existing skills, and get that next job in the team, company, and industry you've been interested in. While the main site is being built, this page captures users' expressions of interest.">
+  <meta name="keywords"
+    content="mentor,mentee,career,guidance,guide,intellex,academy,industry,interview,jobs,job,company">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Intellex: Join our waitlist to get matched to a career mentor">
+  <!-- <meta property="og:url" content=""> -->
+  <meta property="og:image" content="https://imgur.com/a/nmJ74wh">
+  <meta property="og:description"
+    content="Join the waitlist for Intellex Academy, a web app that matches you with career mentors to better understand an industry, develop new and improve existing skills, and get that next job in the team, company, and industry you've been interested in. While the main site is being built, this page captures users' expressions of interest.">
 </head>
 
 <body>
@@ -22,7 +38,7 @@
         </figure>
         <h2>
           <span class="smaller">Intellex</span>
-          <br />
+          <br>
           Academy
         </h2>
       </div>
@@ -62,9 +78,9 @@ <h1>Match with a mentor who gets you</h1>
             Conditions</a>
         </li>
         <li>
-          <a href="https://www.linkedin.com/company/intellexgroup/" target="_blank">
+          <a href="https://www.linkedin.com/company/intellexgroup/" target="_blank" rel="external">
             <img src="./assets/linkedin.svg"
-              alt="LinkedIn icon which will take you to Intellex Academy's LinkedIn page" />
+              alt="LinkedIn icon which will take you to Intellex Academy's LinkedIn page">
           </a>
         </li>
       </ul>
@@ -73,7 +89,7 @@ <h1>Match with a mentor who gets you</h1>
 
   <dialog>
     <iframe id="google-forms"
-      src="https://docs.google.com/forms/d/e/1FAIpQLScIm03IfDkwEId4CVHcoOFZYia_HXLTSPLg6LVXtpsAPck-zg/viewform?embedded=true">Loading…</iframe>
+      src="https://docs.google.com/forms/d/e/1FAIpQLScIm03IfDkwEId4CVHcoOFZYia_HXLTSPLg6LVXtpsAPck-zg/viewform?embedded=true"></iframe>
   </dialog>
 
   <script src="./js/script.js"></script>