seo - 当涉及到 History API 时，Google 如何处理内容的索引？

Question

我说我有这样一个页面的一部分(粗略的 HTML 给出了一个想法):

www.mydomain.com/contact-us

<div class="regional-offices">

<div class="south-west">
  <a href="#south-west">South West</a>
  <div class="south-west-content">South west office address</div>
</div>

<div class="north-east">
  <a href="#north-east">North East</a>
  <div class="north-east-content">North east office address</div>
</div>
...
...

目前，这些是一组 Accordion ，可在单击链接时展开以显示内容。我想做的是将它们视为单独的 URL，以便 Google 可以将它们单独编入索引，当然目前它们只是单个页面的一部分。

我一直在研究 History API，并且可以了解如何为每个部分创建唯一的 URL，但我的理解不足的是 Google 或其他搜索引擎将如何处理这些链接，如果 所需信息已经是页面的一部分，而不是存储在其自己的单独 URL 中。

例如，第一步是更改 <a>标签是这样的:

<a href="/contact-us/north-east">North East</a>

然后我们可以使用JS来preventDefault()直接转到 URL，而不是为用户提供扩展的 Accordion ，将页面向下滚动到 Accordion 和使用 History API 的唯一 URL。如果我们直接访问 URL 或单击任何链接，这一切都很好。

但问题是，据我所知，Google 爬虫将尝试跟踪链接并遇到 404，因为没有 Javascript 阻止访问 URL 中的资源。我也不希望有。

或者我是否需要一个唯一的位置来保存 Accordion 的内容，它是可索引的，并且在与折叠的 Accordion 交互时也使用 AJAX 拉入？

如果我没有说清楚，请见谅。

Answer 1

我不得不处理同样的事情。我所做的是制定重写规则，以便将 google 关注的链接实际发布到处理请求的页面。显示数据。 Angular 可能会为您省去很多处理 Accordion 的麻烦。