first round

Author: brauliodiez

.gitignore

@@ -10,3 +10,6 @@ mongo-data
 .env
 deploy
 front/.env.local
+front/public/.DS_Store
+.gitignore
+.DS_Store

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">

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}` },
   };
 }
 

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() {

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}` },
   };
 }
 

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() {

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}` },
   };
 }
 

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 = () => {

front/src/app/icon.svg

@@ -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;
 }