07.【个人网站】提高网站SEO效果策略配置

配置站点地图

步骤1：安装依赖包

npm install next-sitemap
// or yarn install next-sitemap

步骤2：配置 next-sitemap

js复制代码
module.exports = {
  siteUrl: process.env.SITE_URL || 'https://www.yoursite.com', // 替换为你的站点URL
  generateRobotsTxt: true, // 生成 robots.txt 文件
  // 其他选项可以在这里配置
};

步骤 3: 修改 next.config.js 文件

js复制代码
// next.config.js
module.exports = {
  // 其他Next.js配置
  env: {
    SITE_URL: 'https://www.yoursite.com', // 替换为你的站点URL
  },
};

步骤 4: 生成站点地图

json复制代码
"scripts": {
  "postbuild": "next-sitemap"
}

步骤 5: 部署和验证

1. 构建项目：运行 npm run build。

2. 部署项目：将构建后的项目部署到你的服务器或托管服务。

3. 验证站点地图：访问 https://www.yoursite.com/sitemap.xml 和 https://www.yoursite.com/robots.txt 以确保站点地图和 robots.txt 文件正确生成。

示例配置

module.exports = {
  siteUrl: process.env.SITE_URL || 'https://www.yoursite.com',
  generateRobotsTxt: true,
  // 你可以在这里添加更多选项，例如忽略某些路径
  exclude: ['/admin/*'],
  robotsTxtOptions: {
    policies: [
      { userAgent: '*', allow: '/' },
      { userAgent: '*', disallow: '/admin' },
    ],
  },
}

module.exports = {
  env: {
    SITE_URL: 'https://www.yoursite.com',
  },
};

{
  "scripts": {
    "postbuild": "next-sitemap"
  }
}

搜索引擎收录

在Google主动绑定站点

1. 注册登录 https://search.google.com/search-console

2. 验证域名

3. 提交站点地图