diverse fixes & SEO optimization

content/de/about.md

@@ -1,7 +1,7 @@
 ---
 title: "Über mich"
 slug: "about"
-image: "/assets/about-me/about-me.jpg"
+image: "/assets/about-me/about-me.webp"
 ---
 
 Hallo! Ich heisse Michi und interessiere mich für Smartphones, Computer, Elektromobilität (hauptsächlich Tesla) und weitere spannende Technik.

content/en/about.md

@@ -1,7 +1,7 @@
 ---
 title: "About me"
 slug: "about"
-image: "/assets/about-me/about-me.jpg"
+image: "/assets/about-me/about-me.webp"
 ---
 
 Hi! My name is Michi and I'm interested in smartphones, computers, e-mobility (mainly Tesla) and other exciting technology.

hugo.toml

@@ -1,5 +1,4 @@
 baseURL = 'https://michivonah.ch'
-title = 'Michi von Ah - Informatiker, Tech-Enthusiast & Achterbahn-Fan'
 
 defaultContentLanguage = 'de'
 [languages]
@@ -8,15 +7,87 @@ defaultContentLanguage = 'de'
     languageName = 'Deutsch'
     languageCode = 'de-CH'
     weight = 10
+
+    title = 'Michi von Ah - Informatiker, Tech-Enthusiast & Achterbahn-Fan'
+    description = "Hallo! Ich heisse Michi und interessiere mich für Smartphones, Computer, Elektromobilität (hauptsächlich Tesla) und weitere spannende Technik."
+    metadataCard = "assets/metadata/website-banner-de.jpg"
+    keywords = [
+      "Michi",
+      "Michi von Ah",
+      "Michael von Ah",
+      "von Ah",
+      "von Ah Michi",
+      "von Ah Michael",
+      "mva",
+      "mivo",
+      "vom",
+      "Michi v.A.",
+      "Michi vA.",
+      "Persönliche Website",
+      "Persönliche Webseite",
+      "Eigene Website",
+      "Eigene Webseite",
+      "Meine Webseite",
+      "Meine Website",
+      "Über mich",
+      "Website",
+      "Webseite",
+      "Portfolio",
+      "Informatiker",
+      "Plattformentwicklung",
+      "Plattformentwickler",
+      "IT",
+      "technikinteressiert",
+      "Tech-Enthusiast",
+      "Achterbahn-Fan",
+      "Webentwicklung",
+      "System Engineer",
+      "Lifestyle",
+      "Technologie",
+      "3K"
+      ]
+
   [languages.en]
     contentDir = 'content/en'
     languageName = 'English'
     languageCode = 'en-CH'
     weight = 20
 
+    title = 'Michi von Ah - IT guy, tech enthusiast & rollercoaster fan'
+    description = "Hi! My name is Michi and I’m interested in smartphones, computers, e-mobility (mainly Tesla) and other exciting technology."
+    metadataCard = "assets/metadata/website-banner-en.jpg"
+    keywords = [
+      "Michi",
+      "Michi von Ah",
+      "Michael von Ah",
+      "von Ah",
+      "von Ah Michi",
+      "von Ah Michael",
+      "mva",
+      "mivo",
+      "vom",
+      "Michi v.A.",
+      "Michi vA.",
+      "personalwebsite",
+      "personal homepage",
+      "about me",
+      "website",
+      "portfolio",
+      "Informatiker",
+      "informatics",
+      "IT",
+      "IT guy",
+      "tech enthusiast",
+      "rollercoaster fan",
+      "developer",
+      "system engineer",
+      "lifestyle",
+      "develoment",
+      "technology",
+      "3K"
+      ]
+
 [params]
-    description = ""
-    tags = ""
     author = "Michi von Ah"
     legalLink = "https://legal.michivonah.ch"
     faviconPath = "assets/logo/favicon_256.png"

layouts/partials/header.html

@@ -17,20 +17,20 @@
     <link rel="stylesheet" type="text/css" href='{{ "/style.css" | absURL }}' media="screen"/>
     <meta charset="UTF-8">
     <meta name="description" content="{{ .Site.Params.description }}">
