😃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ữ.
PreviousLỗi hydrat hóa xảy ra vì HTML được hiển thị trên máy chủ không khớp với HTML được hiển thị trên máyNextlocaleDetection next-i18next làm gì?
Last updated
Was this helpful?