Add HowTo schema and update hero section

souravkr529 · web-flow · commit eee428dea6b9 · 2026-02-09T10:38:06.000+05:30
Added structured data for a HowTo guide on removing watermarks from NotebookLM slides using Zenly SlideClean. Updated hero section heading and added hidden heading for accessibility.
diff --git a/index.html b/index.html
@@ -729,6 +729,50 @@
       line-height: 1.6;
     }
   </style>
+
+  <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "HowTo",
+  "name": "How to Remove Watermarks from NotebookLM Slides",
+  "mainEntityOfPage": "https://slides.zenlytool.com/",
+  "description": "A simple, free, and private way to remove watermarks from NotebookLM slides using Zenly SlideClean.",
+
+  "tool": {
+  "@type": "SoftwareApplication",
+  "name": "Zenly SlideClean",
+  "url": "https://slides.zenlytool.com/"
+},
+    
+  "step": [
+    {
+      "@type": "HowToStep",
+      "position": 1,
+      "name": "Export Slides",
+      "text": "Export your NotebookLM presentation as a PDF or image file."
+    },
+    {
+      "@type": "HowToStep",
+      "position": 2,
+      "name": "Upload File",
+      "text": "Drag and drop the file into Zenly SlideClean."
+    },
+    {
+      "@type": "HowToStep",
+      "position": 3,
+      "name": "Automatic Watermark Removal",
+      "text": "The local browser-based engine detects and patches the watermark automatically."
+    },
+    {
+      "@type": "HowToStep",
+      "position": 4,
+      "name": "Download Clean Slides",
+      "text": "Download your watermark-free slides instantly."
+    }
+  ]
+}
+</script>
+  
 </head>
 
 <body>
@@ -750,7 +794,7 @@
     <!-- 1. Hero Area -->
     <section class="hero-section">
       <div class="hero-text">
-        <h1 class="reveal">Remove Watermarks<br>For Clean Slides.</h1>
+        <h1 class="reveal">Remove Watermarks <br>For Clean Slides.</h1>
         <p class="hero-desc reveal" style="transition-delay: 0.1s;">The #1 tool engineered for NotebookLM slides. Get
           professional presentations instantly with ZenlyTool's private local processing engine.</p>
       </div>
@@ -797,6 +841,10 @@ <h1 class="reveal">Remove Watermarks<br>For Clean Slides.</h1>
     </section>
 
     <!-- 2. Feature Grid -->
+   <h2 class="sr-only"
+    style="position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);">
+  Key Features
+   </h2>
     <section class="grid-section">
       <div class="grid-card reveal" style="transition-delay: 0.2s;">
         <div>
@@ -1140,4 +1188,4 @@ <h4>Does it reduce slide quality?</h4>
 
 </body>
 
-</html>
+</html>
