SEO tecnica con Next.js

SEO tecnica integrata nel framework

Next.js offre strumenti nativi per la SEO tecnica, senza plugin esterni. Con l'App Router la gestione dei metadati, della sitemap e dei dati strutturati diventa parte del codice, versionata e tipizzata.

La Metadata API

Ogni pagina o layout puo esportare un oggetto metadata o una funzione generateMetadata per i titoli, le descrizioni e i tag Open Graph. I valori si propagano lungo la gerarchia dei layout.

import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Servizi",
  description: "Sviluppo software industriale su misura.",
  openGraph: { type: "website", title: "Servizi" },
};

Sitemap e robots

Next.js genera questi file da semplici funzioni. Un file sitemap.ts esporta l'elenco degli URL, mentre robots.ts definisce le regole per i crawler.

import type { MetadataRoute } from "next";

export default function sitemap(): MetadataRoute.Sitemap {
  return [{ url: "https://esempio.it", lastModified: new Date() }];
}

Dati strutturati JSON-LD

Per aiutare i motori a capire i contenuti, si inseriscono dati strutturati JSON-LD in uno <script type="application/ld+json">. Markup come Article, Organization o BreadcrumbList migliorano l'aspetto nei risultati di ricerca.

In MUSTNODE SRL sfruttiamo questi strumenti per consegnare siti veloci e ben indicizzabili, dove la SEO tecnica e curata fin dalla struttura del codice.