JavaScript和SEO之间并不能完全兼容。通常，Google不具备抓取JavaScript的能力。这就是为什么我们会错过使用JavaScript框架的网页中包含的内容的原因。但是如果作为开发人员和SEO人员，若能了解JavaScript相关的技术，那么您可以利用它来开发对谷歌SEO友好的网站，达到最好的用户体验。
JavaScript的问题在于它不方便蜘蛛抓取，这个漏洞使网站加载时间更长，从而导致性能下降。这是因为，要显示JavaScript网站，首先必须由搜索引擎蜘蛛或客户端来呈现它。但是，如果您使用特定的工具来设计JavaScript网站，则可以省去此加载时间，并节省网页性能。
大多数搜索引擎没有足够的计算能力来有效地呈现JavaScrpits，这会导致需要额外的渲染时间。与HTML不同，搜索引擎无法直接读取使用JavaScript设计的网站。因此，在HTML网站立即被爬取的同时，JavaScript网站则需要花费一些时间才能完全显示。JavaScript不会授予对搜索引擎的直接访问。这是一个漫长的过程。首先，搜索引擎蜘蛛必须分析文档对象模型，为此必须等待它首先被加载并列出。一旦加载和列出完成，就只能渲染网站。即使这是在浏览Web时同时发生的自动过程，与HTML网站相比，它也确实花费了更多的时间。
1.使用JavaScript SEO的基本技巧
在开始一起进行JavaScript和SEO之前，您需要记住一些注意事项。首先，您应该知道，如果您的内容取决于客户端的操作以便显示，那么您将面临部分索引编制的问题。因此，使用JavaScript嵌入的内容应具有可索引性，以便Google搜索引擎能够轻松抓取该网站。如果您认为JavaScript和HTML在功能上相似，但其实并非如此，要建立一个SEO友好的JavaScript类型网站需要注意以下几点：
- 制作SEO友好的JavaScript网站的第一步是启动GET请求，以获取该网站具有的HTML代码。当您这样做时，所获得的好处是很容易被搜索引擎蜘蛛发现。
- 文档对象模型的渲染需要花费时间，导致网页加载缓慢。本质上，这是一个文档，它映射了将添加到您的网站的内容。它还显示了构成网站的所有单个元素之间存在的联系。因此，当您准备文档对象模型时，这可以帮助浏览器获取使用户的网页内容可读所需的所有信息。
- 准备好要处理的目标网站之后，浏览器将开始IDOM加载，这意味着您已上传的原始HTML文档将被加载并与浏览器或搜索引擎蜘蛛一起准备实现JavaScript元素，一起存储。
- 您可以根据需要编辑，删除或扩展网页内容，以及其功能之类的所有元素。
- 完成所有这些步骤后，浏览器将继续进行加载过程，直到所有资源都加载完毕。然后，您的网站将完成并可以使用。
以上是使用JavaScript SEO的一些基本技巧。
2.SEO友好的JavaScript网站的注意事项
在上面讨论的所有步骤中，与SEO密切相关的两个阶段是负载事件和涉及用户参与的事件。
- 载入事件
事件是指在文档或者浏览器中发生的一些特定交互瞬间，比如打开某一个网页，浏览器加载完成后会触发 load 事件，当鼠标悬浮于某一个元素上时会触发 hover 事件，当鼠标点击某一个元素时会触发 click 事件等等。
只有在您的网站完全加载后，浏览器才会触发加载事件。
这是需要注意的重要步骤，因为当Google搜索引擎呈现JavaScript时，它通常会使用与一般浏览器应用程序相同的技术和流程。因此，这对于在浏览器触发加载事件之前为此类内容生成快照的爬虫程序也很重要。通过此图片，他们可以将内容与用户的搜索相关联，并在Google上更好地对您的网站进行排名。搜索引擎不会注意到在载入事件开始后添加或更改的任何事件，因此在SEO优化过程中将没有任何作用，因为这些事件都无法索引。
- 加载后事件
一旦浏览器启动的加载事件完成，其他事件便会由JavaScript本身触发。这些通常是由于某些用户操作而触发的那些事件。假设由于用户的某些点击事件而在您的网站上造成了更改，该更改不会被索引，因此不会出现在任何搜索引擎结果中。但这并非每个搜索引擎都如此。Google搜索引擎现在还具有读取这些加载后用户事件的功能。就像加载事件一样，它可以通过生成网页快照来读取和分析加载后事件，因此也使这些更改对SEO友好。
- 可以建立索引的网址
如果希望您的URL可索引并且对SEO友好，则必须确保您的网站具有服务器端URL而不是客户端URL。这是因为搜索引擎只能索引服务器端URL，但是您的JavaScript本身无法生成URL。您将需要为其提供其Web文档，该Web文档能够提供状态代码，该状态代码将为客户端或搜索引擎蜘蛛发起的任何查询提供答案。此外，如果需要，您还可以使用pushState来更改URL。这就是为什么您的URL应该在服务器端的原因，否则，您可能会产生抄袭内容的风险。
总结
以上就是建立一个对谷歌SEO友好的JavaScript网站的做法，JavaScript SEO的目的是为了让搜索引擎更好地抓取网站内容，并为其索引，同时也能让页面更好地加载，提供好的网站体验。在这方面，Google官方也有相关的JavaScript文档，如果想了解其他网站代码优化做法，可以参考我们的网站代码优化教学。