Улучшите SEO вашего сайта, добавив карту сайта 🎉
Улучшение поисковой оптимизации вашего веб-сайта (SEO) очень важно, особенно если вы хотите улучшить свой рейтинг в результатах поиска.
Создание карты сайта ваших веб-сайтов полезно для облегчения понимания вашего веб-сайта поисковыми роботами (Google, Bing, DuckDuckGo). Информация и файлы, доступные на карте сайта, могут включать страницы, изображения, статьи, видео и другие файлы, доступные на вашем веб-сайте.
Файл карты сайта очень эффективен, поскольку сообщает поисковым роботам информацию, которую они должны учитывать и расставлять приоритеты на вашем веб-сайте.
Правильно настроенная карта сайта позволит поисковым роботам легко находить информацию о страницах вашего сайта. Это повысит ваши шансы на более высокий рейтинг в результатах поиска.
«Карта сайта помогает поисковым системам обнаруживать URL-адреса на вашем сайте, но не гарантирует, что все элементы карты сайта будут просканированы и проиндексированы. Однако в большинстве случаев карта сайта пойдет на пользу вашему сайту».~ Google.
Зачем вам может понадобиться карта сайта
Хотя может быть необходимо настроить карту сайта для ваших веб-сайтов, в некоторых сценариях это может быть не слишком необходимо. Некоторые сценарии, которые вы должны учитывать при наличии карты сайта.
- Если у вас довольно большой веб-сайт с большим количеством мультимедийных файлов (видео, изображения).
- Когда на вашем веб-сайте представлен богатый контент, который вы хотели бы показать своей аудитории.
- Когда вы хотите организовать большой сайт
- Когда ваш сайт относительно новый.
- Если вы хотите улучшить индексацию своей поисковой системы (SEO).
- Обеспечьте естественный способ привлечения посетителей.
Настройка карты сайта в Nuxt с Nuxt Content
Установка Nuxt/карты сайта
Мы собираемся использовать модуль @nuxt/sitemap, чтобы добавить конфигурацию карты сайта на наш сайт.
Использование Npm
npm install @nuxtjs/sitemap
Использование пряжи
yarn add @nuxtjs/sitemap
Найдите файл nuxt.config и добавьте @nuxtjs/sitemap в раздел модулей, как показано ниже.
modules: [
'@nuxt/content',
'@nuxtjs/sitemap',
],
Затем вам необходимо добавить свойство карты сайта в файл nuxt.config. Для динамических маршрутов, представленных с помощью _slug.vue, нам необходимо настроить карту сайта для индексации этих маршрутов. На маршрутах вашего проекта создайте файл с именем sitemapRoutes.js и добавьте в него следующую функцию. Это будет вспомогательная функция для автоматического получения пути, связанного с необходимыми файлами, из каталога @nuxt/content.
Приведенная выше функция автоматически получит полные пути к файлам в каталоге content, где размещены все файлы вашего блога nuxt-content.
Теперь мы можем импортировать и ссылаться на этот файл в файле nuxt.config и добавить его в свойство карты сайта. Мы объявим опцию маршрутов в свойстве карты сайта.
import sitemapRoutes from './sitemapRoutes'
Эти автоматически сгенерированные маршруты будут добавлены в наш файл карты сайта при сборке приложения. Чтобы проверить, был ли успешно создан файл sitemap.xml с соответствующим путем и информацией, создайте приложение и перейдите в корень каталога dist. Здесь вы найдете файл sitemap.xml с необходимой информацией о вашем сайте.
Вот предварительный просмотр того, как выглядит мой после настройки.
Чтобы просмотреть образцы этих файлов, посетите страницу: https://johnphilip.dev/sitemap.xml
Заключительные мысли
Спасибо, что нашли время и прочитали эту статью. Приятного времяпрепровождения с созданием веб-сайтов, которые обеспечивают удивительный пользовательский опыт.
Каждую среду я отправляю эксклюзивное электронное письмо с советами, статьями, приложениями, книгами и идеями, которые я считаю полезными и связанными с техническим письмом.
Присоединяйтесь к тем, кто хочет улучшить свои технические навыки письма.
Больше прочтений:
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Посетите наш Community Discord и присоединитесь к нашему Коллективу талантов.