糟糕！我忘记了网站的站点地图（但现在已经修复了！）

tl;dr: 你猜怎么着？我完全忘记给我的网站添加站点地图了。站点地图可以帮助搜索引擎找到我所有的精彩内容，这一点非常重要！这篇文章将向你展示我是如何使用 Astro 轻松设置它的，这样你就不会犯和我一样的错误。

Astro 有一个内置的站点地图生成器，所以我只需要在 astro.config.mjs 中添加以下内容：

export default defineConfig({
	site: "https://www.sanju.sh",
	integrations: [
        mdx(), 
        sitemap({
            changefreq: 'daily',
            priority: 0.7,
            lastmod: new Date('2024-06-01'),
        }), 
        tailwind()
    ],
	output: "server",
	adapter: cloudflare(),
});

我还给网站添加了一个 robots.txt 文件。我在 src/pages/robots.txt.ts 创建了一个新文件，内容如下：

import type { APIRoute } from 'astro';

const robotsTxt = `
User-agent: *
Allow: /

Sitemap: ${new URL('sitemap-index.xml', import.meta.env.SITE).href}
`.trim();

export const GET: APIRoute = () => {
  return new Response(robotsTxt, {
    headers: {
      'Content-Type': 'text/plain; charset=utf-8',
    },
  });
};

我还在 package.json 中添加了以下内容：

{
  "scripts": {
    "build": "astro build && astro sitemap"
  }
}

现在，每当我运行 npm run build 时，Astro 就会为我生成一个站点地图。我还将站点地图提交到了 Google Search Console，以帮助他们更快地索引我的内容。

下一个项目见！

需要帮助优化你的网站 SEO 吗？让我们聊聊！

附言： 在 Twitter 上关注我，我会在那里记录我作为设计师、开发者和创业者的旅程！