要为Angular 8网站创建网站地图和机器人文件,你可以按照以下步骤进行。
创建网站地图(sitemaps)
@angular/cli
(如果尚未安装)。可以通过运行以下命令来安装:npm install -g @angular/cli
sitemap.xml
文件,该文件将包含你的网站地图数据。sitemap-generator.js
文件,该文件将用于生成网站地图。在该文件中,添加以下代码:const fs = require('fs');
const path = require('path');
const sm = require('sitemap');
const baseUrl = 'https://example.com'; // 你的网站基本URL
const outputPath = path.join(__dirname, 'dist', 'sitemap.xml'); // 你的网站地图输出路径
// 生成网站地图
const sitemap = sm.createSitemap({
hostname: baseUrl,
cacheTime: 600000, // 10分钟
urls: [
{ url: '/', changefreq: 'weekly', priority: 1.0 }, // 添加你的网站页面URL,包括主页和其他页面
{ url: '/about', changefreq: 'monthly', priority: 0.8 },
// ...
]
});
// 将网站地图保存到输出路径
fs.writeFileSync(outputPath, sitemap.toString());
package.json
文件中,添加一个脚本命令,用于运行网站地图生成器。在scripts
部分中添加以下代码:"scripts": {
// ...
"generate-sitemap": "node sitemap-generator.js",
// ...
}
npm run generate-sitemap
创建机器人文件(robots.txt)
robots.txt
文件,该文件将包含你的机器人规则。robots.txt
文件:User-agent: *
Sitemap: https://example.com/sitemap.xml
Disallow:
https://example.com/sitemap.xml
为你生成的网站地图文件的URL。配置Angular应用以包含这些文件
angular.json
文件中添加以下配置,以确保这些文件被包含在构建中:"assets": [
// ...
"src/robots.txt",
"dist/sitemap.xml",
// ...
]
robots.txt
和sitemap.xml
文件复制到dist
文件夹中。完成这些步骤后,当你构建并部署Angular 8应用时,sitemap.xml
和robots.txt
文件将包含在你的构建输出中,并且可以通过相应的URL进行访问。请注意,这些文件在每次构建时都会自动生成,因此你可以通过更新urls
数组中的URL来添加或删除网站地图中的页面。