JavaScript SEO终极指南-问题与解决方案

SEO 技术人员可能会使用最流行的一种语言——这是我们在制造网站中最常用的两种语言。但最近几年，JavaScript 最流行。大多数网站都使用 HTML 来有更多的网站使用价格和改进用户体验。使用它来获取产品或者JavaScript来实现，有它的使用功能获取内容，在这种情况下，网站有多种功能站使用JavaScript。

据我的研究，美国多达 80% 的知名电子商务网站使用 JavaScript 来生成主要内容或类似产品的链接（内链）。然而，许多 JavaScript 网站——尽管它很有趣——在谷歌中表达佳，因为他们没有正确地进行JavaScript SEO。

作为一名 SEO 相关经验的爱好者，我想根据行业最佳实践和我本人的分享我对 JavaScript SEO 的看法。希望帮助 SEO 从业者理解 Google 是如何处理 JavaScript 的，以及遇到时如何解决。重要的是，在使用 JavaScript 的同时，确保您的网站没有效果。

一、什么是JavaScript？

JavaScript 是脚本内容的一门编程语言，它的实现网页版让您不再是简单的实时更新的动态信息，可以实现一种动态地图，2D/3D 动画的功能，2D/3D 动画，滚动播放的视频等等。

当谈到我们针对文档制造的网站时，我们指的是 JavaScript 将简单地用 HTML 添加 JS 性。核心或主要内容是通过 JavaScript 实现的。

二、如何检查网站是否使用JavaScript制造

在此，我们介绍可用的方法以供参考。

1. 使用类似WW或JD、BuiltWithWappalyzer之类的工具快速检查网站是否制造在JavaScript框架上。
2. 在浏览器中通过“检查元素”或“查看源代码”来检查JS代码。您可能会发现流行的JavaScript框架，例如React.js，jQuery，Express或Angular等。
3. 在您使用这些浏览器中的这些插件时，例如 Chrome 上的 Quick JavaScript Switcher 或 Firefox 上的 Java Script Switch。元素消失了，则表示它们是由 JavaScript 生成的。

三、什么是JavaScript SEO？

JavaScript SEO是技术SEO的一个分支。它的主要关注点：

• 优化由 JavaScript 制造商提供搜索引擎的内容、内容和索引。
• 预防、诊断和解决基于JavaScript框架（React、Angular和jQuery）制作的网站和SPA（单页应用程序）的排名。
• 通过采用最佳实践确保网页可被搜索引擎发现及解读。
• 的改进页面解析和执行JS代码页面加载时间，以优化用户体验(UX)。

四、谷歌索引可以JavaScript吗？

Google 是否可以处理 JavaScript 是 SEO 人员最感兴趣的问题内容。我们首先来看看对这个问题的回答： “目前，处理JavaScript比较困难，而不是所有搜索引擎内容的抓取工具都能够成功处理直接处理诸如此类的内容。”

SEO 行业内也普遍存在针对 HTML，处理这个 JavaScript 的一些问题。那为什么谷歌可能在处理 JavaScript 搜索时遇到困难？一个清晰的认知。

1.Google如何抓取HTML网站？

在传统的 HTML 网站中，Google 爬取网页的过程很简单明了：

1. Googlebot 下载 HTML 文件。
2. Googlebot 从源代码中提取链接，并可以同时访问它们。
3. Googlebot 下载 CSS 文件。
4. Googlebot 将所有下载的资源发送到 Google 的索引器（咖啡因）。
5. 索引器（Caffeine）索引页面。

2.Google如何抓取JavaScript网站？

1. Googlebot会下载HTML文件。
2. Googlebot在源代码中找不到链接，因为它们在执行JavaScript后才被插入。
3. Googlebot会下载CSS和JS文件。
4. Googlebot 必须使用 Google Web Rendering Service（Caffeine Indexer 的一部分）来解析、编译和执行 JavaScript。
5. WRS从外部API、数据库等获取数据。
6. 索引器可以索引内容。
7. Google 可以发现新的它们的链接并将其添加到 Googlebot 的抓取第二个中。对于 HTML 网站，这是步。

