【Nuxt】04 Nuxt2-SEO: sitemap.xml、seo优化、robots.txt

这篇具有很好参考价值的文章主要介绍了【Nuxt】04 Nuxt2-SEO: sitemap.xml、seo优化、robots.txt。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1 SiteMap设置

环境准备

注意生成sitemap依赖于@nuxtjs/sitemap,并且需要用axios进行请求,不要使用@nuxtjs/axios,不然会报错

sitemap.xml配置
  • 在nuxt.config.js中配置下面的内容
npm install @nuxtjs/sitemap
npm install axios
  • 在static/sitemap.js中配置下面的内容
const webConfig = {
  // 本地
  local: {
    baseURL: 'http://localhost:8828',
    referer: 'http://localhost:8828/',
    url: 'http://localhost:8828'
  },
  // sit环境
  sit: {
    baseURL: '',
    referer: '',
    url: ''
  },
  // 线上环境
  production: {
    baseURL: '',
    referer: '/',
    url: ''
  }
}


import axios from 'axios'
// 运行环境是不是开发环境
const isDev = Boolean(process.env.OPE_ENV === 'development')
const API_ENV = process.env.API_ENV
// 接口url
const baseUrl = webConfig[API_ENV].baseURL
// referer
const referer = isDev ? webConfig['local'].referer : webConfig[API_ENV].referer
// 网站域名
const hostname = isDev ? webConfig['local'].url : webConfig[API_ENV].url

const config = {
  baseURL: baseUrl,
  withCredentials: true,
  time: Date.now(),
  headers: {
    Accept: 'application/json; charset=utf-8',
    Referer: referer,
    common: {
      languageCode: 'zh-CN',
      referer: referer
    }
  }
}
const sitemap = {
  path: '/sitemap.xml', //生成的文件路径
  hostname: hostname, //网站的网址
  cacheTime: 1000 * 60 * 60 * 24, //一天的更新频率,只在generate:false有用
  gzip: true, //生成.xml.gz的sitemap
  generate: false,
 // 排除不要页面
  exclude: [
    '/404',
    '/page',
    '/details',
    '/article',
    '/tags',
    '/category',
    '/search'
  ],
  defaults: {
    changefred: 'always',
    lastmod: new Date(),
    priority: 0.8
  },
  routes: async () => {
    let routes = []
    let res = await axios.get(`${baseUrl}/api/getArticle`, {})
    if (res.code === 200) {
     res.list.forEach((item) => {
        routes.push(
          {
            url: `/xxxx/${item.pageCode}`,
            changefreq: 'always',
            priority: 0.9
          }
        )
      })
    }
    return routes
  }
}
module.exports = sitemap

  • 在nuxt.config.js中配置下面的内容
const sitemap = require('./static/sitemap')

module.exports = {
  ...,
  sitemap: sitemap,
}

2 robots.txt协议

在nuxt项目的static文件夹下,配置项目的静态文件,直接在static新建robots.txt即可,nuxt运行时会自动装配到根路由文章来源地址https://www.toymoban.com/news/detail-730595.html

# 该文件可以通过`网站域名/Robots.txt`直接访问

