many small SEO tweaks, and added the displayTitle param to docs pages with accompanying updates to layouts

Author: serverless-mom

site/content/docs/CICD/vercel.md

@@ -1,9 +1,8 @@
 ---
-title: Vercel
+title: How to Integrate Vercel with Checkly? Step-by-Step Guide
+displayTitle: Vercel
 description: >-
   Integrate Checkly with Vercel for app development and deployment to benefit from automated browser checks and production deployment testing.
-metatags:
-  title: How to Integrate Vercel with Checkly? Step-by-Step Guide
 weight: 7
 menu:
   integrations:

site/content/docs/integrations/opsgenie.md

@@ -1,9 +1,8 @@
 ---
-title: Opsgenie
+title: Opsgenie Integration with Checkly | How to Get Started
+displayTitle: Opsgenie
 description: >-
   Learn how to integrate Checkly with Opsgenie and deliver failure, degradation, and recovery events to any Opsgenie team. Check our guide!
-metatags:
-    title: Opsgenie Integration with Checkly | How to Get Started
 weight: 57
 menu:
   integrations:

site/content/docs/integrations/pagerduty.md

@@ -1,5 +1,6 @@
 ---
-title: PagerDuty
+title: Checkly Integration with PagerDuty - Trigger & Resolve Alerts
+displayTitle: PagerDuty
 description: Learn how Checkly integrates seamlessly with PagerDuty, delivering real-time failure and recovery alerts to your PagerDuty account.
 metatags: 
   title: Checkly Integration with PagerDuty - Trigger & Resolve Alerts

site/content/docs/integrations/telegram.md

@@ -1,7 +1,6 @@
 ---
-title: Telegram
-metatags:
-   title: Checkly Integration with Telegram - Enable Alert Channels
+title: Checkly Integration with Telegram - Enable Alert Channels
+displayTitle: Telegram
 description: Find out how Checkly integrates with Telegram to send failure, degradation, and recovery messages to any chat.
 weight: 58
 menu:

site/content/guides/end-to-end-monitoring.md

@@ -1,9 +1,8 @@
 ---
-title: End to end monitoring
+title: What is End to End Monitoring? Overview with Examples
+displayTitle: End to end monitoring
 description: >-
   Learn end-to-end monitoring with puppeteer and playwright to test key website flows. Follow our guide that gets you up and running in 10 minutes.
-metatags:
-  title: What is End to End Monitoring? Overview with Examples
 author: Giovanni Rago
 avatar: 'images/avatars/giovanni-rago.png'
 ---

site/content/learn/headless/basics-puppeteer-intro.md

@@ -1,9 +1,8 @@
 ---
-Title: What is Puppeteer?
+Title: What is Puppeteer? Definition & Main Use Cases
+displayTitle: What is Puppeteer?
 description: >-
   Puppeteer is a Node library for controlling Chrome or Chromium via the DevTools Protocol, with headless and full-browser modes. Learn more in our guide!
-metatags:
-  title: What is Puppeteer? Definition & Main Use Cases
 Date: 2020-06-19
 Author: "Giovanni Rago"
 

site/layouts/docs/list.html

@@ -26,7 +26,12 @@ <h1 id="{{ anchorize .Title }}">{{ .Title }}</h1>
 
       {{ range first 1 .Pages }}
       <div class="text-right my-5">
-        <a href="{{ .RelPermalink }}">{{ .Title }}
+        <a href="{{ .RelPermalink }}">        
+        {{ if .Params.displayTitle}}
+          {{.Params.displayTitle}}
+        {{else}}
+          {{.Title}}
+        {{end}}
           <svg class="ml-2" width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
             <path fill-rule="evenodd" clip-rule="evenodd" d="M5.21967 0.969668C5.51256 0.676777 5.98744 0.676777 6.28033 0.969668L10.5303 5.21967C10.8232 5.51256 10.8232 5.98744 10.5303 6.28033L6.28033 10.5303C5.98744 10.8232 5.51256 10.8232 5.21967 10.5303C4.92678 10.2374 4.92678 9.7626 5.21967 9.4697L8.1893 6.5H0.75C0.33579 6.5 0 6.16421 0 5.75C0 5.33579 0.33579 5 0.75 5H8.1893L5.21967 2.03033C4.92678 1.73744 4.92678 1.26256 5.21967 0.969668Z" fill="#0075ff"/>
           </svg>

site/layouts/docs/single.html

@@ -11,7 +11,13 @@
 
         {{ partial "docs-breadcrumb" .}}
 
-        <h1 id="{{ anchorize .Title }}">{{ .Title }}</h1>
+        <h1 id="{{ anchorize .Title }}">
+        {{ if .Params.displayTitle}}
+          {{.Params.displayTitle}}
+        {{else}}
+          {{.Title}}
+        {{end}}
+        </h1>
         <div class="docs-toc-mobile mb-5 pt-3">
           <div class="docs-toc-header mb-3 pt-3">On this page</div>
           {{ .Page.TableOfContents }}