JavaScript库与JavaScript框架

解开SPA背后的技术最终将我们引向JavaScript库和框架的主题。

问一个开发人员“库和框架之间有什么区别”，你会得到很多有趣的答案。

你反复听到的一个最重要的区别是这样的：

您编写的代码调用库，而框架调用您编写的代码。

React和Angular都是SPA，但React在技术上是一个库，而Angular在技术上是一个框架。但是，您经常会听到人们将SPA技术称为“JavaScript框架”。

框架可以被认为是一种结构，就像预制房屋一样，它带有框架，干墙，管道和电线，所有你需要做的就是添加电器，窗户和覆盖物，地板，油漆等。

可以将库视为包含一组随时可用的预构建工具和功能的地方。您可以在代码中调用特定函数的库。

您可以看到，使用框架和/或库启动Web开发项目可以简化流程，而不是从头开始编写创建网站所需的所有代码。

单页应用程序的常见SEO问题

有很多关于Google在抓取和索引编制方面能够处理JavaScript的问题。

抓取和索引对排名至关重要。

Google在一个非常快速的过程中使用名为Googlebot的软件发现网页，这个过程通常称为“抓取”或“抓取”，在此过程中，它会下载找到的HTML文件，提取链接并同时访问它们，然后将下载的资源发送给索引器。

但是当谈到基于JavaScript的单页面应用程序网站时，这个过程会变得有点复杂。

这就像上面提到的那个过程，但是有一个延迟和额外的步骤，因为索引器的一部分必须通过解析和执行JavaScript来做一些繁重的工作，然后找到的新链接必须传递回爬行器以查看然后送回索引器; 你可以看到，由于JavaScript，效率较低。

SEO不仅仅是拥有“精彩内容”并且获得高质量的链接; 这也是为了让您的网页易于被谷歌等搜索引擎发现，并让他们通过内部链接了解哪些页面比其他页面更重要。

“传统的”基于HTML的网站更容易抓取和索引，并且通过扩展，更容易排名。Google可以轻松获取所有链接，并通过内部链接了解网页的重要性。

基于JavaScript的SPA网站让Google的生活变得更加困难，而且一些测试似乎表明，在依赖JavaScript进行索引时可能存在缺点。

谷歌显然愿意在这里做更多繁重的工作，而且在我看来，这表明他们会随着时间的推移而改进，而不是在未来向网站管理员宣布他们已经决定他们不想费心去做所需的额外工作。抓取并索引基于JavaScript的网站。

与发现链接的额外工作相关的另一个潜在的SEO问题是Google可能在评估这些页面的链接公平性方面存在问题。

很可能在时间上，至少一些流行使用的SPA框架将改进渲染过程，使Google更容易抓取和索引，甚至可能使其与“传统的”基于HTML的网站相提并论。

但与此同时，我们就在那里，那些测试过谷歌处理基于JavaScript的网站的能力的人已经证明了Google的能力不一致，而且我们仍然处在那些经常开发SPA的地方必须使用变通方法，例如使用prerender.io和Angular将完全呈现的页面提供给爬虫。

另一个解决方案是同构JavaScript，有时称为“通用JavaScript”，其中页面可以在服务器上生成并发送到浏览器，可以立即呈现和显示页面。这解决了SEO问题，因为Google不必在索引器中执行和呈现JavaScript。

无头Chrome是谷歌工程师最近提出的另一种选择，它也提到了另一个名为Preact的解决方案，该解决方案附带服务器端渲染。

创建格式正确的XML Sitemap并将其提交给Google Search Console 也是一个好主意。

现在，如果您是SEO帮助客户使用SPA启动或重新开发网站，那么似乎没有任何单一的解决方案或逐个数字的方法来解决您可能遇到的问题。

它归结为有效地传达所需的正确最终结果，并根据所部署的库或框架处理问题。

一些重要的单页应用程序资源

一些超级锐利的SEO和开发人员撰写了有关单页应用程序的有用文章，这里有一些我喜欢的资源，我认为你会发现有用的：

Tomasz Rudzki在这里写了一篇很棒的文章; 标题说明了一切：JavaScript SEO的终极指南

观看此视频由Google高级网站管理员趋势分析师John Mueller撰写 - 他提供了一个非常棒的单页应用程序概述以及Google如何对待它们

Justin Briggs非常熟悉搜索引擎优化和JavaScript，并编写了2篇你应该查看的内容：审计搜索引擎优化的SEO和JavaScript的搜索引擎优化的核心原则

Richard Baxter写了一段时间，但它仍然非常值得您花时间：AngularJS中的JavaScript框架SEO基础知识

Critchlow是否会分享这篇优秀文章：分裂测试JavaScript的早期结果

当您点击Barry Adams的JavaScript和SEO：最终资源列表时，请抓住您的帽子

如果你的时间有点短，这是一个很好的快速阅读：单页应用程序的SEO注意事项

我绝对建议您从Angular大学阅读这篇文章：Angular Single Page Applications(SPA)：有什么好处？

这篇微软文章不适合SEO，但它是一个快速而有用的读物​​：在传统Web应用程序和单页应用程序(SPA)之间进行选择

这也是Johann Wagner对一些不同SPA类型的相对快速的阅读

最后，我强烈建议您抽出时间阅读本文，这是一个非常好的概述：单页应用程序：何时以及为什么要使用它们

最后的想法

单页应用程序正在迅速发展，Web技术领域也是如此。值得专业的SEO尽可能熟悉单页应用程序，还有加速移动页面，渐进式网络应用程序，内容管理系统，以及网站从头开始编码的技术。

我对情况的看法是，SPA和Google处理基于JavaScript的网站的能力将会加快，因为所涉及的利益相关者都知道SPA现在具有明确的SEO缺点。

完全有可能在一年左右的时间内，最受欢迎的SPA将附带内置的SEO解决方案，因为对SEO友好的基于JavaScript的网站的需求的认识正在增长。但是不能保证很快就会发生这种情况，所以我对今天的SEO的建议就是对这种技术趋势感到兴奋和拥抱。