# User-agent作用:描述搜索引擎的名字,对于该文件来说至少药有一条user-agent记录,则该项的值设为*
User-agent: *
# Disallow:  描述不希望被访问到的一个url
Disallow: /cart?*
Disallow: /*Cart-*
Disallow: /*retailavailability
Allow: /*wishlist*.js
Sitemap: 网站的域名/sitemap.xml

3 seo优化

  • 全局seo:在nuxt.config.js的meta中添加网站的字符编码、语言、响应式标签、网站描述、网站关键字等信息;在link中添加全局的css、网站logo等信息。
head: {
    title: pkg.name,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  • 页面seo:在nuxt.js项目pages路由页面的script中添加head方法,该方法将随nuxt运行时自动载入
head () {
  return {
    title: `${this.info.blogName} | ${this.info.blogDescription}`,
    meta: [
      { name: 'keywords', content: this.info.keywords },
      { name: 'description', content: this.info.description }
    ]
  }
}

到了这里,关于【Nuxt】04 Nuxt2-SEO: sitemap.xml、seo优化、robots.txt的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • blog-engine-09-nuxt 构建快速、SEO友好和可扩展的Web应用程序变得轻松

    blog-engine-01-常见博客引擎 jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman 对比 blog-engine-02-通过博客引擎 jekyll 构建 github pages 博客实战笔记 blog-engine-02-博客引擎jekyll-jekyll 博客引擎介绍 blog-engine-02-博客引擎jekyll-jekyll 如何在 windows 环境安装,官方文档 blog-engine-02-博客引擎jekyll

    2024年03月28日
    浏览(60)
  • 长沙SEO优化(SEO内页优化步骤)

    1、优化内页标题。 站长们往往会把网站的title设置成网站的,H1标签也设置成和相关的长尾,但对内页来说这些H1标签不必设置成长尾,搜索引擎在抓取内页时,假定内页没有完好的标题,它会随意在内页中抓取数据作为,这样的抓取对你来

    2024年02月16日
    浏览(81)
  • SEO的优化教程(百度SEO的介绍和优化)

    百度SEO介绍: 百度SEO是指用户在搜索引擎上输入的词语,是搜索引擎了解网站内容和相关性的重要因素。百度SEO可以分为短尾词、中尾词和长尾词,其中长尾词更具有针对性和精准性,更易于获得高质量的流量。蘑菇号-www.mooogu.cn 优化的6个步骤:

    2024年02月07日
    浏览(109)
  • 关于seo怎样才能优化网站(seo网站优化如何做)

    seo网站优化技巧,怎么优化自己网站 1:网站优化的重要性 网站优化对于现在的企业来说是非常重要的,因为它能够帮助企业更好地推广自己的产品和服务。网站优化不仅仅可以帮助企业节省开支,还能使企业的网站更加具有吸引力,更容易被人们找到。 近年来,越来越多的

    2024年02月07日
    浏览(105)
  • 谷歌SEO优化入门:Google SEO优化方法(2022最新)

    在写这篇文章的时候,SEO小也先挖掘了下什么 网站 适合当标题,这篇文章分享 如何做谷歌SEO优化 ,内容是谷歌 推荐的SEO方法 ,本来想用 SEO优化方案 作为标题,考虑了下这么零散的知识点不太适合,还是用 SEO优化方法 这个吧,虽然这篇文章是说 谷歌

    2023年04月23日
    浏览(67)
  • 白杨SEO:Google SEO怎么做?谷歌seo优化包含哪些内容?

    先说说为啥要写这个话题? 要看图片在公众号白杨SEO上。 大家知道白杨SEO写百度SEO居多,现在也基本都是全网各平台SEO,精准搜索流量相关,为什么今天想到来写谷歌SEO呢? 第一,白杨SEO虽然没有做谷歌SEO项目(网站)有六年了,但从2011年进入SEO这行做了2年,2015年初到

    2024年02月08日
    浏览(69)
  • 什么是百度SEO?百度SEO优化怎么做?

    百度SEO,也称为百度搜索引擎优化,是一种通过优化网站,提升网页在百度搜索结果中的排名,从而获得更多有机流量的技术和策略。对于想要在中国市场进行在线业务的企业和网站来说,百度SEO是一项关键的数字营销策略。 百度是中国最大的搜索引擎,拥有超过90%的市场份

    2024年02月07日
    浏览(175)
  • SEO是什么意思 - SEO优化具体怎么做?

    SEO,全称Search Engine Optimization,也即搜索引擎优化。属于网络营销的一个分支,也常会被划分为运营市场。 SEO是什么意思 以百度为例,搜一个的时候看到的搜索结果页上面,各类结果大致可以分为三块——付费推广、特型展示、自然流量。 付费推广 付费推广即PPC,现

    2024年02月10日
    浏览(69)
  • 什么是抖音SEO,抖音seo优化怎么做?抖音seo实操教程

    最近很多童鞋们在后台私信我,都在问:抖音SEO应该如何做?不知道怎么开头去做? 这其实是很多人遇到的问题,因为你们大多数人不明白抖音SEO是什么。 都知道它好,但是却抓不住,不会做排名优化,不会插入,更不会去做抖音SEO的内容。 所以今天整理出一个系列

    2024年02月01日
    浏览(64)
  • 百度SEO优化基本原理(掌握SEO基础,提高网站排名)

    随着互联网的迅速发展,越来越多的企业开始意识到网站优化的重要性,其中百度SEO优化是企业不可忽视的一项工作。本文将介绍百度SEO优化的基本概念、步骤、原理、解决方法和提升网站标题优化的方法。蘑菇号-www.mooogu.cn 百度SEO优化是指针对百度搜索引擎的搜索算法进行

    2024年02月07日
    浏览(116)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包