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

SEO技术人员可能对HTML和CSS都非常熟悉了——这是我们在构建网站中最常用到的2种编程语言。但近些年来，JavaScript逐渐变得流行。大多数网站都会使用某些JavaScript来JavaScript来实现菜单功能，有的使用它来抓取产品或者价格信息，有的使用它从多个渠道获取内容，在某些情况下，网站会全JavaScript。

80%的知名电子商务商店使用JavaScript来生成主要内容或类似产品的链接（内链）。然而，许多JavaScript网站——尽管它很受欢迎——在谷歌中表现不JavaScript SEO。

SEO爱好者，我想根据行业最佳实践及我自身的经验分享我对JavaScript SEO的看法。希望帮助SEO从业人员理解Google是如何处理JavaScript的，以及遇到相关问题时如何解决。最JavaScript的同时确保您的网站排名不受影响。

JavaScript？

JavaScript是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给您的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D动画kan

JavaScript构建的网站时，我们并不是指简单地向HTML文档添加一层JS交互性（例如，将JS动画添加到静态网页）。在这种情况下，基于JavaScript的网站指的是JavaScript实现的。

JavaScript构建

JavaScript构建呢？在此，我们介绍三种方法以供参考。

1. WWJD、BuiltWith或Wappalyzer之类的工具快速检查网站是否构建在JavaScript框架上。
2. “检查元素”或“查看源代码”来检查JS代码。您可能会发现流行的JavaScript框架，例如React.js，jQuery，Express或Angular等。
3. Chrome上的Pengalih JavaScript Cepat或Firefox上的Pengalihan Skrip Java。当您使用这些插件时，您当前所在的页面将在禁用JavaScript的情况下重新加载。如果页面上的某些JavaScript生成的。

JavaScript SEO？

JavaScript SEO是SEO Teknis

• JavaScript构建的内容，以供搜索引擎抓取、呈现和索引。
• JavaScript框架（如React、Angular和jQuery）构建的网站和SPA（单页应用程序）的排名问题。
• kan
• JS代码的页面加载时间，以优化用户体验(UX)。

JavaScript吗？

Google是否可以正确处理JavaScript内容是SEO人员最关心的问题。我们首先来看看Google对这个问题的回答： “目前，处理JavaScript内容比较困难，并非所有搜索引擎抓取工具都能够成功处理或直接处理”

SEO行业内也普遍认同比起HTML，Google处理JavaScript显得有些困难。那么为什么谷歌（和其他搜索引擎）可能在处理JavaScript时遇到困难？为了解答这个问题，我们可能需要对Google处理网页的流程有kan

1.Google如何抓取HTML网站？

HTML网站，Google爬取网页的过程简单明了：

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

2.Google如何抓取JavaScript网站？

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

JavaScript可能会出现很多问题：

• JavaScript文件非常耗时——对于用户和Google来说都是如此。
• JavaScript内容为主的网站，在网站完全呈现之前，Google通常无法索引内容。
• JavaScript构建的网站，Google通常无法在页面呈现之前发现页面上的任何链接。
• Googlebot有时不会从服务器加载所有资源的，因此Google可能不会选择您的某些JavaScript文件。原因可能是它的算法从渲染的角度认为没有必要，或者仅仅是由于性能问题（即执行脚本花费了kan

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

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

Googlebot HTML JavaScript内容没有任何问题。

Googlebot HTML JavaScript kan

Google无法抓取或索引您的 JavaScript内容时，其中一种解决方案是实现服务器端呈现。 Netflix、Marvel、Staples、Nike、Hulu、Expedia、Argos Booking.com kan

Google Googlebot Google Bing

Google是可以索引JavaScript HTML可能要困难一些。

JavaScript如何影响SEO？

Google JavaScript JavaScript将如何影响您的SEO。

JavaScript会影响以下对SEO重要的页面元素和排名因素：

1 _

Google不能有效地渲染您的JavaScript内容，那么您的内容很可能不能被抓取、呈现及索引，那么您的内容也就失去了在搜索引擎中进行排名的机会。

2 _

URL JavaScript Google

3 _

JavaScript对图像延迟加载。但是，JavaScript Googlebot “滚动”事件永远不会被触发，延迟加载的内容也不会被爬虫渲染。实际上，任何需要点击、滚动或从菜单中选择选项等页面交互内容都不会Google编入索引。

4 _

JS ——这会损害 UX Inti Web Vitals。

5 _

vue-meta Node.js

6 _

JavaScript —— (SPA)是常见问题。

JavaScript SEO成功的最佳实践

