В Nuxt.js вы можете менять URL-адреса для SEO при помощи модуля @nuxtjs/sitemap
. Этот модуль позволяет генерировать файлы карты сайта и настраивать URL-адреса для каждой страницы вашего приложения.
Для начала установите модуль:
npm install @nuxtjs/sitemap
После установки вам нужно добавить модуль в файл nuxt.config.js
:
module.exports = { modules: [ '@nuxtjs/sitemap', ], sitemap: { // здесь находятся настройки для генерации карты сайта } }
После этого вы можете настроить карту сайта, добавив следующие параметры:
module.exports = { modules: [ '@nuxtjs/sitemap', ], sitemap: { hostname: 'https://example.com', // Укажите здесь доменное имя вашего сайта gzip: true, // Сжатие карты сайта Gzip exclude: [ '/secret', // Укажите здесь URL-адреса, которые не должны попасть в карту сайта ], routes: async () => { // Здесь вы можете определить динамические маршруты (URL-адреса), которые будут добавлены в карту сайта // В функции можно использовать любой асинхронный код для определения маршрутов return [ '/', '/about', '/products', ] }, } }
В функции routes
вы можете определить динамические маршруты, вызвав асинхронный код. Например, вы можете извлечь данные из API и сгенерировать маршруты на основе этих данных.
Когда вы запустите ваше приложение с модулем @nuxtjs/sitemap
, он автоматически сгенерирует файл карты сайта по указанному пути. По умолчанию это static/sitemap.xml
.
В итоге, URL-адреса, указанные в настройках карты сайта, будут использоваться для SEO, поскольку поисковые роботы могут обнаруживать соответствующие URL-адреса и индексировать их.
Надеюсь, эта информация поможет вам изменить URL-адреса для SEO в Nuxt.js с помощью модуля @nuxtjs/sitemap
.