Sitemap.xml — файл для поисковиков, указывающий какие страницы индексировать. **Вариант 1: Статический sitemap при билде** ```javascript // scripts/generate-sitemap.js import { writeFileSync } from 'node:fs' const BASE_URL = 'https://mysite.com' const staticPages = [ { url: '/', changefreq: 'daily', priority: 1.0 }, { url: '/about', changefreq: 'monthly', priority: 0.5 }, { url: '/contacts', changefreq: 'monthly', priority: 0.5 }, { url: '/products', changefreq: 'daily', priority: 0.9 } ] function generateSitemap(pages) { const urls = pages.map(({ url, changefreq, priority }) => ` ${BASE_URL}${url} ${changefreq} ${priority} ${new Date().toISOString().split('T')[0]} `).join('') return ` ${urls} ` } writeFileSync('dist/sitemap.xml', generateSitemap(staticPages)) console.log('Sitemap generated') ``` ```json { "scripts": { "build": "vite build && node scripts/generate-sitemap.js" } } ``` **Вариант 2: Динамический sitemap (SSR)** ```javascript // server/routes/sitemap.js import express from 'express' const router = express.Router() router.get('/sitemap.xml', async (req, res) => { // Получаем динамические маршруты из БД const products = await db.product.findMany({ select: { slug: true, updatedAt: true } }) const articles = await db.article.findMany({ select: { slug: true, updatedAt: true } }) const staticUrls = [ { loc: '/', priority: '1.0' }, { loc: '/products', priority: '0.9' }, { loc: '/blog', priority: '0.8' } ] const productUrls = products.map((p) => ({ loc: `/products/${p.slug}`, lastmod: p.updatedAt.toISOString().split('T')[0], priority: '0.7' })) const articleUrls = articles.map((a) => ({ loc: `/blog/${a.slug}`, lastmod: a.updatedAt.toISOString().split('T')[0], priority: '0.6' })) const allUrls = [...staticUrls, ...productUrls, ...articleUrls] const xml = ` ${allUrls.map((u) => ` https://mysite.com${u.loc} ${u.lastmod ? `${u.lastmod}` : ''} ${u.priority} `).join('\n')} ` res.header('Content-Type', 'application/xml') res.send(xml) }) export default router ``` **Вариант 3: Sitemap index (много URL)** Если больше 50 000 URL — нужен sitemap index: ```javascript // Sitemap index function generateSitemapIndex(sitemapFiles) { return ` ${sitemapFiles.map((file) => ` https://mysite.com/${file} ${new Date().toISOString().split('T')[0]} `).join('\n')} ` } // sitemap-index.xml -> sitemap-products-1.xml, sitemap-products-2.xml, sitemap-blog.xml ``` Не забудь robots.txt: ``` # public/robots.txt User-agent: * Allow: / Disallow: /admin/ Disallow: /api/ Sitemap: https://mysite.com/sitemap.xml ``` ## 📌 Реальные кейсы - **E-commerce с 100 000 товаров** — один sitemap не вмещает. Разбиваешь на sitemap index + sitemap-products-{1..3}.xml + sitemap-categories.xml. Генерируешь cron-задачей раз в час. - **Блог с пагинацией** — в sitemap попадают URL статей, но НЕ URL пагинации (`/blog?page=2`). Пагинация обычно закрыта canonical на `/blog`. ## Частые ошибки ```javascript // ❌ Хеш-маршруты в sitemap // https://mysite.com/#/products — краулеры игнорируют хеш // ✅ Только history mode URL // https://mysite.com/products ``` ```xml https://mysite.com/products?sort=price https://mysite.com/products?sort=name https://mysite.com/products ``` ## Резюме Sitemap — XML-файл для поисковиков. Для SPA — генерируй при билде. Для SSR — динамически через endpoint. Больше 50 000 URL — sitemap index. Указывай sitemap в robots.txt. Не включай хеш-маршруты, дубли и служебные страницы. ---

Как реализовать sitemap для Vue-приложения?