updated meta tags

aakashdinkarh · Sep 29, 2024 · 97286b9 · 97286b9
1 parent ca81c53
commit 97286b9
Showing 1 changed file with 49 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1,8 +1,55 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta name="viewport" content="width=device-width, initial-scale=1" charset="UTF-8">
-        <title>Calculator</title>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+        <meta name="theme-color" content="#ffffff" />
+        <meta http-equiv="Content-Language" content="en" />
+        <meta name="author" content="Aakash Dinkar" />
+        <meta name="description" content="A simple and intuitive calculator built with HTML, CSS, and JavaScript. Perform basic arithmetic operations easily and efficiently." />
+        <meta name="keywords" content="Aakash Dinkar, calculator, web calculator, HTML CSS JavaScript, arithmetic operations, simple calculator, coding projects, front-end development" />
+
+        <!-- Favicon for browsers -->
+        <link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon.ico" type="image/x-icon">
+        <!-- Favicon for standard desktop browsers (16x16, 32x32) -->
+        <link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-32.png" sizes="32x32" type="image/png">
+        <link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-16.png" sizes="16x16" type="image/png">
+        <!-- Favicon for high-resolution desktop displays (64x64) -->
+        <link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-64.png" sizes="64x64" type="image/png">
+        <!-- Apple Touch Icons for iOS -->
+        <link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-180.png">
+        <link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-152.png">
+        <link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-120.png">
+        <link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-76.png">
+        <link rel="apple-touch-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon.ico">
+        <!-- Favicon for Android devices -->
+        <link rel="icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-192.png" sizes="192x192" type="image/png">
+        <!-- Favicon for Windows tiles (optional) -->
+        <meta name="msapplication-TileImage" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-144.png">
+
+        <!-- Shortcut icon for backward compatibility with older browsers -->
+        <link rel="shortcut icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon.ico" type="image/x-icon">
+        <!-- Mask icon for Safari Pinned Tab (can be in SVG format, for better scaling) -->
+        <link rel="mask-icon" href="https://aakashdinkarh.github.io/static_assets/images/portfolio/site-icon/site-icon-32.png">
+
+        <meta name="baseCDNUrl" content="https://aakashdinkarh.github.io/static_assets">
+
+        <meta property="og:title" content="Calculator - Aakash Dinkar" />
+        <meta property="og:description" content="A simple and intuitive calculator built with HTML, CSS, and JavaScript. Perform basic arithmetic operations easily and efficiently." />
+        <meta property="og:url" content="https://aakashdinkar.in/calculator/" />
+        <meta property="og:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/avif-images/meta-og-image.avif" />
+        <meta property="og:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/webp-images/meta-og-image.webp" />
+        <meta property="og:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/original-images/meta-og-image.jpeg" />
+        <meta property="og:type" content="website" />
+        <meta property="og:site_name" content="Calculator - Aakash Dinkar">
+
+        <meta name="twitter:title" content="Calculator - Aakash Dinkar" />
+        <meta name="twitter:description" content="A simple and intuitive calculator built with HTML, CSS, and JavaScript. Perform basic arithmetic operations easily and efficiently." />
+        <meta name="twitter:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/avif-images/meta-og-image.avif" />
+        <meta name="twitter:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/webp-images/meta-og-image.webp" />
+        <meta name="twitter:image" content="https://aakashdinkarh.github.io/static_assets/images/portfolio/original-images/meta-og-image.jpeg" />
+
+        <title>Calculator - Aakash Dinkar</title>
         <style>
             * {
                 box-sizing: border-box;