若何措置与 Google 搜刮相干的 JavaScript 问题
本文引见若何辨认和措置一些 Javascript 问题,若何这些问题大年夜大年夜约会招致您的措置网页(或 JavaScript 网页上的特定内容)没法表示在 Google 搜刮下场中。当然 Googlebot 可以运转 JavaScript ,搜刮但您在筹划网页和独霸时需求思虑一些不合和限制,相干以适应抓取对象访谒和展示您的若何内容的编制。我们的措置 JavaScript SEO 根本常识指南具体引见了若何针对 Google 搜刮优化 JavaScript 网站。

Googlebot 经由尽心筹划 ,是相干一名精细的网上平允易近。它的若何次要义务是抓取网站,同时确保其抓取独霸不会招致网站的措置用户体验降低。Googlebot 及其网页展示处事 (WRS) 组件会不竭分化和辨认对根本网页内容没有供献的搜刮成本,并且大年夜大年夜约不会抓取此类成本 。相干比如,若何对根本网页内容没有供献的措置陈述和偏向请求 ,和在提取根本网页内容时不独霸或没需求独霸的搜刮其他近似圭表类型的请求 。客户端分化大年夜大年夜约没法无缺或切确地闪现您网站上的 Googlebot 和 WRS 活动 。独霸 Search Console 可以监控您网站上的 Googlebot 和 WRS 活动及回响。
假定您思疑 JavaScript 问题大年夜大年夜约会招致您的网页或 JavaScript 网页上的特定内容没法表示在 Google 搜刮下场中 ,请按以下法度圭表类型独霸 。假定您不竭定 JavaScript 可否是次要启事 ,请屈就我们的一样往常调试指南断定具体问题 。
1、如需测试 Google 抓取和展示网址的终局 ,请独霸 Search Console 中的挪动设备契合性测试或网址搜检对象。您可以搜检已加载的成本 、JavaScript 独霸台输进和特别很是、展示的 DOM 和更多信息。
劝诫 :请勿独霸缓存链接调试网页 。建议改用网址搜检对象,因为该对象会搜检网页的最新版本。
此外 ,我们还建议您群集和查核用户(包含 Googlebot)在您网站上碰着的 JavaScript 偏向,断定大年夜大年夜约会影响内容展示终局的埋伏问题。
展示示例

2、请务必警悟软 404 偏向 。在单页独霸 (SPA) 中,这大年夜大年夜约会特别很是艰苦。为阻拦将偏向网页编进索引 ,您可独霸以下一种或两种计策 :
a、重定向至处事器照顾 404 外形代码的网址。
展示示例

b 、添加遨游器元标识表记标帜 noindex 或将遨游器元标识表记标帜变换成 noindex。
展示示例

体味更多信息:SPA 独霸客户端 JavaScript 措置偏向时 ,但凡会陈述 HTTP 外形代码 200 ,而不是照顾的外形代码。这会招致偏向网页被编进索引并大年夜大年夜约会表示在搜刮下场中。
3 、Googlebot 大年夜大年夜约会回尽用户权限请求 。
体味更多信息 :需求用户权限的下场不合用于 Googlebot 或全数用户。比如 ,假定您需求 Camera API,而 Googlebot 没法向您供给相机 。在这类气候下 ,应为用户供给一种编制,使其无需授予相机访谒权限便能访谒您的内容 。
4 、请勿独霸片段网址加载不合的内容。
体味更多信息:SPA 大年夜大年夜约会独霸片段网址(比如 https://example.com/#/products)加载不合的视图 。 自 2015 年起,我们已弃用 AJAX 抓取筹划,是以您不克不及供给片段网址让 Googlebot 抓取。 我们建议您独霸 History API 屈就 SPA 中的网址加载不合的内容。
5、不要依托数据经久性来供给内容 。
体味更多信息:和常例不雅不雅不雅不雅鉴赏器一样,WRS 会加载每个网址(请参阅编进索引简介 ,简明体味 Google 若何创作创造内容),并屈就处事器和客户端重定向。不过,在网页加载过程中,WRS 不会保管外形:
在网页加载过程中,琐细会断根柢地存储空间和会话存储空间中的数据。
在网页加载过程中 ,琐细会断根 HTTP Cookie。
6、独霸内容指纹阻拦 Googlebot 缓存问题。
体味更多信息:Googlebot 会主动缓存内容,以促进群集哀告和成本独霸量 。WRS 大年夜大年夜约会忽视缓存标头。这大年夜大年夜约会招致 WRS 独霸过时的 JavaScript 或 CSS 成本 。为了不这个问题,您可以成立内容指纹 ,使其成为文件名的一部分(如 main.2bb85551.js) 。 指纹取决于文件的内容,是以每次更新都邑生成不合的文件名。如需体味概略,请参阅 web.dev 长效缓存计策指南。
7、确保您的独霸针对其所需的全数关头 API 独霸下场检测 ,并在合用气候下供给后备行动或 Polyfill 。
体味更多信息 :某些网页下场大年夜大年夜约不会被全数用户代办代办代办代理采取,而一些用户代办代办代办代理大年夜大年夜约会决计停用特定下场。比如 ,假定您在不雅不雅不雅不雅鉴赏器中独霸 WebGL 展示照片终局 ,下场检测会展示 Googlebot 不支撑 WebGL。若要修复此问题 ,您可以跳过照片终局展示法度圭表类型或独霸处事器端展示来预展示照片终局 ,多么一来,全数用户(包含 Googlebot)都可访谒您的内容。
8 、确保您的内容合用于 HTTP 邻接 。
体味更多信息:Googlebot 会独霸 HTTP 请求从您的处事器检索内容 。它不支撑其他圭表类型的邻接,比如 WebSockets 或 WebRTC 邻接。为阻拦此类邻接展示问题,请务必供操作于检索内容的 HTTP 回退机制 ,并独霸壮除夜的偏向措置和下场检测机制。
9、确保群集组件能按预期展示。独霸挪动设备契合性测试或网址搜检对象搜检展示的 Html 可否包含您期看的全数内容。
体味更多信息:WRS 会扁平化 light DOM 和 shadow DOM 。 假定您独霸的群集组件没有针对 light DOM 内容独霸 <slot> 机制 ,请参阅照顾群集组件的文档以体味概略 ,或独霸其他群集组件。如需体味概略 ,请参阅群集组件最好做法。
10、改削此查对清单中的内容后,请再次独霸 Search Console 中的挪动设备契合性测试或网址搜检对象测试您的网页 。
假定问题已措置,琐细会展示一个绿色对勾标识表记标帜,并且不会展示任何偏向 。假定仍看到偏向 ,请在 JavaScript Sites in Search Working Group 中发帖征询 。

