我们稍后会更详细地讨论这个问题。 用于内部链接的 JavaScript SEO 除了动态地将内容注入 DOM 之外,JavaScript 还可以影响链接的可抓取性。Google 通过抓取在页面上找到的链接来发现新页面。 作为最佳实践,Google 特别建议使用带有 href 属性的 HTML 锚标记链接页面,并为超链接包含描述性锚文本: 不过,Google 也建议开发人员不要依赖其他 HTML 元素(如 div 或 span)或 JS 事件处理程序来获取链接。
根据Google 官方指南,这些被称为“伪”链接,通常不会被抓取: 尽管有这些指导原则,但一项独立的第三方研究表明,Googlebot 可能能够抓取 JavaScript 链接。不过,根据我的经验,我发现将链接保留为静态 HTML 元素是最 佐治亚州电话数据 佳做法。 潜在的 SEO 问题:如果搜索引擎无法抓取并跟踪指向您关键页面的链接,那么您的页面可能会错过指向它们的有价值的内部链接。内部链接可帮助搜索引擎更有效地抓取您的网站并突出显示最重要的页面。
最糟糕的情况是,,那么 Google 可能很难发现您的新页面(在 XML 站点地图之外)。 用于延迟加载图像的 JavaScript SEO JavaScript 还会影响延迟加载图像的可抓取性。这是一个基本示例。此代码片段用于通过 JavaScript 在 DOM 中延迟加载图像: Googlebot 支持延迟加载,但它不会像人类用户访问您的网页那样“滚动”。相反,Googlebot 在抓取网页内容时只会将其虚拟视口调整得更长。
因此,“滚动”事件监听器永远不会触发,抓取工具也永远不会呈现内容。 以下是更加有利于 SEO 的代码示例: 此代码显示,当任何观察到的元素变为可见时,IntersectionObserver API 会触发回调。它比滚动事件监听器更灵活、更强大,并且受到现代 Googlebot 的支持。此代码之所以有效,是因为 Googlebot 会调整其视口大小以“看到”您的内容(见下文)。 您还可以在浏览器中使用原生的延迟加载。