SEOOptimierungenAlex07092025

layouts/partials/img.html

@@ -0,0 +1,26 @@
+{{/* Re-usable image partial with alt + size fallback
+Usage:
+  {{ partial "img.html" (dict "src" "/images/foo.webp" "alt" "Kurzbeschreibung" "class" "img-fluid" "loading" "lazy" "page" .) }}
+*/}}
+{{- $src := .src -}}
+{{- $alt := .alt | default .page.Title -}}
+{{- $class := .class -}}
+{{- $loading := .loading | default "lazy" -}}
+
+{{- $w := 0 -}}
+{{- $h := 0 -}}
+{{- $static := printf "static/%s" (strings.TrimLeft "/" $src) -}}
+{{- if fileExists $static -}}
+  {{- with (imageConfig $static) -}}
+    {{- $w = .Width -}}
+    {{- $h = .Height -}}
+  {{- end -}}
+{{- end -}}
+
+<img src="{{ $src | relURL }}"
+     alt="{{ $alt | plainify }}"
+     loading="{{ $loading }}"
+     decoding="async"
+     {{ if gt $w 0 }}width="{{ $w }}"{{ end }}
+     {{ if gt $h 0 }}height="{{ $h }}"{{ end }}
+     class="{{ $class }}">