我说我有一个像这样的页面的部分(粗略的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>
...
...
目前,这些是一组手风琴,可以在点击链接时展开以显示内容。我想要做的是将它们视为单独的URL,以便它们可以被Google单独编入索引,当然它们只是单页的一部分。
我一直在研究历史API,并且可以看到我如何为每个部分创建唯一的网址,但我的理解落在了如果,Google或其他搜索引擎将如何处理这些链接必填信息已经是页面的一部分,而不是存储在自己的单独URL中。
例如,第一步是将<a>
标记更改为:
<a href="/contact-us/north-east">North East</a>
然后我们可以使用JS直接转到URL preventDefault()
,而是为用户提供扩展的手风琴,使用History API将页面向下滚动到手风琴和唯一的URL。如果我们直接访问URL或点击任何链接,这一切都很好。
但问题是,据我所知,Google抓取工具会尝试关注该链接并面对404,因为没有Javascript阻止访问该网址中的资源。而且我也不希望有。
或者是否需要一个独特的位置来保存手风琴的内容,这是可转位的,当折叠的手风琴与之交互时也会用AJAX拉入?
道歉,如果我没有做出任何明确的事情。
答案 0 :(得分:0)
我不得不处理同样的事情。我所做的是制作一个重写规则,以便谷歌跟随的链接实际上发布到处理请求的页面。显示数据。 Angular可以为您处理手风琴带来很多麻烦。