SEO optimizations

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">
-          <Transition
-            timeout={1000}
-            addEndListener={(node, done) => {
-              this.handleExit.bind(this);
-            }}
-            key={path}
-            onEnter={this.handleEnter.bind(this)}
-            onExit={(node, done) => this.handleExit(node, done)}
-          >
-            <Component {...pageProps} className="component" />
-          </Transition>
-        </SwitchTransition>
+        <main>
+          <SwitchTransition mode="out-in">
+            <Transition
+              timeout={1000}
+              addEndListener={(node, done) => {
+                this.handleExit.bind(this);
+              }}
+              key={path}
+              onEnter={this.handleEnter.bind(this)}
+              onExit={(node, done) => this.handleExit(node, done)}
+            >
+              <Component {...pageProps} className="component" />
+            </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