Localizzare i titoli e i metadati del browser

Per la maggior parte delle pagine di App Router, continua a utilizzare i normali metadati statici. Quando withAltified è abilitato, L'SDK converte i metadati statici sicuri in metadati del server tradotti durante la compilazione di 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.",
  },
};

Questo percorso automatico copre title, description, openGraph.title, openGraph.description, twitter.title, E twitter.descriptionLe icone, le immagini, gli URL, le impostazioni robots e gli altri metadati non copiabili rimangono invariati.

Se la tua pagina ha già un personalizzato generateMetadata funzione, Altified non la sostituisce. Usa altified.translatedMetadata() all'interno di quella funzione, in modo che la tua logica personalizzata mantenga il controllo.

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'helper restituisce metadati tradotti più URL canonici e in lingue alternative quando passi origin E locales.