♿ Perf(SEO): optimize DOM

layouts/_default/single.html

@@ -2,16 +2,14 @@
 
 {{- define "content" -}}
   {{- $params := .Scratch.Get "params" -}}
-  <div class="page single special">
-    {{- /* Title */ -}}
-    <h1 class="single-title animate__animated animate__pulse animate__faster">
-      {{- .Title -}}
-    </h1>
+  <article class="page single special">
+    <div class="header">
+      {{- /* Title */ -}}
+      <h1 class="single-title animate__animated animate__pulse animate__faster">{{- .Title -}}</h1>
 
-    {{- /* Subtitle */ -}}
-    {{- with $params.subtitle -}}
-      <h2 class="single-subtitle">{{ . }}</h2>
-    {{- end -}}
+      {{- /* Subtitle */ -}}
+      {{- with $params.subtitle -}}<p class="single-subtitle animate__animated animate__fadeIn">{{ . }}</p>{{- end -}}
+    </div>
 
     {{- /* Content */ -}}
     <div class="content" id="content">
@@ -20,5 +18,5 @@
 
     {{- /* Comment */ -}}
     {{- partial "single/comment.html" . -}}
-  </div>
+  </article>
 {{- end -}}