Automated sitemap + page descriptions + stat counter + seo optmizations

Apoo711 · Apoo711 · commit 22016295350c · 2025-07-02T11:42:36.000+10:00
diff --git a/eleventy.config.js b/eleventy.config.js
@@ -3,23 +3,11 @@ const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
 const pluginTOC = require('eleventy-plugin-toc');
 const markdownIt = require('markdown-it');
 const markdownItAnchor = require('markdown-it-anchor');
-const sitemap = require("@quasibit/eleventy-plugin-sitemap");
 
 module.exports = function(eleventyConfig) {
 
     eleventyConfig.addPlugin(syntaxHighlight);
 
-    // Add the sitemap plugin with image grabbing enabled
-    eleventyConfig.addPlugin(sitemap, {
-        sitemap: {
-            hostname: "https://aryan-gupta.is-a.dev",
-        },
-        images: {
-            grab: true,
-            featuredImage: "image"
-        }
-    });
-
     eleventyConfig.setLibrary(
         'md',
         markdownIt({
@@ -45,6 +33,14 @@ module.exports = function(eleventyConfig) {
         flat: false
     });
 
+    eleventyConfig.addFilter("regexFindAll", (content, regexString) => {
+        if (!content) {
+            return [];
+        }
+        const regex = new RegExp(regexString, "g");
+        return Array.from(content.matchAll(regex));
+    });
+
     eleventyConfig.addCollection("research", function(collectionApi) {
         return collectionApi.getFilteredByTag("research");
     });
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "devDependencies": {
     "@11ty/eleventy": "^3.0.0",
     "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.1",
-    "@quasibit/eleventy-plugin-sitemap": "^2.2.0",
+    "cross-env": "^7.0.3",
     "eleventy-plugin-toc": "^1.1.5",
     "luxon": "^3.6.1",
     "markdown-it": "^14.1.0",
diff --git a/robots.txt b/robots.txt
@@ -1,2 +1,4 @@
 User-agent: *
-Allow: /
+Allow: /
+
+Sitemap: https://aryan-gupta.is-a.dev/sitemap.xml
diff --git a/src/_includes/layouts/base.njk b/src/_includes/layouts/base.njk
@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="{{ description }}">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
     <title>{{ title | default("Aryan Gupta - Portfolio") }}</title>
+    <link rel="canonical" href="https://aryan-gupta.is-a.dev{{ page.url }}">
     <link rel="stylesheet" href="/css/okaidia.css">
     <link rel="stylesheet" href="/css/base.css">
     <link rel="stylesheet" href="/css/layout.css">
@@ -15,6 +17,8 @@
     <link rel="stylesheet" href="/css/research.css">
     <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" ... />
+    <script data-goatcounter="https://aryan-gupta.goatcounter.com/count"
+            async src="//gc.zgo.at/count.js"></script>
 </head>
 <body>
     <div id="tsparticles"></div>
diff --git a/src/_includes/layouts/post.njk b/src/_includes/layouts/post.njk
@@ -24,4 +24,21 @@ layout: 'layouts/base.njk'
 
 <p style="margin-top: 40px; text-align: center;">
   <a href="/blog/">&larr; Back to Blog List</a> {# Link back to blog index #}
-</p>
+</p>
+
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "BlogPosting",
+  "headline": "{{ title }}",
+  "description": "{{ description }}",
+  {% if image -%}
+  "image": "https://aryan-gupta.is-a.dev{{ image | url }}",
+  {%- endif %}
+  "datePublished": "{{ page.date.toISOString() }}",
+  "author": {
+    "@type": "Person",
+    "name": "Aryan Gupta"
+  }
+}
+</script>
diff --git a/src/blog/3d-graph-plugin.md b/src/blog/3d-graph-plugin.md
@@ -5,6 +5,7 @@ tags:
   - post
 layout: layouts/post.njk
 excerpt: "A deep dive into the Obsidian 3D Graph plugin. Discover its core features and take a behind-the-scenes look at the technical challenges and solutions involved in its development, from solving complex CSS color issues to building a real-time settings UI."
+descri[tion: "A deep dive into the Obsidian 3D Graph plugin. Discover its key features, how it was built, and how it can help you find new connections in your notes."
 permalink: "/blog/{{ page.date.getFullYear() }}/{{ page.fileSlug }}/"
 sitemap:
    priority: 0.5
diff --git a/src/blog/compact-gui-deep-dive.md b/src/blog/compact-gui-deep-dive.md
@@ -5,6 +5,7 @@ tags:
   - post
 layout: layouts/post.njk
 excerpt: "A look into Compact-GUI, an open-source application that utilizes Windows' CompactOS feature to help reduce the disk space occupied by games and programs. This post covers its functionality, my experience, and how to use it."
+description: "Learn how Compact-GUI uses Windows' built-in features to shrink game and application files, saving you disk space with minimal performance impact."
 permalink: "/blog/{{ page.date.getFullYear() }}/{{ page.fileSlug }}/"
 sitemap:
   priority: 0.5
diff --git a/src/blog/first-post.md b/src/blog/first-post.md
@@ -5,6 +5,7 @@ tags:
   - post
 layout: layouts/post.njk # Tell it to use the post layout
 excerpt: "Ever wondered what goes into building a website from scratch? In my first blog post, I share the journey behind creating this VCE resource hub – from the initial idea and tech choices to the challenges faced and lessons learned along the way. Take a peek behind the scenes!"
+description: "A behind-the-scenes look at the tech choices, challenges, and lessons learned while creating my personal portfolio and VCE resource hub from scratch."
 permalink: "/blog/{{ page.date.getFullYear() }}/{{ page.fileSlug }}/"
 sitemap:
   priority: 0.5
diff --git a/src/blog/notebooklm.md b/src/blog/notebooklm.md
@@ -5,6 +5,7 @@ tags:
   - post
 layout: layouts/post.njk
 excerpt: "Discover how Google's NotebookLM can transform your VCE study routine. This deep dive covers key features like the Study Guide and Mind Map creator, and walks through building a Chemistry revision notebook from scratch. Stop drowning in notes and start understanding them."
+description: "Discover how Google's NotebookLM can transform your VCE study routine by turning your notes into an interactive study guide, mind map, and audio summary."
 permalink: "/blog/{{ page.date.getFullYear() }}/{{ page.fileSlug }}/"
 sitemap:
   priority: 0.5
diff --git a/src/index.html b/src/index.html
@@ -9,15 +9,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Apoo711 - Portfolio</title>
+    <meta name="description" content="Welcome to the portfolio of Aryan Gupta, a VCE student and creator. Explore my software projects, browse VCE study resources, and read my latest blog posts.">
+    <link rel="canonical" href="https://aryan-gupta.is-a.dev/">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/base.css">
     <link rel="stylesheet" href="css/components.css">
     <link rel="stylesheet" href="css/layout.css">
     <link rel="stylesheet" href="css/navigation.css">
     <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" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
-
     <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
+    <script data-goatcounter="https://aryan-gupta.goatcounter.com/count"
+            async src="//gc.zgo.at/count.js"></script>
 </head>
 <body>
 <div id="tsparticles"></div>
diff --git a/src/sitemap.njk b/src/sitemap.njk
@@ -0,0 +1,24 @@
+---
+permalink: /sitemap.xml
+eleventyExcludeFromCollections: true
+---
+<?xml version="1.0" encoding="utf-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
+{%- for page in collections.all %}
+  <url>
+    <loc>https://aryan-gupta.is-a.dev{{ page.url | url }}</loc>
+    <lastmod>{{ page.date.toISOString() }}</lastmod>
+    {% if page.data.sitemap and page.data.sitemap.priority %}
+    <priority>{{ page.data.sitemap.priority }}</priority>
+    {% endif %}
+
+    {#- Find all image tags in the page's final rendered content -#}
+    {%- set images = page.content | regexFindAll('<img[^>]+src="([^"]+)"[^>]*>') %}
+    {%- for image in images %}
+    <image:image>
+      <image:loc>https://aryan-gupta.is-a.dev{{ image[1] | url }}</image:loc>
+    </image:image>
+    {%- endfor %}
+  </url>
+{%- endfor %}
+</urlset>
diff --git a/src/vce/chem/index.html b/src/vce/chem/index.html
@@ -9,11 +9,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Chemistry Resources</title>
-    <link rel="stylesheet" href="/css/base.css">      <link rel="stylesheet" href="/css/layout.css">
+    <link rel="canonical" href="https://aryan-gupta.is-a.dev/vce/chem/">
+    <meta name="description" content="A growing collection of study resources for VCE Chemistry. Find helpful notes and materials for Units 1 & 2 to aid in your exam preparation.">
+    <link rel="stylesheet" href="/css/base.css">
+    <link rel="stylesheet" href="/css/layout.css">
     <link rel="stylesheet" href="/css/navigation.css">
     <link rel="stylesheet" href="/css/components.css">
     <link rel="stylesheet" href="/css/style.css">     <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" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png"> </head>
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
+    <script data-goatcounter="https://aryan-gupta.goatcounter.com/count"
+            async src="//gc.zgo.at/count.js"></script>
+</head>
 <body>
 <div id="tsparticles"></div>
 <header>
diff --git a/src/vce/eng/index.html b/src/vce/eng/index.html
diff --git a/src/vce/index.html b/src/vce/index.html
diff --git a/src/vce/physics/index.html b/src/vce/physics/index.html
diff --git a/src/vce/spec-maths/index.html b/src/vce/spec-maths/index.html
