Nuxt开发: seo

2025-03-27 · Develop

在nuxt.config.ts指定titleTemplate即可替换掉默认的nuxtapp

export default defineNuxtConfig({
  modules: [
    '@nuxtjs/seo',
  ],
  app: {
    head: {
      htmlAttrs: {
        lang: 'zh-CN',
      },
      title: '鼠子Blog', // 页面默认title
      titleTemplate: '%s - 鼠子Blog', // 页面副标题
    }
  },
});

设置页面seo

在pages/*.vue下的路由页面单独设置seo

<script setup>
useHead({
    title: '鼠子Blog',
    titleTemplate: '%s - 忘れてやらない',
    meta: [
        { name: 'keywords', content: '鼠子Blog, 技术, Vue, Nuxt, php, Typecho, WordPress' },
        { name: 'description', content: '鼠子の个人Blog, 分享经验记录生活。' },
    ],
});
</script>

来杯咖啡吧

还没有人充电，快来当第一个充电的人吧！