nuxt3 SEO相关优化

寻ing

已于 2024-01-11 11:03:29 修改

阅读量1.3k

点赞数 7

分类专栏： nuxt3 JS 文章标签： javascript

于 2024-01-11 09:19:08 首次发布

本文链接：https://blog.youkuaiyun.com/block_xu/article/details/135463186

版权

1. TDK（标题、描述、关键词）设置

推荐使用Nuxt的钩子useSeoMeta设置tdk

<script>
useSeoMeta({
  title: _title,
  ogTitle: _title,
  keywords: _keywords,
  description: _description,
  ogDescription: _description,
  ogImage: _img,
  twitterCard: _img,
});
</script>

2. sitemap.xml

通过nuxt-simple-sitemap实现

npm i nuxt-simple-sitemap -D

export default defineNuxtConfig({
  modules: ['nuxt-simple-sitemap'],
  sitemap: {
    sitemaps: false, // 生成多个sitemaps
    // xsl: false, // xsl样式表的引用路径，默认"/__sitemap__/style.xsl"（false禁用）
    exclude: [
      "/404",
      "/403",
    ], // 不需要搜索引擎抓seo的路径
    autoLastmod: true, // 自动检测每个URL的lastmod日期
  },
})