现在,比以往任何时候都更重要的是了解用于 SEO 的 JavaScript。

这是 Mark Williams Cook 在 Linkedin 上分享的恐怖故事。

“开发人员坚称他们知道自己在做什么,并且“Google 可以为内容编制索引”。结果是人员被解雇,随之而来的业务损失。”

现在,假设您是这家公司的 SEO 或类似的公司,正在过渡到 JavaScript。

一旦你对 JavaScript 有了很好的了解,你就可以为他们提供实验数据,这些数据无疑会表明,如果不进行任何调整,他们就会遇到大问题。

你会成为伟大的英雄。

在本指南中,我们将学习现代 JavaScript 构建块,同时编写一个简单的单页应用程序并使用结构化数据对其进行优化。

计划如下:

  1. 使用 HTML5 模板创建单页应用程序。
  2. 使用 ReactJs 添加动态行为。
  3. 使用 Chrome JavaScript 调试器修复错误。
  4. 针对结构化数据优化应用程序。
  5. 使用结构化数据测试工具来验证标记。
  6. 使用 JavaScript 动态生成 JSON-LD 标记。

我一直大力提倡 SEO 学习开发人员技能。

如果您花费大量时间进行数据分析和自动化,Python 很有用。

如果您必须处理越来越多的前端使用 ReactJ、AngularJ、VueJ 等构建的客户端,JavaScript 是必不可少的。

使用 HTML5 模板创建单页应用程序

我们将使用 Visual Studio Code 通过 Chrome 浏览器编写和测试我们的 JavaScript 代码。

我们将使用此 Google Codelab 展示如何将结构化数据实施到简单的食谱页面中。

这是我们的最终结果。

SEO 现代 JavaScript 新手指南

在完成代码实验室时,我们会发现一个使用 HTML5 模板的单页应用程序。我们将借用代码,这样我们就不必从头开始编写。

页面应该是这样的。

现代 JavaScript 搜索引擎优化简介

< p>这就是鳕鱼e 看起来像。

现代 JavaScript 搜索引擎优化简介

这包括