Localize browser titles and metadata

Altified translates common static metadata automatically and provides a server helper for custom metadata functions.

Para a maioria das páginas do App Router, continue a utilizar metadados estáticos comuns. withAltified está habilitado, O SDK converte metadados estáticos seguros em metadados de servidor traduzidos durante a compilação do Next.js.

src/app/terms/page.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.",
  },
};

Este caminho automático abrange title, description, openGraph.title, openGraph.description, twitter.title, e twitter.descriptionOs ícones, imagens, URLs, definições de robôs e outros metadados não copiáveis permanecem inalterados.

Se a sua página já tiver um elemento personalizado generateMetadata função, o Altified não a substitui. Use altified.translatedMetadata() dentro dessa função, para que a sua lógica personalizada permaneça no controlo.

src/app/about/page.js

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.",
    },
  });
}

A função auxiliar devolve metadados traduzidos, além de URLs canónicos e de idiomas alternativos, quando passa os parâmetros. origin e locales.

Origem da produção

Utilize o endereço HTTPS público de origem sem barra no final. Nunca utilize localhost, um nome de host de implementação de pré-visualização ou o domínio do painel de controlo da Altified nos metadados de produção.