Метаданные и SEO

import type { Metadata } from 'next';

export const metadata: Metadata = {
    title: 'Мой сайт',
    description: 'Описание сайта',
    keywords: ['nextjs', 'react'],
};

// app/layout.tsx
export const metadata: Metadata = {
    title: {
        template: '%s | Мой сайт',
        default: 'Мой сайт',
    },
};

export async function generateMetadata({ params }): Promise<Metadata> {
    const { id } = await params;
    const post = await getPost(id);

    return {
        title: post.title,
        description: post.excerpt,
    };
}

export const metadata: Metadata = {
    openGraph: {
        title: 'Мой сайт',
        description: 'Описание',
        url: 'https://example.com',
        siteName: 'Мой сайт',
        images: [
            {
                url: 'https://example.com/og.jpg',
                width: 1200,
                height: 630,
                alt: 'Превью',
            },
        ],
        locale: 'ru_RU',
        type: 'website',
    },
};

export const metadata: Metadata = {
    twitter: {
        card: 'summary_large_image',
        title: 'Мой сайт',
        description: 'Описание',
        images: ['https://example.com/twitter.jpg'],
    },
};

export const metadata: Metadata = {
    alternates: {
        canonical: 'https://example.com/page',
    },
};

export const metadata: Metadata = {
    robots: {
        index: true,
        follow: true,
        googleBot: {
            index: true,
            follow: true,
        },
    },
};

export const metadata: Metadata = {
    robots: { index: false, follow: false },
};

export const metadata: Metadata = {
    icons: {
        icon: '/favicon.ico',
        apple: '/apple-icon.png',
    },
};

import type { MetadataRoute } from 'next';

export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
    const posts = await getPosts();

    return [
        {
            url: 'https://example.com',
            lastModified: new Date(),
            priority: 1,
        },
        ...posts.map((post) => ({
            url: `https://example.com/posts/${post.slug}`,
            lastModified: post.updatedAt,
            priority: 0.8,
        })),
    ];
}

import type { MetadataRoute } from 'next';

export default function robots(): MetadataRoute.Robots {
    return {
        rules: {
            userAgent: '*',
            allow: '/',
            disallow: ['/admin/', '/api/'],
        },
        sitemap: 'https://example.com/sitemap.xml',
    };
}

export default function Page() {
    const jsonLd = {
        '@context': 'https://schema.org',
        '@type': 'Article',
        headline: 'Заголовок',
        author: { '@type': 'Person', name: 'Алиса' },
    };

    return (
        <>
            <script
                type="application/ld+json"
                dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
            />
            <article>...</article>
        </>
    );
}

export const viewport = {
    width: 'device-width',
    initialScale: 1,
    maximumScale: 1,
};