如何使用 Firebase 为单页应用程序实现 sitemap.xml 文件？

Question

我在阅读谷歌关于 SEO 的指南时发现了这一点。

帮助 Google 找到您的内容

让您的网站出现在 Google 上的第一步是确保 Google 可以找到它。最好的方法是提交站点地图。站点地图是您网站上的一个文件，它告诉搜索引擎您网站上的新页面或更改页面。详细了解如何构建和提交站点地图。

Obs.：我的网络应用是一个电子商务/博客，我在其中有一个商店，我有产品要出售，我有一个博客部分，我可以在其中创建和发布有关这些产品的内容。

因此，每个产品都有一个产品页面，每个博客文章都有一个blogPost页面。

然后我从像我这样具有良好 SEO 排名的网站中寻找一些 站点地图 示例。

我发现了这个很好的例子：

robots.txt

User-Agent: *
Disallow: ... // SOME ROUTES

Sitemap: https://www.website.com/sitemap.xml

IE：显然爬虫机器人从 robots.txt 文件中找到了站点地图位置。

我还发现他们为 blogPost 和产品页面保留了单独的站点地图文件。

sitemap.xml

<sitemapindex xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/siteindex.xsd">
  <sitemap>
    <loc>https://www.website.com/blogPosts-sitemap.xml</loc> // FOR POSTS
    <lastmod>2019-09-10T05:00:14+00:00</lastmod>
  </sitemap>
  <sitemap>
    <loc>https://www.website.com/products-sitemap.xml</loc>  // FOR PRODUCTS
    <lastmod>2019-09-10T05:00:14+00:00</lastmod>
  </sitemap>
</sitemapindex>

blogPosts-sitemap.xml

// HUGE LIST WITH AN <url> FOR EACH BLOGPOST URL

<url>
  <loc>
    https://www.website.com/blog/some-blog-post-slug
  </loc>
  <lastmod>2019-09-03T18:11:56.873+00:00</lastmod>
  <changefreq>weekly</changefreq>
  <priority>0.8</priority>
</url>

products-sitemap.xml

// HUGE LIST WITH AN <url> FOR EACH PRODUCT URL

<url>
  <loc>
    https://www.website.com/gp/some-product-slug
  </loc>
  <lastmod>2019-09-08T07:00:16+00:00</lastmod>
  <changefreq>yearly</changefreq>
  <priority>0.3</priority>
</url>

问题

如果我的网络应用是带有客户端站点路由的单页应用，我如何保持Sitemap 文件的更新？

因为我使用 Firebase 作为我的主机，所以我想做的是：

选项 #1 - 将 sitemap.xml 保留在 Firebase 托管中

来自这个问题Upload single file to firebase hosting via CLI or other without deleting existing ones?

Frank van Puffelen 说：

更新（2018 年 12 月）：Firebase 托管现在具有 REST API。虽然这仍然不允许您部署单个文件，但您可以创造性地使用它来获得您想要的东西。在这里查看我的要点：https://gist.github.com/puf/e00c34dd82b35c56e91adbc3a9b1c412

我可以使用他的 Gist 更新 sitemap.xml 文件并每天运行一次此脚本，或者在我想要的任何时候运行。这适用于我当前的项目，但不适用于动态页面更改频率较高的项目，例如新闻门户或市场。

选项 #2 - 将 sitemap.xml 保存在 Firebase 存储中

将站点地图文件保存在我的存储桶中，并根据需要通过管理脚本或云计划函数频繁更新。

在我的firebase.json 中设置重写，并指定一个函数来响应并在请求时从存储桶中提供站点地图文件。

firebase.json

"hosting": {
 // ...

 // Add the "rewrites" attribute within "hosting"
 "rewrites": [ {
   "source": "/sitemap.xml",
   "function": "serveSitemapFromStorageBucket"
 } ]
}

最后的问题

我倾向于选项 #2，我想知道它是否适用于这个特定目的，或者我是否遗漏了什么。

Answer 1

我最终创建了一个云函数来按需构建站点地图文件。

firebase.json

"rewrites": [
  {
    "source": "/sitemap.xml",
    "function": "buildSitemap"
  },
]

buildSitemap.js（这是一个云功能）

import * as admin from 'firebase-admin';

async function buildSitemap(req,res)  {

  // Use firebase-admin to gather necessary data
  // Build the sitemap file string
  // and send it back

  res.set('Content-Type', 'text/xml');
  res.status(200).send(SITEMAP_STRING);
  return;

}

export default buildSitemap;