Enhance SEO, update scripts, and improve HTML structure

Enhanced SEO and social media sharing in `App.razor` by adding various meta tags, including keywords, creator, publisher, robots, Open Graph, and Twitter card metadata. Updated the favicon link and Chart.js script to newer versions, and added Google Analytics for tracking. Improved semantic HTML in `RepositoryDisplay.razor` by changing `<h3>` and `<h5>` tags to `<p>` tags. Updated the page title in `Home.razor` from "GPV Dotnet" to "GitHub Profile Viewer" and adjusted the image border-radius for a more refined appearance. Added new PNG image files `icon16.png`, `icon32.png`, and `icon48.png` with binary data.
sametcn99 · Aug 3, 2024 · e3b1e74 · e3b1e74
1 parent 4bf00f8
commit e3b1e74
Show file tree

Hide file tree

Showing 14 changed files with 456 additions and 7 deletions.
diff --git a/GPVBlazor/GPVBlazor/Components/App.razor b/GPVBlazor/GPVBlazor/Components/App.razor
@@ -4,12 +4,37 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="keywords" content="github profile viewer, github stats, github profile, readme stats">
+    <meta name="creator" content="sametcn99">
+    <meta name="publisher" content="sametcn99">
+    <meta name="robots" content="index, follow">
     <base href="/" />
+    <meta property="og:title" content="Github Profile Viewer">
+    <meta property="og:description" content="Explore GitHub and Gist profile statistics effortlessly, utilizing the GitHub REST API to retrieve comprehensive information.">
+    <meta property="og:image" content="icons/icon48.png">
+    <meta property="og:url" content="https://githubprofileviewer.com">
+    <meta property="og:site_name" content="Github Profile Viewer">
+    <meta property="og:type" content="website">
+    <meta property="og:locale" content="en_US">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:site" content="Github Profile Viewer">
+    <meta name="twitter:creator" content="sametcn99">
+    <meta name="twitter:title" content="Github Profile Viewer">
+    <meta name="twitter:description" content="Explore GitHub and Gist profile statistics effortlessly, utilizing the GitHub REST API to retrieve comprehensive information.">
+    <meta name="twitter:image" content="icons/icon48.png">
     <link rel="stylesheet" href="app.css" />
     <link rel="stylesheet" href="GPVBlazor.styles.css" />
     <link rel="stylesheet" href="bulma.min.css" />
-    <link rel="icon" type="image/png" href="favicon.png" />
-    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <link rel="icon" type="image/png" href="icons/icon48.png" />
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-N9EB4H11MT"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag() { dataLayer.push(arguments); }
+        gtag('js', new Date());
+
+        gtag('config', 'G-N9EB4H11MT');
+    </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.min.js" integrity="sha512-L0Shl7nXXzIlBSUUPpxrokqq4ojqgZFQczTYlGjzONGTDAcLremjwaWv5A+EDLnxhQzY5xUZPWLOLqYRkY0Cbw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <HeadOutlet />
 </head>

diff --git a/GPVBlazor/GPVBlazor/Components/Displays/RepositoryDisplay.razor b/GPVBlazor/GPVBlazor/Components/Displays/RepositoryDisplay.razor
@@ -4,12 +4,12 @@
 {
     <div class="box is-flex is-flex-direction-column is-justify-content-space-between" style="height: 100%">
         <div>
-            <h3>@Title</h3>
+            <p class="title">@Title</p>
             <div>
-                <h5 class="title is-5 py-0 my-0">
+                <p class="title is-5 py-0 my-0">
                     @repository.Name
 
-                </h5>
+                </p>
                 <h6 class="title is-6 is-flex is-flex-wrap-wrap is-column-gap-1 my-0">
                     <span class="subtitle is-6 has-text-grey">@repository.Language</span>
                     <span class="subtitle is-6 has-text-grey">@((repository.Archived) ? "Archived" : "")</span>

diff --git a/GPVBlazor/GPVBlazor/Components/Pages/Home.razor b/GPVBlazor/GPVBlazor/Components/Pages/Home.razor
@@ -2,7 +2,7 @@
 @rendermode InteractiveServer
 @inject IJSRuntime JS
 @inject Services.Interfaces.IAuthService AuthService
-<PageTitle>GPV Dotnet</PageTitle>
+<PageTitle>GitHub Profile Viewer</PageTitle>
 
 <main class="is-flex is-flex-direction-column is-gap-2 is-align-items-center">
     <h1 class="title is-size-1">GitHub Profile Viewer</h1>
@@ -12,7 +12,7 @@
     <a href="https://chromewebstore.google.com/detail/gpv-opener/abgechjdbcnlcdcmhkaakobeoimjgkmb" target="_blank">
         <img src="/icons/chrome-extension-white.png"
              alt="GitHub Profile Viewer"
-             style="width:10rem; border-radius:1rem;" />
+             style="width:10rem; border-radius:0.7rem;" />
     </a>
     <GPVBlazor.Components.Displays.SearchBarDisplay />
     <div class="field has-addons">

diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/chrome-extension-dark.png b/GPVBlazor/GPVBlazor/wwwroot/icons/chrome-extension-dark.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/icon128.png b/GPVBlazor/GPVBlazor/wwwroot/icons/icon128.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/icon16.png b/GPVBlazor/GPVBlazor/wwwroot/icons/icon16.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/icon300.png b/GPVBlazor/GPVBlazor/wwwroot/icons/icon300.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/icon32.png b/GPVBlazor/GPVBlazor/wwwroot/icons/icon32.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/icon48.png b/GPVBlazor/GPVBlazor/wwwroot/icons/icon48.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/icon512.png b/GPVBlazor/GPVBlazor/wwwroot/icons/icon512.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/icon512.svg b/GPVBlazor/GPVBlazor/wwwroot/icons/icon512.svg
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/octocat.png b/GPVBlazor/GPVBlazor/wwwroot/icons/octocat.png
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/octocat.svg b/GPVBlazor/GPVBlazor/wwwroot/icons/octocat.svg
diff --git a/GPVBlazor/GPVBlazor/wwwroot/icons/thumbnail.png b/GPVBlazor/GPVBlazor/wwwroot/icons/thumbnail.png