问题的地方在于渲染和JavaScript索引可能会出现很多：

• 编译和运行JavaScript文件非常方便——对于用户和谷歌来说都是如此。
• 对于内容的网站，在网站完整的 JavaScript 前端，Google 通常无法索引内容。
• 渲染过程通常也只有一个过程才能发现的东西。它指的是缓慢的页面构建的网站，Google 无法在页面链接之前发现新的发现上的任何内容。
• Googlebot 不会有时可能不会选择所有资源的某个 JavaScript 文件的某个问题太长时间）。

3.向谷歌展示JavaScript内容的不同方式

当我们讨论Google是否可以抓取、渲染和索引JavaScript时，我们需要解决两个非常重要的概念：服务器渲染(SSR)和客户端渲染(CSR) 。处理JavaScript的SEOer都必须了解。

浏览器会收到一个完整页面的HTML文件。

方法有点不同，有时会搜索引擎苦苦渲染或使用这种方法，浏览器搜索引擎是苦苦渲染或使用这种方法，谷歌在最初加载时获得空白 HTML（几乎没有内容）副本常见。下载内容副本并更新您的屏幕显示。

当由于某种原因，Google无法获取或索引您的内容时，某种解决方案是实现服务器端的呈现。Netflix 、Marvel Staples、Nike、Hulu、Expedia、Argos 和 Booking.com 等网站都利用了服务器端渲染。

如果您的 Google 设置无法处理您的客户端渲染网站，您可以为 Googlebot 提供预渲染版本。这是爬虫的一种解决方法，被 Google 和 Bing 正式接受并支持它。通常被称为动态渲染。

总结一下： Google 是 JavaScript 索引的，只是可能有一些 HTML 索引的问题。

五、JavaScript如何影响SEO？

至此，您应该对 Google 和其他搜索引擎如何处理 JavaScript 有一个不错的了解。，我们继续来了解 JavaScript 将如何影响您的 SEO。

下面看，JavaScript会影响对SEO的综合重要的页面元素和排名要素：

1 ）渲染内容

如果 Google 不能有效地渲染的内容，那么您的内容很可能不能被获取、您的浏览内容和 JavaScript 索引，那么在搜索引擎中获得的结果是如何进行的。

2 ）链接

如果在 JavaScript 时，Google 将无法找到此类链接，则当用户链接无法生成此类链接。

3 ）延迟加载图像

JavaScript 会导致延迟加载，但会影响到 JavaScript 对图像的延迟加载。像人类用户一样滚动的内容。，滚动的事件永远不会被触发，也不会被蠕虫渲染。其实，菜单需要任何、滚动或从中选择选项等点击的内容都不会被加载。被谷歌编入索引。

4 ）页面加载时间

很多图片动态如实时请求、主题图片评论、主题请求服务器等的潜在客户的请求和额外的访问者的请求会增加访问者的延迟和额外的请求，如果有内容有时间加载对访问者的请求性活动、 ——这会损害 UX 和 Core Web Vitals。

5 ）元数据

没有该站点使用像 vue-meta 这样的 Node.js 包，否则引擎可能会抓取相同的内容，或者更喜欢的是，每个视图或页面都显示元数据。

6 ）内容重复

JavaScript 在提供内容的时候可能会发生重复和规范化时间问题。这是因为这样脚本处理它们的内容不会被看到。它无法找到任何内容来对加载页面进行排名。这内容动态变化而单独重新独立的单应用程序（SPA）是常见的问题。

六、JavaScript SEO成功的最佳实践

1 是否可以在技术上查看您的 Google 网站。

开发人员或者，您可以在Google上确保您的 JavaScript内容显示在技术上。让 Chrome 看看是否正常、足够了。

