Merge pull request #206 from Lemoncode/feature/play-ground-seo

brauliodiez · web-flow · commit 1479b1ef93c9 · 2026-05-13T17:32:38.000+02:00
Feature/play ground seo
diff --git a/.claude/settings.json b/.claude/settings.json
@@ -0,0 +1,5 @@
+{
+  "enabledPlugins": {
+    "claude-seo@agricidaniel-seo": true
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -10,3 +10,6 @@ mongo-data
 .env
 deploy
 front/.env.local
+front/public/.DS_Store
+.gitignore
+.DS_Store
diff --git a/front/src/app/aviso-legal/page.tsx b/front/src/app/aviso-legal/page.tsx
@@ -1,3 +1,13 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Aviso Legal",
+  description:
+    "Aviso legal de InfoEmbalse: proyecto educativo open source de Lemoncode con información orientativa sobre los embalses de España.",
+  alternates: { canonical: "/aviso-legal" },
+  robots: { index: true, follow: true },
+};
+
 const LegalNoticePage = () => {
   return (
     <div className="container mx-auto max-w-3xl px-4 py-8">
diff --git a/front/src/app/embalse-cuenca/[cuenca]/page.tsx b/front/src/app/embalse-cuenca/[cuenca]/page.tsx
@@ -23,6 +23,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 
   return {
     title: `Embalses de ${datosCuenca.nombre}`,
+    alternates: { canonical: `/embalse-cuenca/${cuenca}` },
   };
 }
 
diff --git a/front/src/app/embalse-cuenca/page.tsx b/front/src/app/embalse-cuenca/page.tsx
@@ -7,6 +7,9 @@ export const revalidate = 300; // ISR: regenerar cada 5 minutos
 
 export const metadata: Metadata = {
   title: "Embalses por cuencas",
+  description:
+    "Listado completo de embalses de España agrupados por cuenca hidrográfica. Consulta los embalses de cada cuenca y su nivel actual.",
+  alternates: { canonical: "/embalse-cuenca" },
 };
 
 export default async function EmbalsesCuencasPage() {
diff --git a/front/src/app/embalse-provincia/[provincia]/page.tsx b/front/src/app/embalse-provincia/[provincia]/page.tsx
@@ -22,6 +22,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 
   return {
     title: `Embalses de ${nombreProvincia}`,
+    alternates: { canonical: `/embalse-provincia/${provincia}` },
   };
 }
 
diff --git a/front/src/app/embalse-provincia/page.tsx b/front/src/app/embalse-provincia/page.tsx
@@ -3,6 +3,9 @@ import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "Embalses por provincias",
+  description:
+    "Listado completo de embalses de España agrupados por provincia. Consulta los embalses de tu provincia y su nivel actual.",
+  alternates: { canonical: "/embalse-provincia" },
 };
 
 export default function EmbalsesProvinciaPage() {
diff --git a/front/src/app/embalse/[embalse]/page.tsx b/front/src/app/embalse/[embalse]/page.tsx
@@ -21,6 +21,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
 
   return {
     title: embalseSlug.nombre,
+    alternates: { canonical: `/embalse/${embalse}` },
   };
 }
 
diff --git a/front/src/app/equipo/page.tsx b/front/src/app/equipo/page.tsx
@@ -2,7 +2,10 @@ import { Metadata } from "next";
 import { EquipoPod } from "@/pods/equipo";
 
 export const metadata: Metadata = {
-  title: "Equipo - InfoEmbalses",
+  title: "Equipo",
+  description:
+    "Equipo de desarrollo de InfoEmbalse. Conoce a las personas detrás del proyecto.",
+  alternates: { canonical: "/equipo" },
 };
 
 const EquipoPage = () => {
diff --git a/front/src/app/icon.svg b/front/src/app/icon.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="19" viewBox="31.9071 0 14.6445 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M39.2343 19C37.8778 19 36.6382 18.6774 35.5156 18.0321C34.3996 17.3868 33.5175 16.5144 32.8693 15.4148C32.2278 14.3152 31.9071 13.107 31.9071 11.7901C31.9071 10.4733 32.2278 9.26502 32.8693 8.16543C33.5175 7.06584 34.7414 5.60741 35.8573 4.97531C38.1412 3.6817 39.3531 0 39.3531 0C39.3531 0 40.4682 3.53086 42.893 5.27161C43.2372 5.51876 44.9378 7.07572 45.5793 8.17531C46.2275 9.26831 46.5516 10.4733 46.5516 11.7901C46.5516 13.1004 46.2275 14.3086 45.5793 15.4148C44.9378 16.5144 44.0557 17.3868 42.933 18.0321C41.8171 18.6774 40.5842 19 39.2343 19ZM39.2343 15.5926C39.8825 15.5926 40.4873 15.428 41.0486 15.0988C41.6099 14.763 42.0577 14.3054 42.3918 13.7259C42.7259 13.1399 42.893 12.4979 42.893 11.8C42.893 11.1021 42.7226 10.4634 42.3817 9.88395C42.0476 9.30453 41.5999 8.85021 41.0386 8.52099C40.4773 8.18519 39.8758 8.01728 39.2343 8.01728C38.5861 8.01728 37.9814 8.18519 37.4201 8.52099C36.8587 8.85021 36.4077 9.30453 36.0669 9.88395C35.7327 10.4634 35.5657 11.1021 35.5657 11.8C35.5657 12.4979 35.7327 13.1366 36.0669 13.716C36.4077 14.2955 36.8587 14.7531 37.4201 15.0889C37.9881 15.4247 38.5928 15.5926 39.2343 15.5926Z" fill="#1B9AAA"/>
+</svg>
diff --git a/front/src/app/layout.tsx b/front/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import type { Metadata } from "next";
 import "./globals.css";
 import { FooterComponent, HeaderComponent } from "../layouts";
 import {
@@ -7,6 +8,38 @@ import {
   GoogleAnalytics,
 } from "../common/cookies";
 
+const SITE_URL = "https://infoembalse.com";
+
+export const metadata: Metadata = {
+  metadataBase: new URL(SITE_URL),
+  title: {
+    default: "InfoEmbalse — Nivel actual de los embalses de España",
+    template: "%s | InfoEmbalse",
+  },
+  description:
+    "Consulta el nivel actual, histórico y datos técnicos de todos los embalses de España. Información por provincia y por cuenca.",
+  applicationName: "InfoEmbalse",
+  alternates: { canonical: "/" },
+  openGraph: {
+    type: "website",
+    siteName: "InfoEmbalse",
+    locale: "es_ES",
+    url: SITE_URL,
+    title: "InfoEmbalse — Nivel actual de los embalses de España",
+    description:
+      "Consulta el nivel actual, histórico y datos técnicos de todos los embalses de España.",
+    images: [{ url: "/images/embalse-generico.jpg", width: 1200, height: 630 }],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "InfoEmbalse — Nivel actual de los embalses de España",
+    description:
+      "Consulta el nivel actual, histórico y datos técnicos de todos los embalses de España.",
+    images: ["/images/embalse-generico.jpg"],
+  },
+  robots: { index: true, follow: true },
+};
+
 interface Props {
   children: React.ReactNode;
 }
diff --git a/front/src/app/politica-cookies/page.tsx b/front/src/app/politica-cookies/page.tsx
@@ -1,3 +1,13 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Política de Cookies",
+  description:
+    "Política de cookies de InfoEmbalse. Información sobre las cookies analíticas utilizadas y cómo gestionarlas.",
+  alternates: { canonical: "/politica-cookies" },
+  robots: { index: true, follow: true },
+};
+
 const CookiesPolicyPage = () => {
   return (
     <div className="container mx-auto max-w-3xl px-4 py-8">
diff --git a/front/src/app/robots.ts b/front/src/app/robots.ts
@@ -0,0 +1,17 @@
+import type { MetadataRoute } from "next";
+
+const SITE_URL = "https://infoembalse.com";
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: [
+      {
+        userAgent: "*",
+        allow: "/",
+        disallow: ["/_next/", "/api/"],
+      },
+    ],
+    sitemap: `${SITE_URL}/sitemap.xml`,
+    host: SITE_URL,
+  };
+}
diff --git a/front/src/app/sitemap.ts b/front/src/app/sitemap.ts
@@ -0,0 +1,80 @@
+import type { MetadataRoute } from "next";
+import { PROVINCIAS } from "@/core/constants";
+import { cuencas } from "@/core/constants";
+import { getEmbalsesCollection } from "@/pods/embalse-search/api";
+
+const SITE_URL = "https://infoembalse.com";
+
+export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
+  const now = new Date();
+
+  const staticEntries: MetadataRoute.Sitemap = [
+    {
+      url: `${SITE_URL}/`,
+      lastModified: now,
+      changeFrequency: "daily",
+      priority: 1,
+    },
+    {
+      url: `${SITE_URL}/embalse-provincia`,
+      lastModified: now,
+      changeFrequency: "weekly",
+      priority: 0.8,
+    },
+    {
+      url: `${SITE_URL}/embalse-cuenca`,
+      lastModified: now,
+      changeFrequency: "weekly",
+      priority: 0.8,
+    },
+    {
+      url: `${SITE_URL}/equipo`,
+      lastModified: now,
+      changeFrequency: "monthly",
+      priority: 0.3,
+    },
+    {
+      url: `${SITE_URL}/aviso-legal`,
+      lastModified: now,
+      changeFrequency: "yearly",
+      priority: 0.1,
+    },
+    {
+      url: `${SITE_URL}/politica-cookies`,
+      lastModified: now,
+      changeFrequency: "yearly",
+      priority: 0.1,
+    },
+  ];
+
+  const provinciaEntries: MetadataRoute.Sitemap = PROVINCIAS.map((p) => ({
+    url: `${SITE_URL}/embalse-provincia/${p.id}`,
+    lastModified: now,
+    changeFrequency: "daily",
+    priority: 0.7,
+  }));
+
+  const cuencaEntries: MetadataRoute.Sitemap = Object.values(cuencas).map(
+    (c) => ({
+      url: `${SITE_URL}/embalse-cuenca/${c.slug}`,
+      lastModified: now,
+      changeFrequency: "daily",
+      priority: 0.7,
+    }),
+  );
+
+  const embalses = await getEmbalsesCollection();
+  const embalseEntries: MetadataRoute.Sitemap = embalses.map((e) => ({
+    url: `${SITE_URL}/embalse/${e._id}`,
+    lastModified: now,
+    changeFrequency: "daily",
+    priority: 0.9,
+  }));
+
+  return [
+    ...staticEntries,
+    ...provinciaEntries,
+    ...cuencaEntries,
+    ...embalseEntries,
+  ];
+}
diff --git a/front/tsconfig.tsbuildinfo b/front/tsconfig.tsbuildinfo
diff --git a/temp/gota.svg b/temp/gota.svg
@@ -0,0 +1,3 @@
+<svg width="15" height="19" viewBox="31.9071 0 14.6445 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M39.2343 19C37.8778 19 36.6382 18.6774 35.5156 18.0321C34.3996 17.3868 33.5175 16.5144 32.8693 15.4148C32.2278 14.3152 31.9071 13.107 31.9071 11.7901C31.9071 10.4733 32.2278 9.26502 32.8693 8.16543C33.5175 7.06584 34.7414 5.60741 35.8573 4.97531C38.1412 3.6817 39.3531 0 39.3531 0C39.3531 0 40.4682 3.53086 42.893 5.27161C43.2372 5.51876 44.9378 7.07572 45.5793 8.17531C46.2275 9.26831 46.5516 10.4733 46.5516 11.7901C46.5516 13.1004 46.2275 14.3086 45.5793 15.4148C44.9378 16.5144 44.0557 17.3868 42.933 18.0321C41.8171 18.6774 40.5842 19 39.2343 19ZM39.2343 15.5926C39.8825 15.5926 40.4873 15.428 41.0486 15.0988C41.6099 14.763 42.0577 14.3054 42.3918 13.7259C42.7259 13.1399 42.893 12.4979 42.893 11.8C42.893 11.1021 42.7226 10.4634 42.3817 9.88395C42.0476 9.30453 41.5999 8.85021 41.0386 8.52099C40.4773 8.18519 39.8758 8.01728 39.2343 8.01728C38.5861 8.01728 37.9814 8.18519 37.4201 8.52099C36.8587 8.85021 36.4077 9.30453 36.0669 9.88395C35.7327 10.4634 35.5657 11.1021 35.5657 11.8C35.5657 12.4979 35.7327 13.1366 36.0669 13.716C36.4077 14.2955 36.8587 14.7531 37.4201 15.0889C37.9881 15.4247 38.5928 15.5926 39.2343 15.5926Z" fill="#1B9AAA"/>
+</svg>

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +{
 +  "enabledPlugins": {
 +    "claude-seo@agricidaniel-seo": true
 +  }
 +}
Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {`
`23`	`23`
`24`	`24`	`return {`
`25`	`25`	title: `Embalses de ${datosCuenca.nombre}`,
	`26`	+ alternates: { canonical: `/embalse-cuenca/${cuenca}` },
`26`	`27`	`};`
`27`	`28`	`}`
`28`	`29`
Original file line number	Diff line number	Diff line change
`@@ -22,6 +22,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {`
`22`	`22`
`23`	`23`	`return {`
`24`	`24`	title: `Embalses de ${nombreProvincia}`,
	`25`	+ alternates: { canonical: `/embalse-provincia/${provincia}` },
`25`	`26`	`};`
`26`	`27`	`}`
`27`	`28`
Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {`
`21`	`21`
`22`	`22`	`return {`
`23`	`23`	`title: embalseSlug.nombre,`
	`24`	+ alternates: { canonical: `/embalse/${embalse}` },
`24`	`25`	`};`
`25`	`26`	`}`
`26`	`27`