Localiser les titres et les métadonnées du navigateur

Pour la plupart des pages d'App Router, continuez d'utiliser les métadonnées statiques ordinaires. withAltified est activé, Le SDK convertit les métadonnées statiques sécurisées en métadonnées serveur traduites lors de la compilation Next.js.

export const metadata = {
  title: "Terms of Use | Altified",
  description: "Read the terms that apply when using Altified.",
  openGraph: {
    title: "Terms of Use | Altified",
    description: "Read the terms that apply when using Altified.",
  },
};

Ce chemin automatique couvre title, description, openGraph.title, openGraph.description, twitter.title, et twitter.descriptionLes icônes, images, URL, paramètres robots et autres métadonnées non copiables restent inchangés.

Si votre page possède déjà une personnalisation generateMetadata Cette fonction, Altified ne la remplace pas. Utilisez-la. altified.translatedMetadata() à l'intérieur de cette fonction, votre logique personnalisée reste donc aux commandes.

import { headers } from "next/headers";
import { altified } from "@/lib/altified";

export async function generateMetadata() {
  const locale =
    (await headers()).get("x-altified-locale") ||
    process.env.ALTIFIED_DEFAULT_LOCALE ||
    "en";

  return altified.translatedMetadata({
    locale,
    path: "/about",
    origin: "https://example.com",
    locales: ["en", "fr"],
    title: "About us",
    description: "Learn more about our company.",
    openGraph: {
      title: "About us",
      description: "Learn more about our company.",
    },
  });
}

L'utilitaire renvoie les métadonnées traduites ainsi que les URL canoniques et en langues alternatives lorsque vous lui transmettez : origin et locales.