updated meta tags

aakashdinkarh · Sep 29, 2024 · e581774 · e581774
1 parent d6eb3ee
commit e581774
Showing 1 changed file with 47 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -1,8 +1,53 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <meta name="viewport" content="width=device-width,initial-scale=1" charset="UTF-8">
-        <title>Image Modalling</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="Explore images in a stunning modal view with this Image Modal project. Enhance your web experience by viewing images in a larger format without leaving the page." />
+        <meta name="keywords" content="Aakash Dinkar, Image Modal, image viewer, modal gallery, HTML CSS JavaScript, web development project, responsive design, user experience" />
+
+        <!-- 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 property="og:title" content="Image Modal - Aakash Dinkar" />
+        <meta property="og:description" content="Explore images in a stunning modal view with this Image Modal project. Enhance your web experience by viewing images in a larger format without leaving the page." />
+        <meta property="og:url" content="https://aakashdinkar.in/Image-modal/" />
+        <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="Image Modal - Aakash Dinkar">
+
+        <meta name="twitter:title" content="Image Modal - Aakash Dinkar" />
+        <meta name="twitter:description" content="Explore images in a stunning modal view with this Image Modal project. Enhance your web experience by viewing images in a larger format without leaving the page." />
+        <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>Image Modal - Aakash Dinkar</title>
         <style>
             * {
                 box-sizing: border-box;