搜索引擎优化专业人士的JavaScript基础知识

JavaScript是现代网络的主导语言。
根据stackoverflow的2020年开发者调查，JavaScript是过去八年中最常用的编程语言。
但现实是，搜索引擎仍然存在索引和呈现JavaScript网站的问题。
对于SEO专业人士来说，了解JavaScript的基本知识并在此过程中与开发人员协作是至关重要的。
在SEJ-eSummit的演讲中，Google的开发者倡导者martinsplitt讨论了开发人员和SEO专业人员如何成为一个团队，共同解决JavaScript的挑战。
他研究了一些协作可以为项目带来成功的场景，以及如何解决JavaScript站点的技术问题。
下面是斯普利特演讲的摘要。

为什么这么难

解决JavaScript网站问题的复杂性由于SEO专业人员和开发人员之间的脱节而变得更加复杂。
通常，许多SEO专业人士抱怨开发人员构建的东西在SEO方面被破坏了。
开发人员的回击源于SEO专业人员提出的荒谬的请求，这些请求要求开发人员破坏好的解决方案或花费很长时间才能完成。
当这种情况发生时，退后一步，想想你想要达到的目标。
搜索引擎优化专业人士正试图建立网站，当潜在客户需要你提供的服务或产品时，他们可以找到这些网站。
开发人员希望开发出一款运行良好、能让用户满意、能做它需要做的事情而不会失败的产品。
SEO专业人士和开发人员正在朝着共同的目标努力。我们只是从不同的角度来看。
我们需要弄清楚如何使我们的旅程趋同，以制定更好的解决方案。
当遇到JavaScript网站挑战时，这一点尤为重要。

为什么JavaScript无处不在

JavaScript在历史上一直是web的“管道胶带”。
每当我们想要一些web无法做到的事情时，我们可以用JavaScript来模拟它。
它还为web体验带来了强大的功能。
例如：

• 服务工作者（以JavaScript文件的形式）允许网站离线工作或独立于网络工作
• 没有JavaScript，渐进式的web应用就不会是现在这样

JavaScript还支持交互和动态内容。

为什么JavaScript对搜索引擎优化很重要

SEO专业人士需要了解JavaScript的原因如下：
JavaScript完全控制页面内容
JavaScript，因为它可以决定显示或不显示什么内容、加载什么内容或隐藏什么内容。
从JavaScript的内容来看，有很多可能性。
JavaScript是Web体验的核心部分
当我们谈论web开发时，我们肯定会谈论HTML和CSS。
JavaScript是核心web技术的第三部分，它对页面的交互方式、页面的外观和工作方式有很大的影响。
JavaScript可以使您的网站受益或受损
也就是说，JavaScript只是另一种可能损害或有益于网站的工具。
一个服务人员，使她的网站离线工作，是伟大的用户谁是连接不良。
一个加载了太多JavaScript的网站，在网络上下载JavaScript需要几分钟时间，直到你看到任何东西都不是很好。
它本质上不是好是坏。
你和你的开发人员使用它的方式决定了你的页面在最终用户面前的好坏。
开发人员并不总是知道JavaScript的SEO需求
SEO不一定是开发者的要求。
这是SEO专业人士擅长的专业。
同时，开发人员也是他们领域的专家。
他们知道很多SEO专业人士不知道的东西。
事实是，SEO专业人员和开发人员都是不完整的。
我们需要彼此完成彼此的技能。

网站是如何工作的

网站基本上都是从菜谱开始的。
HTML页面的“成分列表”包含：

• 一个头衔
• 标题
• 一个图像
• 几段文字

但这不是我们真正看到的。这是食谱。

打个比方，当你从面包店买东西时，你要的是真正的产品，而不是食谱。
但这就是我们正在做的。我们创建“配方”，然后发送到浏览器。
现在，浏览器实际上通过以下方式制作“碟子”：

• 创建文档树
• 创建元素并将它们插入树中
• 把它们放在页面上（布局）
• 绘制所有像素（渲染）

这或多或少就是一个网站的显示方式以及googlebot在呈现时所做的事情。
爬行获取“配方”，然后渲染“烤出真正的蛋糕”或呈现实际的网站。
JavaScript非常强大。它可以：

• 解析HTML时中断浏览器
• 与DOM树交互，包括：
  • 创建新元素
  • 移除元素
  • 改变元素
• 如未能响应API调用等
• 与网络互动

当错误的JavaScript实现成为机器人程序的问题时

实现JavaScript有不同的方法，问题是Googlebot无法执行相同的功能。
Splitt分享了一个例子，JavaScript滚动事件在错误实现时会导致搜索引擎索引问题。
他详细说明了事情会怎样出错：

“我们所知道的是，这种（overscroll事件的实现）在谷歌似乎行不通机器人。为什么它在googlebot中不起作用，因为它的实现是错误的。
无限滚动不是一个英文网站SEO问题，但这个问题已经实现了不正确。也许吧因为开发者并不真正关心搜索引擎优化，也不知道谷歌机器人不会滚动。
Google bot不滚动，这就是为什么这个函数永远不会被爬网。“

在与开发人员协作调试JavaScript问题时，如果SEO专业人员了解哪些工具可以用来更快地识别问题，这将是有益的。

固定摩擦力

为了克服搜索引擎优化专家和开发者之间的差距，你需要知道你的开发者是如何工作的。
他们的典型工作流程包括：

• 定义需求
• 做决定
• 实施
• 正在验证

在这个过程中会有很多决策。
开发人员需要一直做决定。而且很多都很小。
然而，许多小的决定最终可能成为决策的累积，有时会导致问题。
以下是一些避免它们的方法。

定义需求时包括搜索引擎优化

SEO专业人士越早能够影响决策过程，对每个人来说都越好。
如果你是设置需求的一部分，你可以帮助你的开发人员定义什么是重要的谷歌推广，什么是解决方案从搜索引擎优化的角度工作所需要的。
这可能会从一开始就防止出现问题。

在他们做决定时提供指导

当开发人员在工作时，他们通常会沉迷于他们所做的决定，以至于他们实际上在做不同的决定。
让他们知道你在那里为他们提供如何做出决定的指导。

提供有关如何正确实施的文档和工具

在开发人员处理实现时，通过向他们展示developers.google.com/search.
提供关于使用什么样的工具来确保它们的实现按照预期的方式工作的提示。

当他们在测试和验证他们的解决方案是否有效时，也要这样做

测试解决方案并检查是否有任何危险信号。
向他们提供反馈，以及继续工作的指导和要求。
参与循环的每一个阶段，而不是仅仅在事物燃烧时跳进去灭火。

森摩尔网络从2013年开始做外贸网站的SEO推广服务，到现在已经7年多了。我们已经为上千个人和企业提供外贸网站的优化推广服务，客户遍及全国各地，我们的服务深受客户好评！如果您有外贸网站需要推广，请联系我们，我们会提供专业、快速的额服务！