SEO Optimierung + Leistungsscroll

layouts/partials/head.html

@@ -1,3 +1,5 @@
+{{ partial "seo.html" . }}
+
 <meta charset="utf-8">
 <title>{{.Title | default site.Title}}</title>
 

layouts/partials/page-title.html

@@ -85,7 +85,7 @@
     <div class="row">
       <div class="col-md-12 text-center">
         <div class="service-title">
-          <h1 class="title-electric">{{ .Title }}</h1>
+          <h2 class="title-electric">{{ .Title }}</h2>
         </div>
         {{ with .Params.description }}
           <p class="page-title-desc">{{ . }}</p>

layouts/partials/section-grid.html

@@ -2,8 +2,8 @@
   {{ with .Params.service }}
       <div class="my-container">
         <div class="section-title text-center">
-          <h1 data-aos="fade-up">{{ .title | markdownify }}</h1>
-          <h2 data-aos="fade-up">{{ .description | markdownify }}</h2>
+          <h2 data-aos="fade-up">{{ .title | markdownify }}</h2>
+          <h3 data-aos="fade-up">{{ .description | markdownify }}</h3>
         </div>
 
         <div class="responsive-grid mt-4 {{ if eq $.type "zoom" }}service-grid{{ end }}" data-aos="zoom-in-up">
@@ -19,7 +19,7 @@
             {{ else }}
               <div class="info-card">
                 <i class="{{ .icon }}" aria-hidden="true"></i>
-                <h3>{{ .name | markdownify }}</h3>
+                <h4>{{ .name | markdownify }}</h4>
                 <p>{{ .content | markdownify }}</p>
               </div>
             {{ end }}

layouts/partials/seo.html

@@ -0,0 +1,39 @@
+{{- /* layouts/partials/seo.html */ -}}
+{{- $siteTitle := site.Title -}}
+{{- $sep := " | " -}}
+<title>
+{{- if .IsHome -}}
+  AMPERION – Ingenieurbüro & Elektrotechnikbetrieb für Photovoltaik, Speicher & Ladeinfrastruktur
+{{- else -}}
+  {{- .Title }}{{ $sep }}AMPERION – Photovoltaik, Energiespeicher, Ladeinfrastruktur
+{{- end -}}
+</title>
+
+{{- $desc := cond (isset .Params "description") .Params.description
+  "AMPERION ist Ihr staatlich geprüftes Ingenieurbüro & Elektrotechnikbetrieb: Planung, Projektmanagement & Consulting für Photovoltaik, Energiespeicher und Ladeinfrastruktur – von der Idee bis zur Inbetriebnahme." -}}
+<meta name="description" content="{{ $desc }}">
+
+<link rel="canonical" href="{{ .Permalink }}">
+
+{{- with .AlternativeOutputFormats }}{{ end -}}
+
+{{- /* hreflang (de/en) */ -}}
+{{- range .AllTranslations -}}
+<link rel="alternate" hreflang="{{ .Language.Lang }}" href="{{ .Permalink }}">
+{{- end -}}
+<link rel="alternate" hreflang="x-default" href="{{ .Permalink }}">
+
+<meta name="robots" content="index,follow">
+
+<!-- Open Graph -->
+<meta property="og:type" content="{{ if .IsHome }}website{{ else }}article{{ end }}">
+<meta property="og:title" content="{{ if .IsHome }}AMPERION – Ingenieurbüro & Elektrotechnik{{ else }}{{ .Title }}{{ end }}">
+<meta property="og:description" content="{{ $desc }}">
+<meta property="og:url" content="{{ .Permalink }}">
+{{- $ogimg := (resources.Get "images/og-default.jpg") | default (resources.Get "images/logo.png") -}}
+{{- with $ogimg -}}{{ $p := .Fit "1200x630" }}<meta property="og:image" content="{{ $p.RelPermalink }}">{{ end -}}
+
+<!-- Twitter -->
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="{{ if .IsHome }}AMPERION – Ingenieurbüro & Elektrotechnik{{ else }}{{ .Title }}{{ end }}">
+<meta name="twitter:description" content="{{ $desc }}">