Add SEO meta tags and update page title in HTML

Mustapha-Nkhili · Jul 23, 2024 · a07c40c · a07c40c
1 parent 300bb29
commit a07c40c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -5,7 +5,28 @@
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title></title>
+  <title>Nkhili CSS - A Modern CSS Framework</title>
+
+  <meta name="description"
+    content="Explore NkhiliCSS, a robust CSS framework designed to simplify and accelerate web development. Create modern, responsive websites with streamlined styling and powerful features.">
+  <meta name="keywords"
+    content="nkhilicss, NkhiliCSS, nkhili css, CSS framework, responsive design, web development, easy-to-use CSS, efficient CSS, modern web design">
+  <meta name="author" content="Mustapha Nkhili">
+
+  <meta property="og:title" content="NkhiliCSS - A Modern CSS Framework">
+  <meta property="og:description"
+    content="Discover NkhiliCSS, a CSS framework focused on simplicity and efficiency. Perfect for creating modern, responsive websites with ease.">
+  <meta property="og:image" content="https://nkhilicss.web.app/nkhilicss-social.png">
+  <meta property="og:url" content="https://nkhilicss.web.app/">
+
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="NkhiliCSS - A Modern CSS Framework">
+  <meta name="twitter:description"
+    content="Explore NkhiliCSS, an efficient CSS framework designed to simplify web development. Create responsive websites quickly and effortlessly.">
+  <meta name="twitter:image" content="https://nkhilicss.web.app/nkhilicss-social.png">
+
+  <link rel="canonical" href="https://nkhilicss.web.app/">
+  <link rel="alternate" hreflang="en" href="https://nkhilicss.web.app/">
 </head>
 
 <body class="bg-body">

diff --git a/public/nkhilicss-social.png b/public/nkhilicss-social.png