😃SEO và Siêu dữ liệu generateMetadata cho đa ngôn ngữ

SEO and Metadata:

  • Add locale-specific metadata for the homepage by defining a generateMetadata function in page.tsx:

import { Metadata } from "next";
export async function generateMetadata({
  params,
}: {
  params: { lang: string };
}): Promise<Metadata> {
  const { lang } = await params;
  const client = createApolloClient(lang);
  const { data } = await client.query({ query: GET_HOMEPAGE });
  return {
    title: data.page.title,
    description: data.page.content.slice(0, 160), // Example: Use first 160 chars of content
    alternates: {
      languages: {
        en: "/en",
        vi: "/vi",
      },
    },
  };
}

Điều này cải thiện SEO bằng cách đặt tiêu đề trang và cung cấp URL thay thế cho mỗi ngôn ngữ.

Last updated

Was this helpful?