相反，请使用该工具中的实时查看工具中的该工具可通过 SearchConsole 获得。它允许查看 Googlebot 如何在您的页面上测试您的 JavaScript 内容，将 Google 的屏幕截图。

在检查自己的屏幕截图时，你可以解决以下问题：

• 主要内容是否存在？
• 谷歌可以访问类似文章和产品之类的区域吗？
• 谷歌可以看到页面的其他关键元素吗？

如果您想深入了解，还可以在此处查看生成报告中的 HTML 选项卡。，您可以查看 DOM-渲染代码，它表示渲染后页面的状态。

如果谷歌能够正确地浏览您的 JavaScript 页面怎么办？

Google 可能会以您的方式呈现您的照片。

• 谷歌在出现时遇到了。
• 渲染时出现一些错误。
• 您在robots.txt文件中阻止Googlebot访问.js文件。

任何点击都可以轻松检查在 Google 卡上展示您的内容时，您是否可以通过 JavaScript 的更多内容来查找错误。

2.检查您的内容是否已被谷歌编入索引

确保 Google 您能够查看您的内容的网站是必需的，它不能保证索引进入。因此，仍然需要 Google/收录的网页是否被收录，以确保您的网页在用户搜索时可见。

有内容方法可以检查您的 JavaScript 是否真的在 Google 中被编入索引。

• 使用“网站”命令——共同的方法。
• 检查谷歌GoogleSearchConsole——最准确的方法。

1).检查本身是否在谷歌的索引中

首先，您必须确保 URL 必须在 Google 的索引中。为此，您可以在 Google 中输入“site:URL”（其中 URL 是您的地址检查页面的 URL）。

2).检查谷歌是否真的索引了你的 JavaScript内容

这很容易。您只需从您的页面复制一个依赖于 JavaScript 的文本片段并在 Google 中键入以下命令：site:{yourwebsite}“{fragment}”。如果的内容在您的输入中也出现，则表示您的内容已在 Google 中编入索引。

使用您的控制台，立即使用 Google 索引代码您检查 URL，在工具中输入要检查 URL，然后在 Google 中查看页面，然后点击查看在搜索中输入的内容。如果您可以 Ctrl+F 输入搜索内容，可以Ctrl+F的JavaScript代码的关键片段是否在此处。

如果 Google 没有索引我的 JavaScript 内容怎么办？

Google 未收录您的 JavaScript 内容的原因有很多，在此只是几个常见的例子：

• 您可以确定 Googlebot 和用户等待几秒钟的内容？
• Google 有渲染您是否检查过 URL 检查工具以查看 Google 是否可以呈现问题。它？
• Google 决定放弃一些资源（即 JavaScript 文件）。
• 谷歌认为内容质量低。
• 谷歌可能也迟会索引JavaScript内容。
• 谷歌根本无法发现这个页面。您确定可以通过站点地图和内部结构访问它吗？

在确保您的几个网站的 JavaScript 对 SEO 友好的时候，您可以遵循步骤来确保您的内容受到关注和索引。

• 确保 Google 可以抓取您网站的内容
• 确保 Google 可以查看您网站的内容
• 确保谷歌索引可以您网站的内容

3. 避免使用 JavaScript 设置重要的元数据

出于页面目的，用户需要为每个页面提供唯一的元数据（标题、元描述等）。

您需要把您的社交标签、元信息把您的标题添加到您的 HTML 中，以便所有搜索引擎和使用您的 JavaScript 代码中添加重要的 JavaScript 页面都可以访问，因为 Google 建议不要添加重要的元标记。可能因为延迟渲染而不能立即看到这些内容，或者由于渲染出现错误，完全不能看到这些内容。

4. 确保 Google 可以找到您的内部链接

内链帮助 Googlebot 更有效地抓取您的网站。

具体来说， Google建议使用才href属性的 HTML 内部标记而不是使用 JS 来制作链接。

5. 缩小 JavaScript 和 CSS 文件