1.检查Google是否可以在技术上呈现您的网站。

SEO，您应该始终确保Google可以在技术上呈现您的JavaScript内容。仅仅打开Chrome看看是否正常是不够的。

Google网址检查工具中的实时测试，该工具可通过SearchConsole获得。它允许您查看Googlebot将如何在您的页面上呈现JavaScript内容的屏幕截图。

kan

• kan
• Google可以访问类似文章和产品之类的区域吗？
• Google可以看到页面的其他关键元素吗？

HTML选项卡。在这里，您可以看到DOM-渲染代码，它表示渲染后页面的状态。

Google无法正确呈现您的JavaScript页面怎么办？

Google可能会以意想不到的方式呈现您的页面。如果您的页面呈现不如预期，可能的原因有：

• Google在呈现时遇到超时。
• kan
• robots.txt Googlebot访问.js文件。

Google尝试呈现您的内容时是否发生任何JavaScript错误。

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

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

JavaScript内容是否真的在Google中被编入索引。

• “situs”命令——最快的方法。
• GoogleSearchConsole——最准确的方法。

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

URL本身在Google的索引中。为此，你可以在Google中输入“situs:URL”（其中URL是您要检查的页面的URL地址）。

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

JavaScript的文本片段并在Google中键入以下命令：site:{yourwebsite}“{fragment}”。如果出现的内容带有您输入的片段， Google中编入索引。

GoogleSearchConsole,您只需在URL检查工具中输入要检查URL,然后点击查看抓取页面，就能看到在Google中编入索引的代码。随后，您可以Ctrl+F确定JavaScript生成的内容kan

Google不索引我的JavaScript内容怎么办？

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

• Google遇到超时。您确定没有“强迫”Googlebot
• Google有渲染问题。您是否检查过URL检查工具以查看Google是否可以呈现它？
• Google决定跳过一些资源（即JavaScript文件）。
• Google认为内容质量低下。
• Google也可能会延迟索引JavaScript内容。
• kan

JavaScript SEO

• Google
• Google
• Google

3. JavaScript

kan

HTML Google）都可以访问您的页面。我们建议不要使用 JavaScript Google kan

4. Google

Googlebot SEO不利的，尤其是对于 JavaScript

Google href属性的HTML锚标记而不是使用JS来构建内部链接。如果您的链接仅在有人单击按钮时才添加到DOM Google将看不到它。

5. JavaScript CSS

JavaScript ——这是谷歌的一个关键排名因素。因此，对于大量使用 JavaScript JavaScript（和 CSS）代码以及将非关键JS DOM

JavaScript

6.

SEO kan

Googlebot不会通过点击、滚动、下拉等方式来发现延迟加载的内容 —— Google可能不会发现这些内容，从而对SEO产生负面影响。

JavaScript延迟加载图像，Google将会忽略它们，而你也会失去一些流量机会。若要确保以方便用户搜索的方式实现延迟加载，请Google的延迟加载指南。

7. JavaScript重定向

JavaScript

301 JavaScript

• Google JavaScript，这意味着您的 JavaScript
• JavaScript Google -呈现 JavaScript是索引过程中的一个额外步骤。

8. /处理JavaScript

Twitter Facebook和其他社交媒体并不能处理 JavaScript HTML中包含 Kartu Twitter Grafik Terbuka Facebook kan

JavaScript Kartu Twitter Grafik Terbuka Facebook HTML中。

9.

API，而 JavaScript Google API JavaScript Google Google的 JavaScript

10. SEO的最佳策略

9个最佳实践均是针对JavaScript SEO而写，但JavaScript SEO仅是Technical SEO中的一个分支。为最大程度地取得SEO的成功，你仍需在你的JavaScript网站中使用On-Page SEO, SEO Off-Page SEO Teknis中的最佳策略。

JavaScript SEO ——您无法保证 Google JavaScript JavaScript对SEO是不利的。在取得自然流量方面，许多JavaScript JavaScript Web HTML CSS

JavaScript SEO的最终建议：

• SEO JavaScript .
• Google JavaScript
• JavaScript的处理和索引方面，其他搜索引擎（和社交媒体）可能远远落后于谷歌，因此如果您的用户主要使用Yandex, Bing, Naver, Baidu等时，应考虑使用JavaScript构建网站的风险。
• JavaScript SEO的一般最佳实践和见解。然而，JavaScript SEO是一个复杂而微妙的研究领域。我建议您继续阅读Google的官方文档和故障排除指南，了解更多JavaScript SEO基础知识kan