Next.js SEO Optimization: The Complete Guide to Ranking Higher on Google

1import { Metadata } from 'next';
2
3export async function generateMetadata({ params }): Promise<Metadata> {
4  const post = await getPost(params.slug);
5
6  return {
7    title: `${post.title} | Shahmeer Rizwan`,
8    description: post.excerpt,
9    openGraph: {
10      title: post.title,
11      description: post.excerpt,
12      type: 'article',
13      publishedTime: post.date,
14      authors: ['Shahmeer Rizwan'],
15      images: [{ url: post.image, width: 1200, height: 630 }],
16    },
17    twitter: {
18      card: 'summary_large_image',
19      title: post.title,
20      description: post.excerpt,
21    },
22    alternates: {
23      canonical: `https://shahmeerrizwan.com/blog/${params.slug}`,
24    },
25  };
26}

1export function ArticleJsonLd({ post }) {
2  const jsonLd = {
3    '@context': 'https://schema.org',
4    '@type': 'Article',
5    headline: post.title,
6    description: post.excerpt,
7    datePublished: post.date,
8    author: {
9      '@type': 'Person',
10      name: 'Shahmeer Rizwan',
11      url: 'https://shahmeerrizwan.com',
12    },
13    publisher: {
14      '@type': 'Person',
15      name: 'Shahmeer Rizwan',
16    },
17  };
18
19  return (
20    <script
21      type="application/ld+json"
22      dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
23    />
24  );
25}

1import { MetadataRoute } from 'next';
2
3export default function sitemap(): MetadataRoute.Sitemap {
4  const baseUrl = 'https://shahmeerrizwan.com';
5  const blogs = getAllBlogSlugs();
6
7  const blogUrls = blogs.map((slug) => ({
8    url: `${baseUrl}/blog/${slug}`,
9    lastModified: new Date(),
10    changeFrequency: 'monthly' as const,
11    priority: 0.7,
12  }));
13
14  return [
15    { url: baseUrl, lastModified: new Date(), priority: 1.0 },
16    { url: `${baseUrl}/about`, lastModified: new Date(), priority: 0.8 },
17    { url: `${baseUrl}/work`, lastModified: new Date(), priority: 0.8 },
18    { url: `${baseUrl}/contact`, lastModified: new Date(), priority: 0.9 },
19    ...blogUrls,
20  ];
21}