如前所述，JavaScript 会影响网站的性能和页面加载时间——这是谷歌的一个关键因素。因此，对于大量使用 JavaScript 的网站，您还需要压缩 JavaScript（和 CSS）代码以及非关键因素JS 推迟到主要在 DOM 中的后面内容。

为了保持快速，您需要优先考虑用户需要的内容，只需要加载代码页面的 JavaScript，并通过延迟加载其他内容。

6.慎用延迟加载或坠流

网站延迟加载是一种快速有效体验的方法。它可以让您延迟非关键或不显示的内容，真正减少初始页面加载时间。还需要确保搜索引擎爬虫可以访问您的内容。

Googlebot 不会通过、发现、下拉等方式来延迟加载这些内容，这意味着 Google 可能不会发现内容，因此会对 SEO 产生影响。

此外，图片搜索也是一种额外的传输图像。您使用延迟加载，谷歌自然会触发一些 JavaScript，但如果您获得了机会。如果要确保以方便用户搜索的方式延迟加载，请遵循谷歌的延迟加载指南。

7.慎用JavaScript控制器

JavaScript 可以方便地在特定情况下为您提供一种解决方案，但它们可能会以各种方式影响网站的性质。

如果您只是将用户控制器最好的最终版本，使用服务器端 301 控制器。

• 在索引过程中，如果没有显着的算法变化，可能会决定显示您的 Google JavaScript，这不会显示 JavaScript，可能会被执行。
• 使用 JavaScript 控制对过程会减慢 Google 网站的捕获和索引可能是 JavaScript 是索引中的一个额外步骤。

8. 社交媒体不能渲染/处理JavaScript

一个容易被加载的问题是： Twitter 、Facebook不能在社交媒体上处理。这意味着您必须在最初的JavaScript 和您的其他HTML 中包含 Twitter Cards 以及 Facebook Open Graph 标记。否则，当人们在社交媒体上分享时，将无法正确显示。

当您拥有一个 JavaScript 网站和来自媒体的社交网站和有趣的流量时，请检查您的社交媒体分享的外观（是否有图片和自定义描述）。如果出现异常，请尽快将 Twitter Cards 以及 Facebook Open Graph 标记添加到添加到HTML中。

9. 游戏的密码

浏览器提供了很多而 JavaScript 是一种快速发展的语言。Google 对所支持的 API 和 JavaScript 功能有一些限制。若要确保您的代码与 Google 竞争问题 API，请遵循 Google 的 JavaScript 检查指南。

10. 保持经常使用SEO的最佳策略

前面 9 个实践均是针对 JavaScript SEO 而写，但 JavaScript SEO 只是技术 SEO 中的一个最佳分支。为最大程度地取得 SEO 的成功，你仍然需要在 JavaScript 网站中使用 On-Page SEO， Off-Page SEO及技术SEO中的最佳策略。

结语

JavaScript SEO 遇到自然问题的困难——您无法保证 Google 会在您网站的每个页面上执行的 JavaScript 代码。这并不意味着 JavaScript 对 SEO 不利。在取得流量方面，许多方面使用 JavaScript 的网站都安装是，JavaScript 是更现代的 Web 的基本元素，就像 HTML 和 CSS 一样。它消失了，所以你应该面对挑战而不是它的闪避。

下面是我给您的关于 JavaScript SEO 的最终建议：

• 当开发人员和 SEO 高效地合作时，即使是依赖 JavaScript 的网站也可以在搜索中表现出色。
• Google 正在迅速提高其对 JavaScript 事项的准确处理能力，但您可以实际操作并确认许多需要。
• 在 JavaScript 的处理和方面，搜索引擎和您的社交媒体）可能会出现其他可能使用谷歌的用户时，Yandex、Bing、Naver、百度、Bing、JavaScript 网站的风险。
• 指南提供了一些关于 JavaScript SEO 的一般实践文档和检查问题。然而，SEO 是一个复杂而最佳的 JavaScript 研究领域。我建议继续阅读 Google 的官方指南，了解更多 JavaScript SEO 知识基础。