Browsertitel und Metadaten lokalisieren

Altified übersetzt gängige statische Metadaten automatisch und bietet einen Server-Helper für benutzerdefinierte Metadatenfunktionen.

Verwenden Sie für die meisten App-Router-Seiten weiterhin die üblichen statischen Metadaten. withAltified ist aktiviert, Das SDK wandelt sichere statische Metadaten während des Next.js-Builds in übersetzte Server-Metadaten um.

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

Dieser automatische Pfad umfasst title, description, openGraph.title, openGraph.description, twitter.title, Und twitter.descriptionIcons, Bilder, URLs, Robots-Einstellungen und andere nicht kopierbare Metadaten bleiben unverändert.

Wenn Ihre Seite bereits eine benutzerdefinierte generateMetadata Die Funktion Altified ersetzt sie nicht. altified.translatedMetadata() innerhalb dieser Funktion, damit Ihre benutzerdefinierte Logik die Kontrolle behält.

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

Der Helfer gibt übersetzte Metadaten sowie kanonische und alternative Sprach-URLs zurück, wenn Sie ihn übergeben. origin Und locales.

Produktionsursprung

Verwenden Sie die öffentliche HTTPS-Ursprungsadresse ohne abschließenden Schrägstrich. Verwenden Sie niemals „localhost“, einen Hostnamen einer Vorschau-Bereitstellung oder die Domäne des Altified-Dashboards in den Produktionsmetadaten.