Javascript：如何解决主要的 SEO 问题
Posted: Sat Dec 21, 2024 6:37 am
如今，所有新一代网站都或多或少地广泛使用 JavaScript 来生成交互效果或提高页面性能。但我们确定搜索引擎总是喜欢这种编程语言吗？
在本文中，我们将了解如何最好地使用它来避免大大小小的 SEO 错误。
JavaScript 是什么意思？
JavaScript 是一种 已经存在了二十多年的 秘鲁客户电子邮件列表 编程语言，但它经历了指数级的扩散，特别是在过去的四五年里，响应了对更多动画和动态网站的需求。
事实上，JavaScript 是客户端脚本 语言的参考，用于创建最多样化的交互效果，特别是那些通过某些用户行为（例如单击、悬停、点击、滚动...）触发的交互效果，尽管在某些情况下 JavaScript 脚本的执行会自动发生。
您的网站或多或少大量使用 JavaScript 的可能性非常高，特别是如果您管理或拥有一个电子商务网站。但你确定它在谷歌眼中也很好，而不仅仅是在你眼中吗？
SEO 的作用在这里发挥了作用：因为 JavaScript 是一种谷歌和其他搜索引擎根本无法消化的语言，特别是如果大量且不正确地使用的话。
SEO Javascript 指南
在本文中，我们将了解过度或不正确地使用 JavaScript 可能会在 SEO 层面产生哪些问题以及如何预防这些问题。让我们开始吧！
JavaScript SEO 指南
让我们从基础知识开始：我如何知道我的网站是否使用 JavaScript？
第一步是了解网页是否以及在何种程度上使用 JavaScript 语言。除非你是一名开发人员，否则为了轻松了解你正在工作的网站是否实现了这项技术，我推荐两种方法：一种更技术性，一种更经验性，不太严格，但我认为更有效地查看 JavaScript 对网站的具体影响页。
以下步骤针对 Google Chrome 进行描述，但可以在所有主要浏览器上以类似的方式执行：
方法一：技术性
打开您感兴趣的网页，然后按 F12 访问 Chrome DevTools。在顶部栏中，单击“网络”选项卡，然后单击“JS”过滤器。
在 Google Chrome 上使用 javascript（方法 1）
此时，按CTRL+F5清除页面缓存并重新加载，您将看到JavaScript资源列表出现。对于每个您可以看到：
加载的 URL（当鼠标悬停在资源名称上时）
http状态码
类型（显然是脚本）和启动器（加载脚本的资源）
尺寸（尺寸）
加载时间
瀑布图可让您直观地评估（通过鼠标悬停时的精确数据）资源加载的进度。
这些数据特别有助于我们了解 JS 资源的整体加载时间以及每个资源的具体加载时间：特别是TTFB数据特别有趣，它指示服务器下载该资源的响应时间。
在本文中，我们将了解如何最好地使用它来避免大大小小的 SEO 错误。
JavaScript 是什么意思？
JavaScript 是一种 已经存在了二十多年的 秘鲁客户电子邮件列表 编程语言，但它经历了指数级的扩散，特别是在过去的四五年里，响应了对更多动画和动态网站的需求。
事实上，JavaScript 是客户端脚本 语言的参考，用于创建最多样化的交互效果，特别是那些通过某些用户行为（例如单击、悬停、点击、滚动...）触发的交互效果，尽管在某些情况下 JavaScript 脚本的执行会自动发生。
您的网站或多或少大量使用 JavaScript 的可能性非常高，特别是如果您管理或拥有一个电子商务网站。但你确定它在谷歌眼中也很好，而不仅仅是在你眼中吗？
SEO 的作用在这里发挥了作用：因为 JavaScript 是一种谷歌和其他搜索引擎根本无法消化的语言，特别是如果大量且不正确地使用的话。
SEO Javascript 指南
在本文中，我们将了解过度或不正确地使用 JavaScript 可能会在 SEO 层面产生哪些问题以及如何预防这些问题。让我们开始吧！
JavaScript SEO 指南
让我们从基础知识开始：我如何知道我的网站是否使用 JavaScript？
第一步是了解网页是否以及在何种程度上使用 JavaScript 语言。除非你是一名开发人员，否则为了轻松了解你正在工作的网站是否实现了这项技术，我推荐两种方法：一种更技术性，一种更经验性，不太严格，但我认为更有效地查看 JavaScript 对网站的具体影响页。
以下步骤针对 Google Chrome 进行描述，但可以在所有主要浏览器上以类似的方式执行：
方法一：技术性
打开您感兴趣的网页，然后按 F12 访问 Chrome DevTools。在顶部栏中，单击“网络”选项卡，然后单击“JS”过滤器。
在 Google Chrome 上使用 javascript（方法 1）
此时，按CTRL+F5清除页面缓存并重新加载，您将看到JavaScript资源列表出现。对于每个您可以看到：
加载的 URL（当鼠标悬停在资源名称上时）
http状态码
类型（显然是脚本）和启动器（加载脚本的资源）
尺寸（尺寸）
加载时间
瀑布图可让您直观地评估（通过鼠标悬停时的精确数据）资源加载的进度。
这些数据特别有助于我们了解 JS 资源的整体加载时间以及每个资源的具体加载时间：特别是TTFB数据特别有趣，它指示服务器下载该资源的响应时间。