// app/page.tsx
import type { Metadata } from "next";
 
export const metadata: Metadata = {
  title: "Mi App - Inicio",
  description: "Descripción que aparece en Google. 150-160 caracteres ideal.",
  keywords: ["nextjs", "react", "typescript"],
};

<title>Mi App - Inicio</title>
<meta name="description" content="Descripción que aparece en Google..." />
<meta name="keywords" content="nextjs, react, typescript" />

// app/blog/[slug]/page.tsx
import type { Metadata } from "next";
 
export async function generateMetadata({
  params,
}: {
  params: Promise<{ slug: string }>;
}): Promise<Metadata> {
  const { slug } = await params;
  const post = await getPost(slug);
 
  return {
    title: post.title,
    description: post.description,
    openGraph: {
      title: post.title,
      description: post.description,
      type: "article",
      publishedTime: post.publishedAt,
      images: [{ url: post.image, width: 1200, height: 630 }],
    },
  };
}

// app/layout.tsx
export const metadata: Metadata = {
  title: {
    default: "Mi App",
    template: "%s | Mi App", // "Sobre Mi | Mi App"
  },
};

export const metadata: Metadata = {
  openGraph: {
    type: "website",
    title: "Mi App",
    description: "Descripción para redes sociales",
    url: "https://miapp.com",
    siteName: "Mi App",
    locale: "es_ES",
    images: [{
      url: "https://miapp.com/og-image.jpg",
      width: 1200,
      height: 630,
      alt: "Preview de Mi App",
    }],
  },
  twitter: {
    card: "summary_large_image",
    title: "Mi App",
    description: "Descripción para Twitter",
    images: ["https://miapp.com/og-image.jpg"],
  },
};

// app/sitemap.ts
import type { MetadataRoute } from "next";
 
export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
  const posts = await getAllPosts(); // tu función para obtener posts
 
  const blogUrls = posts.map((post) => ({
    url: `https://miapp.com/blog/${post.slug}`,
    lastModified: new Date(post.updatedAt),
    changeFrequency: "monthly" as const,
    priority: 0.8,
  }));
 
  return [
    {
      url: "https://miapp.com",
      lastModified: new Date(),
      changeFrequency: "weekly",
      priority: 1,
    },
    {
      url: "https://miapp.com/blog",
      lastModified: new Date(),
      changeFrequency: "weekly",
      priority: 0.9,
    },
    ...blogUrls,
  ];
}

// app/robots.ts
import type { MetadataRoute } from "next";
 
export default function robots(): MetadataRoute.Robots {
  return {
    rules: [
      {
        userAgent: "*",
        allow: "/",
        disallow: ["/api/", "/admin/"],
      },
    ],
    sitemap: "https://miapp.com/sitemap.xml",
  };
}

// En tu page.tsx
const articleSchema = {
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  headline: post.title,
  description: post.description,
  datePublished: post.publishedAt,
  dateModified: post.updatedAt,
  author: {
    "@type": "Person",
    name: "Rod Alexanderson",
  },
};
 
return (
  <>
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{
        __html: JSON.stringify(articleSchema),
      }}
    />
    {/* Tu contenido */}
  </>
);

const faqSchema = {
  "@context": "https://schema.org",
  "@type": "FAQPage",
  mainEntity: faqs.map((faq) => ({
    "@type": "Question",
    name: faq.question,
    acceptedAnswer: {
      "@type": "Answer",
      text: faq.answer,
    },
  })),
};