fix: better SEO

components/Header.vue

@@ -2,7 +2,7 @@
   <div ref="stickyWatch" />
   <header ref="header" class="Header">
     <div ref="headerWrapper" class="wrapper z-0">
-      <h1>
+      <strong>
         <svg aria-label="Logo" class="logo" height="40" viewBox="0 0 2500 2500" width="40">
           <g id="Logo">
             <g transform="matrix(2.00744,0,-5.91646e-31,2.00744,-1223.85,-1050.52)">
@@ -21,7 +21,7 @@
           </g>
         </svg>
         webfussel
-      </h1>
+      </strong>
       <input id="navToggle" v-model="isBurgerOpen" type="checkbox">
       <label :aria-label="burgerLabel" for="navToggle">
         <span/><span/><span/><span/>

components/Intro.vue

@@ -1,10 +1,10 @@
 <template>
   <section id="intro" class="Intro content full default-gap">
     <div class="intro-text flex-col default-gap">
-      <h2 class="flex-col">
+      <h1 class="flex-col">
         <span class="greeting">Moin.</span>
-        <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona</span>.</span>
-      </h2>
+        <span class="my-name-wrapper">Ich bin <span class="highlight">Fiona</span><small>Urban</small>.</span>
+      </h1>
       <h3>
         Component <span class="highlight">&</span> API Entwicklerin
       </h3>
@@ -24,7 +24,7 @@
     <div class="intro-img">
       <picture>
         <source width="750" height="866" media="(min-width: 431px)" srcset="/img/profile_big.webp" />
-        <img width="430" height="866" src="/img/profile_small.webp" alt="Bild von mir" />
+        <img width="430" height="866" src="/img/profile_small.webp" alt="Bild von Fiona Urban" />
       </picture>
     </div>
   </section>