做独立站你要了解的JavaScript SEO 指南

独立站 0 2394

如果你的网站严重依赖客户端呈现的 JavaScript,搜索引擎将很难有效地对其进行抓取和索引。在大多数情况下,这意味着你的网站排名不会很好。

了解 Google 如何处理 JavaScript 网站,以及你可以应用哪些JS SEO最佳实践,来使你的 JavaScript 网站其他网站一样出色地运行!

1. 什么是JavaScript SEO?

JavaScript SEO 涵盖了使依赖 JS 的网站在搜索引擎中表现良好所需要做的事情,属于技术搜索引擎优化范畴。

JavaScript 是一种在浏览器本地运行的网络编程语言,可以使网页更栩栩如生。例如,它用于发送通知、个性化网站、自动引入内容更新或在你快到达页面底部时加载新内容等。

你访问的网站基本都严重依赖 JavaScript 来运行,比如Twitter、Facebook、Instagram、YouTube、Netflix等

而且你自己的网站也不可能不使用 JavaScript。它无处不在,而且不会消失。

2.它为什么如此重要?

开发人员会告诉你 JavaScript 很棒,并对 AngularJS、Vue、Backbone 或 React 赞不绝口。他们爱上了JavaScript,因为它可以让他们创建人们喜爱的高度交互的网页;但SEO 会告诉你 ,JavaScript 通常对你的 SEO 性能来说很糟糕。

JavaScript 驱动的网站在 SEO 方面存在的所有根本问题,都源于它是错误的工作工具。JavaScript 框架非常适合用于构建 Web 应用程序。但是,Web 应用程序不是网站。正是 JS 框架的用途和网站的用途之间的这种根本不匹配导致了搜索引擎和 JavaScript 网站之间几乎所有的矛盾。SEO 顾问 Barry AdAMS

两者说法都是对的,但如果开发人员和 SEO 高效合作时,他们可以取得很好的成果。当他们专注于为访问者和搜索引擎创造最佳体验时,即使是依赖 JavaScript 的网站也可以在搜索中表现出色.

对于依赖 JavaScript 的网站要在搜索中表现良好,搜索引擎能够从初始 HTML 响应中,完全理解你的页面内容以及你的爬网和索引指南是绝对重要的。

3.JavaScript如何影响网站SEO性能?

严重依赖 JavaScript 的网页索引速度很慢。在我们解释原因之前,我们首先需要了解 HTTP 请求的工作原理以及 JavaScript 如何影响网页。

3.1 HTTP 请求的工作原理

当你访问一个 URL 时,你的浏览器会从服务器请求 URL 的内容。如果请求成功,服务器将响应该 URL 的 HTML 文档。此 HTML 文档包含文本,及引用的外部文件,例如图像、CSS 和 JavaScript(如果存在)。如果有js等文件,你的浏览器也会为这些文件创建额外的、单独的请求。

3.2 JavaScript执行开始发挥作用

下一步是让你的浏览器构建 DOM 并开始呈现网页。此过程的一部分是执行修改 DOM 的 JavaScript 代码。这些可以是小修改(例如加载支持聊天)或大修改(例如加载页面的所有内容)。

该页面出现在你的浏览器中,你可以与之交互。但是,大量修改 DOM 的 JavaScript 渲染会增加页面对访问者进行交互所需的时间。

我们将这些修改称为 DOM客户端渲染(简称“CSR”)——在客户端完成的 JavaScript 渲染,在本例中为你的浏览器。JavaScript 渲染速度可能由于各种原因而变慢,例如需要引入大量内容、需要发出大量额外请求以及低效代码。

例如,许多 WordPress 主题因 JavaScript 而变得非常臃肿,因为它们加载了大量(通常是不必要的)JavaScript 库。谷歌的 Lighthouse 甚至提出了替代的 JavaScript 库。

3.3 什么是 DOM?

上面我们提到了“DOM”。DOM 是web 页面的完全的面向对象表述,它能够使用如JavaScript 等脚本语言进行修改。

做独立站你要了解的JavaScript SEO 指南 第1张

DOM 代表文档对象模型:

文档(Document):这是指网页。

对象(Object):网页上的每个元素(例如、、、

等)

模型(Model):描述在文档中的层次结构(例如在)中的)

3.4 存在的问题?

如果你的浏览器需要几秒钟才能完全呈现网页,并且页面源不包含太多正文内容,那么搜索引擎将如何确定该页面的内容?

搜索引擎将需要呈现页面内容,类似于你的浏览器所做的CSR,但不会在屏幕上显示,因为使用的是“无头浏览器”。

与仅下载 HTML 相比,渲染 JavaScript 非常耗费资源(可能要几十倍)。这就是为什么搜索引擎不会呈现他们遇到的每个页面。

早在 2016 年 7 月,谷歌就表示他们发现了超过 130 万亿份文件,可以肯定地说,从那时起,文档数量大幅增加。

Google 没有能力呈现所有这些页面。他们甚至没有能力抓取所有这些页面——这就是为什么每个网站都有指定的抓取预算。

网站也有分配的渲染预算。这让 Google 可以优先考虑他们的渲染工作,这意味着他们可以花更多的时间来渲染他们希望访问者更频繁地搜索的页面。

这反过来会导致严重依赖 JavaScript 网页的索引速度比“常规”HTML 页面慢得多。如果你的网页未编入索引,它们将无法排名,也不会获得任何自然流量。

4. Google如何处理网站中的JavaScript?

做独立站你要了解的JavaScript SEO 指南 第2张

点击阅读全文
《做独立站你要了解的JavaScript SEO 指南》.doc
将本文下载保存,方便收藏和打印
导出文档
免责声明:本文"做独立站你要了解的JavaScript SEO 指南"内容来自其他媒体或者他人投稿,请自行判断内容的正确性。若本站收录的信息无意侵犯了贵司版权,请给我们来信(q099104280@163.comm),我们会及时处理和回复。

给您推荐相同类型的内容::