canonical

pages/contacts.jsx

@@ -5,11 +5,13 @@ import style from '../src/components/main/Main.module.css';
 import { Contacts } from "../src/components/contacts/Contacts";
 import { Space } from "../src/components/Space";
 import { Helmet, HelmetProvider } from "react-helmet-async";
+import CanonicalUrl from "../src/components/CanonicalUrl";
 
 export function Contacting() {
   return (
     <>
       <HelmetProvider>
+        <CanonicalUrl />
         <Helmet>
           <meta name="description" content="Mus rasite adresu: Vytauto g. 8O Šiauliai. Skambinkite tel: +370 600 55316 " />
           <title>Kontaktai</title>

pages/gallery.jsx

@@ -1,3 +1,4 @@
+import CanonicalUrl from "../src/components/CanonicalUrl"
 import { Footer } from "../src/components/footer/Footer"
 import { Pictures } from "../src/components/gallery/Gallery"
 import { Header } from "../src/components/header/Header"
@@ -9,6 +10,7 @@ export function Gallery() {
   return (
     <>
       <HelmetProvider>
+        <CanonicalUrl />
         <Helmet>
           <meta name="description" content="Neringos Siuvimo Studijos galerija: Peržiūrėkite mūsų sukurtų drabužių nuotraukas. Įkvėpkite savo stilių!" />
           <title>Neringos Siuvimo Studijos Galerija</title>

pages/home.jsx

@@ -6,11 +6,13 @@ import { Header } from "../src/components/header/Header";
 import { Space } from "../src/components/Space";
 import { Services } from "../src/components/services/Services";
 import { Helmet, HelmetProvider } from "react-helmet-async";
+import CanonicalUrl from "../src/components/CanonicalUrl";
 
 export function Home() {
   return (
     <>
       <HelmetProvider>
+        <CanonicalUrl />
         <Helmet>
           <title>Neringos Siuvimo Studija</title>
           <meta name="description" content="Profesionalios siuvimo paslaugos Šiauliuose. Siuvykla. Drabužių taisymas. Individualus siuvimas.Aplikacijos ant drabužių.Vienetinių lekalų konstravimas" />

pages/prices.jsx

@@ -5,11 +5,13 @@ import style from '../src/components/main/Main.module.css';
 import { Price } from "../src/components/price/Price";
 import { Space } from "../src/components/Space";
 import { Helmet, HelmetProvider } from "react-helmet-async";
+import CanonicalUrl from "../src/components/CanonicalUrl";
 
 export function Pricing() {
   return (
     <>
       <HelmetProvider>
+        <CanonicalUrl />
         <Helmet>
           <meta name="description" content="Greitas ir profesionalus drabužių taisymas Šiauliuose. Kelnių palenkimas, užtrauktukų keitimas, siuvimas ir taisymas - konkurencingomis kainomis. Peržiūrėkite mūsų kainoraštį!" />
           <title>Drabužių taisymo kainos Šiauliuose</title>

pages/products.jsx

@@ -5,11 +5,13 @@ import style from '../src/components/main/Main.module.css';
 import { Space } from "../src/components/Space";
 import { NewProduct } from "../src/components/new_product/Newproduct";
 import { Helmet, HelmetProvider } from "react-helmet-async";
+import CanonicalUrl from "../src/components/CanonicalUrl";
 
 export function Product() {
   return (
     <>
       <HelmetProvider>
+        <CanonicalUrl />
         <Helmet>
           <meta name="description" content="Sušilkite stilingai su unikaliais, pagal užsakymą siuvamais flisiniais džemperiais Šiauliuose! Rinkitės ir pritaikykite dydį, spalvą ir detales. Užsisakykite ir mėgaukitės šiluma!" />
           <title>Šilti flisiniai džemperiai</title>

pages/repair.jsx

@@ -5,11 +5,13 @@ import style from '../src/components/main/Main.module.css';
 import { Repair } from "../src/components/repair/Repair";
 import { Space } from "../src/components/Space";
 import { Helmet, HelmetProvider } from "react-helmet-async";
+import CanonicalUrl from "../src/components/CanonicalUrl";
 
 export function Repairing() {
   return (
     <>
       <HelmetProvider>
+        <CanonicalUrl />
         <Helmet>
           <meta name="description" content="Profesionalus drabužių taisymas  Šiauliuose.Trumpiname, ilginame, siauriname, keičiame užtrauktukus ir atliekame kitus remonto darbus. Užsukite ir suteikite savo drabužiams antrą gyvenimą!"/>
           <title>Rūbų Remonto Dirbtuvės</title>

pages/sewing.jsx

@@ -6,11 +6,13 @@ import { Sewing } from "../src/components/sewing/Sewing";
 import { Design } from "../src/components/design/Design";
 import { Space } from "../src/components/Space";
 import { Helmet, HelmetProvider } from "react-helmet-async";
+import CanonicalUrl from "../src/components/CanonicalUrl";
 
 export function Sew() {
   return (
     <>
       <HelmetProvider>
+        <CanonicalUrl />
         <Helmet>
           <meta name="description" content="Ieškote siuvėjos Šiauliuose? Individualus suknelių, kelnių, kostiumėlių ir kitų drabužių siuvimas pagal Jūsų figūrą ir pageidavimus.Stilingi ir kokybiški drabužiai už patrauklią kainą." />
           <title>Siuvykla Šiauliuose</title>

src/App.jsx

@@ -9,14 +9,12 @@ import { Pricing } from '../pages/prices';
 import { Contacting } from '../pages/contacts';
 import { Gallery } from '../pages/gallery';
 import GoogleAnalytics from './googleAnalytics';
-import CanonicalUrl from './components/CanonicalUrl';
 
 export function App() {
   return (
     <>
       <HelmetProvider>
         <GoogleAnalytics />
-        <CanonicalUrl />
         <Router>
           <Routes>
             <Route path="/" element={<Home />} />

src/components/CanonicalUrl.jsx

@@ -1,25 +1,19 @@
-import { Helmet } from "react-helmet-async"; 
+import { Helmet } from "react-helmet-async";
+import { useLocation } from 'react-router-dom';
 
 const CanonicalUrl = () => {
- const canonicalUrl = 'https://www.neringos-siuvimo-studija.lt';
+  const location = useLocation();
+  let canonicalUrl = `https://www.neringos-siuvimo-studija.lt`; 
 
- return (
-   <Helmet>
-     <link rel="canonical" href={canonicalUrl} />
-     {[
-       'http://neringos-siuvimo-studija.lt',
-       'https://neringos-siuvimo-studija.lt',
-       'http://www.neringos-siuvimo-studija.lt',
-       'http://neringossiuvimostudija.lt',
-       'https://neringossiuvimostudija.lt',
-       'http://www.neringossiuvimostudija.lt',
-       'https://www.neringossiuvimostudija.lt',
-       'https://siuvimo-studija-3.vercel.app'
-     ].map((url) => (
-       <link key={url} rel="alternate" href={url} />
-     ))}
-   </Helmet>
- );
+  if (location.pathname !== '/') { 
+    canonicalUrl += location.pathname;
+  }
+
+  return (
+    <Helmet>
+      <link rel="canonical" href={canonicalUrl} />
+    </Helmet>
+  );
 };
 
 export default CanonicalUrl;