小编典典

html5mode(true)是否会影响Google搜索抓取工具

angularjs

我正在阅读此规范该规范是Web服务器与搜索引擎搜寻器之间的协议,该协议允许动态创建的内容对搜寻器可见。在那里声明,为了使搜寻器能够索引html5应用程序,必须#!在URL中使用来实现路由。在角度上,html5mode(true)我们摆脱了URL的此哈希部分。我想知道这是否会阻止爬虫将我的网站编入索引。


阅读 397

收藏
2020-07-04

共1个答案

小编典典

简短答案-不,html5mode不会破坏您的索引编制,但请继续阅读。


重要说明:Google和Bing都可以在没有HTML快照的情况下抓取基于AJAX的内容

我知道,您链接到的文档另有说明,但是大约在一两年前,他们正式宣布只要使用pushstates,它们就不需要HTML快照 即可
处理AJAX内容,但是很多文档很旧,但不幸的是没有更新。

使用推状态的SEO

开箱即用地进行AJAX抓取的要求是,您正在使用pushstates更改URL。这就是Angular中的html5mode所做的(以及许多其他框架所做的)。当pushstates处于启用状态时,爬网程序将等待ajax调用完成并等待javascript更新页面,然后再对其进行索引。您甚至可以在路由器中更新诸如页面标题甚至元标记之类的内容,它将正确索引。从本质上讲,您无需执行任何操作,在这种情况下,服务器端和客户端呈现的站点之间没有区别。

需要明确的是,许多SEO分析工具(例如Moz)会使用pushstate在页面上发出警告。这是因为这些工具(以及与他们交谈的代表)在撰写本文时尚未更新,因此请忽略它们。

最后,请确保执行此操作时 使用下方的片段元标记。如果您具有该标签,则爬网程序会认为您要使用non-pushstates方法,可能会导致混乱。

没有推送状态的SEO

没有理由在Angular中不使用pushstates,但是如果您不这样做,则需要遵循问题中链接的准则。简而言之,您可以在服务器上创建html的快照,然后使用fragment
meta标签将url片段更改为“#!”。代替 ”#”。

<meta name="fragment" content="!" />

搜寻器找到这样的页面时,它将删除url的片段部分,而是使用_escaped_fragment_参数请求url,然后您可以提供快照页面作为响应。给搜寻器一个正常的静态页面进行索引。

请注意,仅在您要触发此行为时才应使用片段元标记。如果您使用的是pushstate,并希望页面以这种方式编制索引,请不要使用此标记。

另外,在Angular中使用快照时, 可以
启用html5mode。在html5mode中,该片段是隐藏的,但从技术上讲它仍然存在,并且假设设置了片段元标记,该片段仍会触发相同的行为。

警告-Facebook搜寻器

尽管Google和Bing都将毫无问题地检索您的AJAX页面(如果您使用的是pushstates),但Facebook不会。Facebook不了解ajax内容,但仍需要特殊的解决方案,例如专门为facebook机器人(用户代理facebookexternalhit
/ 1.1)提供的html快照。


编辑 -我可能应该提到我已经用所有这些版本部署了站点。两者都带有html5mode,片段元标记和快照,并且没有任何快照,仅依赖于pushstate-
crawling。除了上面提到的pushstates和Facebook之外,一切都正常。

2020-07-04