Ce face app/sitemap.ts - Generarea automată a fișierului sitemap.xml
Prin plasarea fișierului sitemap.ts (sau `.js`) în rădăcina folderului `app/`, Next.js generează automat fișierul `sitemap.xml` pe care motoarele de căutare (Google, Bing) îl folosesc pentru indexare.
Funcția returnează un array de obiecte cu proprietățile standard `url`, `lastModified`, `changeFrequency` și `priority`.
Poate interoga baza de date pentru a include mii de articole generate dinamic.
Exemple
Exemplul 1: Generarea sitemap-ului combinând paginile statice cu articolele din API
Construiește lista completă de indexare dinamică.
import { MetadataRoute } from 'next';
export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
const articole = await preiaToateSlugurile();
const paginiArticole = articole.map((a: any) => ({
url: `https://www.dexblog.ro/articole/${a.slug}`,
lastModified: new Date(a.actualizat_la),
changeFrequency: 'weekly' as const,
priority: 0.8,
}));
return [
{
url: 'https://www.dexblog.ro',
lastModified: new Date(),
changeFrequency: 'daily',
priority: 1,
},
...paginiArticole,
];
}
Ieșire în terminal
Fișier XML valid servit la adresa https://www.dexblog.ro/sitemap.xml.
Greșeli frecvente
- Omiterea protocolului complet (https://) în valorile câmpului ‘url’, ceea ce va duce la invalidarea sitemap-ului în Google Search Console.
Comenzi înrudite
app/robots.ts - Generarea fișierului robots.txt: Configurează regulile de acces pentru roboții motoarelor de căutare la adresa /robots.txt.Obiectul metadata - Configurarea etichetelor SEO statice: Definește metadatele paginii (title, description, Open Graph, Twitter Cards, canonical) direct în fișierele layout.tsx sau page.tsx.
Întrebări & Exemple de Cod:
app/sitemap.ts – Generarea automată a fișierului sitemap.xmlAi o nelămurire despre utilizarea comenzii
app/sitemap.ts – Generarea automată a fișierului sitemap.xmlsau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.