Enhance schema.org markup in layout with SearchAction and mainEntity for better SEO. Update description and add alternate names for improved clarity. Modify ClientSearch to synchronize search query with URL parameters for better user experience.

GlebkaF · GlebkaF · commit 304e859e75c7 · 2025-11-23T14:16:35.000+07:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -19,17 +19,85 @@ export default function RootLayout({
   return (
     <html lang="en">
       <head>
-        {/* Schema.org разметка для Website */}
+        {/* Schema.org разметка для Website с SearchAction и основными разделами */}
         <script
           type="application/ld+json"
           dangerouslySetInnerHTML={{
             __html: JSON.stringify({
               "@context": "https://schema.org",
               "@type": "WebSite",
               name: "NXRIG",
+              alternateName: "NX Rig",
               description:
-                "Free guitar presets for NUX Mighty Plug Pro and NUX Mighty Space - fully compatible with both devices",
+                "Free guitar presets for NUX Mighty Plug Pro and NUX Mighty Space - fully compatible with both devices. Download professional guitar tones inspired by Metallica, Nirvana, Red Hot Chili Peppers, and more legendary artists.",
               url: "https://nxrig.com",
+              potentialAction: {
+                "@type": "SearchAction",
+                target: {
+                  "@type": "EntryPoint",
+                  urlTemplate: "https://nxrig.com/?q={search_term_string}",
+                },
+                "query-input": "required name=search_term_string",
+              },
+              mainEntity: {
+                "@type": "ItemList",
+                itemListElement: [
+                  {
+                    "@type": "ListItem",
+                    position: 1,
+                    item: {
+                      "@type": "WebPage",
+                      name: "All Presets",
+                      url: "https://nxrig.com/preset",
+                    },
+                  },
+                  {
+                    "@type": "ListItem",
+                    position: 2,
+                    item: {
+                      "@type": "WebPage",
+                      name: "Metallica Presets",
+                      url: "https://nxrig.com/preset/metallica",
+                    },
+                  },
+                  {
+                    "@type": "ListItem",
+                    position: 3,
+                    item: {
+                      "@type": "WebPage",
+                      name: "Nirvana Presets",
+                      url: "https://nxrig.com/preset/nirvana",
+                    },
+                  },
+                  {
+                    "@type": "ListItem",
+                    position: 4,
+                    item: {
+                      "@type": "WebPage",
+                      name: "Red Hot Chili Peppers Presets",
+                      url: "https://nxrig.com/preset/red-hot-chili-peppers",
+                    },
+                  },
+                  {
+                    "@type": "ListItem",
+                    position: 5,
+                    item: {
+                      "@type": "WebPage",
+                      name: "Led Zeppelin Presets",
+                      url: "https://nxrig.com/preset/led-zeppelin",
+                    },
+                  },
+                  {
+                    "@type": "ListItem",
+                    position: 6,
+                    item: {
+                      "@type": "WebPage",
+                      name: "Request Patch",
+                      url: "https://nxrig.com/order",
+                    },
+                  },
+                ],
+              },
             }),
           }}
         />
@@ -42,11 +110,12 @@ export default function RootLayout({
               "@context": "https://schema.org",
               "@type": "Organization",
               name: "NXRIG",
+              alternateName: "NX Rig",
               url: "https://nxrig.com",
               logo: "https://nxrig.com/images/og-image.svg",
-              sameAs: [
-                // Можно добавить ссылки на социальные сети, если они есть
-              ],
+              description:
+                "Free guitar presets library for NUX Mighty Plug Pro and NUX Mighty Space devices",
+              sameAs: [],
             }),
           }}
         />
diff --git a/components/ClientSearch.tsx b/components/ClientSearch.tsx
@@ -2,11 +2,20 @@
 
 import { presets } from "lib/public/presets";
 import { PresetCard } from "components/PresetCard";
-import { useState } from "react";
+import { useState, useEffect } from "react";
+import { useSearchParams } from "next/navigation";
 import Link from "next/link";
 
 export default function ClientSearch(): React.ReactElement {
-  const [searchQuery, setSearchQuery] = useState("");
+  const searchParams = useSearchParams();
+  const initialQuery = searchParams.get("q") || "";
+  const [searchQuery, setSearchQuery] = useState(initialQuery);
+
+  // Синхронизируем состояние с URL при изменении параметра q извне
+  useEffect(() => {
+    const queryFromUrl = searchParams.get("q") || "";
+    setSearchQuery(queryFromUrl);
+  }, [searchParams]);
 
   const filteredPresets = presets
     .filter(
