SEO optimizations

components/navbar.jsx

@@ -37,7 +37,7 @@ class Navbar extends React.Component {
         {
           key: 1,
           name: "Fertigungsverfahren",
-          link: "/fertigungsverfahren",
+          link: "/fertigungsverfahren/laserteile",
         },
         {
           key: 2,

next.config.js

@@ -1,4 +1,9 @@
-module.exports = {
+const withBundleAnalyzer = require('@next/bundle-analyzer')({
+  enabled: process.env.ANALYZE === 'true',
+  openAnalyzer: false,
+})
+
+module.exports = withBundleAnalyzer({
   async redirects() {
     return [
       {
@@ -17,4 +22,4 @@ module.exports = {
     locales: ['de'],
     defaultLocale: 'de',
   },
-}
+})

package.json

@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@next/bundle-analyzer": "^13.1.6",
     "@react-google-maps/api": "^2.18.1",
     "axios": "^1.2.6",
     "bootstrap": "^5.2.3",

pages/_app.js

@@ -215,19 +215,21 @@ export default class Site extends App {
           <meta httpEquiv="content-language" content="de" />
         </Head>
         <Navbar />
-        <SwitchTransition mode="out-in">
+        <main>
-          <Transition
+          <SwitchTransition mode="out-in">
-            timeout={1000}
+            <Transition
-            addEndListener={(node, done) => {
+              timeout={1000}
-              this.handleExit.bind(this);
+              addEndListener={(node, done) => {
-            }}
+                this.handleExit.bind(this);
-            key={path}
+              }}
-            onEnter={this.handleEnter.bind(this)}
+              key={path}
-            onExit={(node, done) => this.handleExit(node, done)}
+              onEnter={this.handleEnter.bind(this)}
-          >
+              onExit={(node, done) => this.handleExit(node, done)}
-            <Component {...pageProps} className="component" />
+            >
-          </Transition>
+              <Component {...pageProps} className="component" />
-        </SwitchTransition>
+            </Transition>
+          </SwitchTransition>
+        </main>
         <Footer />
 
         <Script

pages/index.js

@@ -118,7 +118,7 @@ export default class Home extends React.Component {
                     width={250}
                     height={250}
                   />
-                  <h3 className="text-white"> Laserteile </h3>
+                  <h2 className="text-white"> Laserteile </h2>
                 </div>
 
               </Link>
@@ -140,7 +140,7 @@ export default class Home extends React.Component {
                     width={250}
                     height={250}
                   />
-                  <h3 className="text-white"> Stanzteile </h3>
+                  <h2 className="text-white"> Stanzteile </h2>
                 </div>
 
               </Link>
@@ -162,7 +162,7 @@ export default class Home extends React.Component {
                     width={250}
                     height={250}
                   />
-                  <h3 className="text-white"> Biegeteile </h3>
+                  <h2 className="text-white"> Biegeteile </h2>
                 </div>
 
               </Link>
@@ -172,7 +172,7 @@ export default class Home extends React.Component {
         <div className="container">
           <div className="row">
             <div className="col-12 col-lg-8 offset-lg-2 mt-5">
-              <h2 className="text-center"> Produkte </h2>
+              <h3 className="text-center"> Produkte </h3>
               <p className="text-center">
                 Wir verarbeiten alle auf dem Weltmarkt erhältlichen Materialien.
                 Durch unsere Spezialisierung auf Feinbleche haben wir oft auch
@@ -196,7 +196,7 @@ export default class Home extends React.Component {
                   />
                 </div>
                 <div className="">
-                  <h3 className="text-center">Elektronikgehäuse</h3>
+                  <h4 className="text-center">Elektronikgehäuse</h4>
                   <p>
                     Unsere Elektronikgehäuse werden mit{" "}
                     <Link href="/fertigungsverfahren/stanzteile">
@@ -229,7 +229,7 @@ export default class Home extends React.Component {
                   />
                 </div>
                 <div className="">
-                  <h3 className="text-center">Elektronikaufnahme</h3>
+                  <h4 className="text-center">Elektronikaufnahme</h4>
                   <p>
                     An dem Edelstahlgrundkörper sieht man unser Leistungsspektrum
                     rund ums Blech. Es sind Gewindedüsen geformt, Gewindebolzen
@@ -252,7 +252,7 @@ export default class Home extends React.Component {
                   />
                 </div>
                 <div className="">
-                  <h3 className="text-center">Chassis für Messtechnik</h3>
+                  <h4 className="text-center">Chassis für Messtechnik</h4>
                   <p>
                     Spezielle Messtechnik benötigt häufig auch spezielle Lösungen in
                     der Mechanik. Dieses dreieckige Gehäuse stellt höchste
@@ -274,7 +274,7 @@ export default class Home extends React.Component {
                   />
                 </div>
                 <div className="">
-                  <h3 className="text-center">Teleskopdurchführungen</h3>
+                  <h4 className="text-center">Teleskopdurchführungen</h4>
                   <p>
                     Bei diesen Biegeteilen liegt die Schwierigkeit in der Ebenheit
                     der Werkstücke. Die Ebenheit muss selbst nach der
@@ -304,7 +304,7 @@ export default class Home extends React.Component {
                   />
                 </div>
                 <div className="">
-                  <h3 className="text-center">Federn aus exotischen Materialien</h3>
+                  <h4 className="text-center">Federn aus exotischen Materialien</h4>
                   <p>
                     Wir haben eine große Auswahl an Federstählen auf Lager und
                     fertigen die Federn mit Spezialwerkzeugen aus eigener
@@ -330,7 +330,7 @@ export default class Home extends React.Component {
                   />
                 </div>
                 <div className="">
-                  <h3 className="text-center">MU-Metall Abschirmungen</h3>
+                  <h4 className="text-center">MU-Metall Abschirmungen</h4>
                   <p>
                     Aufgrund unserer langjährigen Erfahrung im audiovisuellen
                     Anlagenbau sind wir auch Ihr kompetenter Partner in der

styles/globals.scss

@@ -51,12 +51,24 @@
 h1 {
   margin-bottom: 2rem;
   font-family: circe, sans-serif;
-  font-weight: 800;
+  font-weight: 1000;
   font-style: normal;
   text-align: center;
 }
 
 h2 {
+  font-family: circe, sans-serif;
+  font-weight: 900;
+  font-style: normal;
+}
+
+h3 {
+  font-family: circe, sans-serif;
+  font-weight: 800;
+  font-style: normal;
+}
+
+h4 {
   font-family: circe, sans-serif;
   font-weight: 700;
   font-style: normal;

yarn.lock

@@ -66,6 +66,13 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
 
+"@next/bundle-analyzer@^13.1.6":
+  version "13.1.6"
+  resolved "https://registry.yarnpkg.com/@next/bundle-analyzer/-/bundle-analyzer-13.1.6.tgz#36ff2f9c4b19aa75cd589ee080b1e2edb24f1192"
+  integrity sha512-rJS9CtLoGT58mL+v2ISKANosFFWP/0YKYByHQ3vTaZrbQP8b1rYRxd2QVMJmnSXaFkiP9URt1XJ6OdGyVq5b6g==
+  dependencies:
+    webpack-bundle-analyzer "4.7.0"
+
 "@next/env@13.1.6":
   version "13.1.6"
   resolved "https://registry.yarnpkg.com/@next/env/-/env-13.1.6.tgz#c4925609f16142ded1a5cb833359ab17359b7a93"
@@ -176,6 +183,11 @@
     tiny-glob "^0.2.9"
     tslib "^2.4.0"
 
+"@polka/url@^1.0.0-next.20":
+  version "1.0.0-next.21"
+  resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1"
+  integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==
+
 "@react-google-maps/api@^2.18.1":
   version "2.18.1"
   resolved "https://registry.yarnpkg.com/@react-google-maps/api/-/api-2.18.1.tgz#140bb134f50c98939b6eb440d01dbb7df562090c"
@@ -274,7 +286,12 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-acorn@^8.8.0:
+acorn-walk@^8.0.0:
+  version "8.2.0"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+
+acorn@^8.0.4, acorn@^8.8.0:
   version "8.8.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.2.tgz#1b2f25db02af965399b9776b0c2c391276d37c4a"
   integrity sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==
@@ -489,7 +506,7 @@ caniuse-lite@^1.0.30001406:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001449.tgz#a8d11f6a814c75c9ce9d851dc53eb1d1dfbcd657"
   integrity sha512-CPB+UL9XMT/Av+pJxCKGhdx+yg1hzplvFJQlJ2n68PyQGMz9L/E2zCyLdOL8uasbouTUgnPl+y0tccI/se+BEw==
 
-chalk@^4.0.0:
+chalk@^4.0.0, chalk@^4.1.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -557,6 +574,11 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
@@ -688,6 +710,11 @@ dom-helpers@^5.0.1:
     "@babel/runtime" "^7.8.7"
     csstype "^3.0.2"
 
+duplexer@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
+
 emoji-regex@^9.2.2:
   version "9.2.2"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
@@ -1325,6 +1352,13 @@ grapheme-splitter@^1.0.4:
   version "3.11.4"
   resolved "file:./node_addons/gsap-bonus.tgz#286bdce99e2ad13e63041cf92272023650836889"
 
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+  dependencies:
+    duplexer "^0.1.2"
+
 has-bigints@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.1.tgz#64fe6acb020673e3b78db035a5af69aa9d07b113"
@@ -1703,7 +1737,7 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash@^4.17.21:
+lodash@^4.17.20, lodash@^4.17.21:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -1774,6 +1808,11 @@ mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
   resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
 
+mrmime@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.1.tgz#5f90c825fad4bdd41dc914eff5d1a8cfdaf24f27"
+  integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==
+
 ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
@@ -1942,6 +1981,11 @@ open@^8.4.0:
     is-docker "^2.1.1"
     is-wsl "^2.2.0"
 
+opener@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
+  integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
+
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
@@ -2324,6 +2368,15 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
+sirv@^1.0.7:
+  version "1.0.19"
+  resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.19.tgz#1d73979b38c7fe91fcba49c85280daa9c2363b49"
+  integrity sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ==
+  dependencies:
+    "@polka/url" "^1.0.0-next.20"
+    mrmime "^1.0.0"
+    totalist "^1.0.0"
+
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -2506,6 +2559,11 @@ toposort@^2.0.2:
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-2.0.2.tgz#ae21768175d1559d48bef35420b2f4962f09c330"
   integrity sha1-riF2gXXRVZ1IvvNUILL0li8JwzA=
 
+totalist@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df"
+  integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g==
+
 tsconfig-paths@^3.14.1:
   version "3.14.1"
   resolved "https://registry.yarnpkg.com/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz#ba0734599e8ea36c862798e920bcf163277b137a"
@@ -2593,6 +2651,21 @@ util-deprecate@^1.0.1:
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
 
+webpack-bundle-analyzer@4.7.0:
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.7.0.tgz#33c1c485a7fcae8627c547b5c3328b46de733c66"
+  integrity sha512-j9b8ynpJS4K+zfO5GGwsAcQX4ZHpWV+yRiHDiL+bE0XHJ8NiPYLTNVQdlFYWxtpg9lfAQNlwJg16J9AJtFSXRg==
+  dependencies:
+    acorn "^8.0.4"
+    acorn-walk "^8.0.0"
+    chalk "^4.1.0"
+    commander "^7.2.0"
+    gzip-size "^6.0.0"
+    lodash "^4.17.20"
+    opener "^1.5.2"
+    sirv "^1.0.7"
+    ws "^7.3.1"
+
 which-boxed-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
@@ -2633,6 +2706,11 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
+ws@^7.3.1:
+  version "7.5.9"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
+  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
+
 yallist@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"