-    <meta name="keywords" content="{{ .Site.Params.tags }}">
+    <meta name="keywords" content='{{ delimit site.Params.keywords ", " }}'>
     <meta name="author" content="{{ .Site.Params.author }}">
     <meta name="robots" content="index">
     <meta http-equiv="expires" content="43200">
 
     <meta property="og:title" content="{{ .Site.Params.author }}">
     <meta property="og:description" content="{{ .Site.Params.description }}">
-    <meta property="og:image" content="{{ .Site.Params.faviconPath | relURL }}">
+    <meta property="og:image" content="{{ .Site.Params.metadataCard | relURL }}">
-    <meta property="og:image:type" content="image/jpeg">
+    <meta property="og:image:type" content="image/jpg">
     <meta property="og:url" content="{{ .Site.BaseURL }}">
     <meta property="og:site_name" content="{{ .Site.Params.author }}">
     <meta property="twitter:title" content="{{ .Site.Params.author }}">
     <meta property="twitter:description" content="{{ .Site.Params.description }}">
-    <meta property="twitter:image" content="{{ .Site.Params.faviconPath | relURL }}">
+    <meta property="twitter:image" content="{{ .Site.Params.metadataCard | relURL }}">
     <meta name="twitter:image:alt" content="{{ .Site.Params.author }}">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:site" content="{{ .Site.Params.twitterUsername }}">

static/main.js

@@ -1,26 +1,23 @@
 // Add event listeners
 document.addEventListener('DOMContentLoaded', async function(){
+    scrollTopVisibilityUpdate();
+    updateNavStyle();
+    calculateAge(".age");
+
+    // add eventlistener to language selector
+    const languageSelector = document.querySelector(".language-selector");
+    languageSelector.addEventListener('change', function(){
+        window.location.href = languageSelector.value + window.location.hash;
+    });
+
+    // load projects
+    loadMoreContent('.project-list', 6);
+
+    // hide loader
+    const loader = document.querySelector('.loadingscreen');
+    loader.classList.add('fade-out-no-scale');
     setTimeout(() => {
-        scrollTopVisibilityUpdate();
+        loader.classList.add('hidden');
-        updateNavStyle();
-        calculateAge(".age");
-    
-        // add eventlistener to language selector
-        const languageSelector = document.querySelector(".language-selector");
-        languageSelector.addEventListener('change', function(){
-            window.location.href = languageSelector.value + window.location.hash;
-        });
-    
-        // load projects
-        loadMoreContent('.project-list', 6);
-    
-        // hide loader
-        const loader = document.querySelector('.loadingscreen');
-        loader.classList.add('fade-out-no-scale');
-        //loader.classList.add('hidden');
-        setTimeout(() => {
-            loader.classList.add('hidden');
-        }, 250);
     }, 250);
 });
 

static/robots.txt

@@ -0,0 +1,19 @@
+User-agent: *
+Disallow: /akar-icons-fonts/
+Disallow: /assets/
+
+# Disallow AI chatbots to index the content
+User-agent: GPTBot
+Disallow: /
+User-agent: ChatGPT-User
+Disallow: /
+User-agent: PerplexityBot
+Disallow: /
+User-agent: anthropic-ai
+Disallow: /
+‍User-agent: Claude-Web
+Disallow: /
+User-agent: ClaudeBot
+Disallow: /
+
+Sitemap: https://michivonah.ch/sitemap.xml

static/style.css

@@ -117,6 +117,8 @@ nav .inner-width{
 nav img{
     width: auto;
     height: 56px;
+    margin-block: 20px;
+    box-sizing: border-box;
 }
 
 nav.small img{
@@ -266,7 +268,7 @@ nav.small .nav-links a:last-child:focus{
 }
 
 .hero h1{
-    margin: 0 20px;
+    margin: 30px 20px 0;
     font-size: 6rem;
     transition: var(--baseTransition);
     letter-spacing: -0.6rem;
@@ -824,6 +826,10 @@ nav.small .nav-links a:last-child:focus{
     content: none;
 }
 
+.faq summary::-webkit-details-marker{
+    display: none;
+}
+
 .faq summary::before{
     content: "\f156";
     font-family: akar-icons;
@@ -1167,6 +1173,7 @@ nav.small .nav-links a:last-child:focus{
     100%{
         opacity: 0;
         scale: 0;
+        display: none;
     }
 }