某些类型的 JavaScript 对于 Google 来说可能很难理解(咳……Angular(也俗称 AngularJS 2)……咳)。
其他搜索引擎和爬虫(例如:Bing、Facebook)将理解这种体验。
Bing 和其他搜索引擎尚未透露它可以抓取 JavaScript 并对其进行索引。 HTML 快照可能是 JavaScript 密集型网站的唯一解决方案。与往常一样,在投入之前进行测试以确保情况确实如此。
“谷歌不仅理解你的 JavaScript,还关系到速度。” -DOM – “这不仅仅是 Google 理解您的 JavaScript。这还与您感知到的延迟有关。” -DOM
站点延迟
当浏览器接收 HTML 文档并构建 DOM
(尽管事先进行了一定程度的扫描)时,大多数资源都会按 HTML 文档中的显示方式加载。这意味着,如果 HTML 文档顶部有一个非常大的文件,浏览器将首先加载该非常大的文件。
Google关键渲染路径的概念是尽可能快地加载给用户,可以翻译为→“尽快将所有内容呈现在用户面前”。
关键渲染路径 – 优化渲染缓慢加载:
渐进式页面渲染
源图像
但是,如果您有不必要的资源或 JavaScript 文件阻止页面加载,则会 whatsapp 主管 出现“渲染阻止 JavaScript”。含义:您的 JavaScript 抑制了页面看起来快速加载的能力(称为:感知延迟)。
渲染阻塞 javascript – 解决方案
如果您分析页面速度结果(通过 Page Speed Insights Tool、WebPageTest.org、CatchPoint 等工具)并确定 JavaScript 是渲染阻塞问题,以下是三种可能的解决方案:
内联:将 JavaScript 添加到 HTML 文档。
异步:使 JavaScript 异步(即,将“async”属性添加到 HTML 标记)。
Defer:通过将 JavaScript 嵌入 HTML 中。
!!!重要提示:重要的是要了解脚本必须按优先级顺序排序。用于加载首屏内容的脚 引入下一代采购工具 本应优先考虑而不是推迟。此外,引用另一个文件的任何脚本只能在加载引用的文件后才能使用。请务必与您的开发团队密切合作,以确认用户体验不存在瓶颈。
了解更多:Google 开发者 Velocity 文档
TL; DR – 故事的寓意
爬虫和搜索引擎会尽力爬行、处理和解释您的 JavaScript,但这并不能保证。确保您的 购买电子邮件列表 内容可抓取、可访问,并且不会造成网站延迟瓶颈。关键=每种情况都需要测试。根据结果,评估可能的解决方案。
查找红色警报图标以立即指示严重问题。先解决这些问题。如果某个页面无法被抓取,则所有其他抓取工具都会出现问题。
2. 扩散的平衡问题
在解决 SEO 技术问题时,我们必须平衡强度和数量。在不了解有关您网站的任何其他信息的情况下,我想说可以在重复内容之前修复 404 错误 – 但如果您有 11 个 404 和 17,843 个重复页面怎么办?你的优先事项突然看起来非常不同。
在“网站抓取主页”下,选中“Moz 建议修复”:
考虑到这个问题的普遍性,我们已经为您做了一些计算。这需要对优先级进行一些假设,但如果您的时间有限,我们希望这至少能为您提供一个快速起点来解决一些关键问题。
决多页面问题
处理较大数字的问题还有另一个优点。在许多情况下,您可以使用数百(或数千)个页面上的单一解决方案来解决问题。这就是更多策略可以为您节省大量时间和金钱的地方。
感谢:感谢 Max Prin (@maxxeight) 审阅本文并分享他的知识、见解和智慧。没有你,一切都会不一样。