如何使用JavaScript自动化SEO(使用脚本)

编程和自动化是SEO行业越来越受欢迎的主题,是正确的。

利用新的方法来提取,转换和分析数据以最小的人类输入,可以非常有用。

虽然速度很重要,但使用自动化的主要好处之一是从重复的任务中脱离我们的肩膀,让我们更多的时间来利用我们的大脑。

阅读以了解一些使用JavaScript以自动化SEO任务的好处,您可以采取的主要途径开始使用它,以及有希望引发好奇心的一些想法。

为什么使用JavaScript学习自动化?

a社区中的许多梦幻般的自动化项目来自Python的SEO专业人士,包括

哈姆雷特BatiSTA

Ruth Everett

,Charly Wargnier,Justin Briggs,Britney Muller,KorayTuğberkGübür等等。 然而,Python只是您可以使用的众多工具中的一个自动化。有多种编程语言可以对SEO有用,例如R,SQL和JavaScript。的自动化功能之外,在

下一个部分

之外

在下一部分

之外 对于SEO学习JavaScript,是清晰的好处。这里只是一些:

1。要提高您在网站上审核JavaScript的知识

您是否处理了使用流行框架(例如,Agenular,Vue)构建的Web应用程序,因此您的网站正在使用JavaScript库,如React,JQuery ,或引导。

(也许是夏娃n某些自定义JavaScript代码进行特定目的。)

学习用JavaScript自动化任务将帮助您构建一个更坚实的基础,以解决JavaScript或其实施可能会影响您的网站的有机性能。

[ 2。要了解和使用基于JavaScript的新励磁技术

Web开发行业以令人难以置信的快速速度移动。因此,新的变革技术不断地出现,JavaScript在它的中心。

通过学习JavaScript,您将能够更好地了解如

服务工作者

,这可能会直接影响技术SEO并被利用。ery年。 Javascript的未来只看起来更亮。 3。要使用像Google标记管理器等工具,依靠JavaScript工作

如果您在SEO工作,您可能熟悉标签管理系统,如 Google标签管理器或Tealium。这些服务使用JavaScript将代码(或标签)插入网站。

通过学习JavaScript,您将更好地提供这些标签正在进行,并可能在您的网站上创建,管理和调试它们。

4。使用JavaScript构建或增强您自己的网站

在JavaScript中学习代码的伟大事物之一是它将帮助您将网站构建为SEO实验的侧面项目或测试场所。

没有更好的方法来了解以上的东西etting你的手脏了,特别是如果你想测试什么依赖于javascript。即使是微控制器和可穿戴物品的硬件,也是无处不在。

为了SEO自动化的目的,有两个主要环境,您可以使用JavaScript自动化SEO任务:

浏览器(前端).Directly在计算机/笔记本电脑(后端)。

使用浏览器的SEO自动化

将JavaScript与其他脚本语言分开的主要优点之一是浏览器可以执行JavaScript。这意味着您唯一需要使用JavaScript自动化的唯一方法是浏览器。

使用眉毛自动化Ser的控制台

最简单的方法是在浏览器的控制台中直接使用JavaScript。

您可以使用一些简单而有趣的自动化。例如,您可以通过键入“

document.body.body.contenteDitable = true

”在控制台中进行任何网站。

Example of using JavaScript directly in your browser’s console.

Example of using JavaScript directly in your browser’s console.

An example of a Bookmarklet.

An example of a Bookmarklet.

这对于在页面上嘲笑新的内容或标题,可以在不需要图像编辑软件上向您的客户或其他利益相关者展示到您的客户端或其他利益相关者。广告联系读数以下,但让我们步更高一点。

鲜为人知的书签

由于浏览器的控制台可以运行JavaScript,您可以创建执行特定操作的自定义函数,例如从a中提取信息页。然而,目前创建功能可能有点繁琐且耗时。因此,书签是一种更简单的方法来保存自己的自定义功能,而无需浏览器插件。书签是小型代码片段保存为浏览器书签,直接从您所在的浏览器选项卡运行函数。

Chrome snippet link counter SEO.

Chrome snippet link counter SEO.

例如,Dominic Woodman创建了一个书签

,这里允许用户从旧的Google搜索控制台中提取爬网统计数据用户界面并将其下载到CSV。

读数下方

读取它可能听起来有点令人生畏,但是您可以在

在Github上的这一大资源中的步骤中学习如何创建自己的书签

Nodejs homepage screenshot.片段,用户友好的v存储书签

Nodejs homepage screenshot.如果您使用Chrome,使用片段有一个更简单的解决方案

。有了这个,您可以以更用户友好的方式创建和保存相同类型的功能。例如,我创建了一个小型代码段,检查有多少“易碎的”链接在页面上并将列表下载到CSV文件。你可以从Github下载代码

   

虽然这些通常是“很好的“你可能希望做更多的沉重举起任务,以更重要的方式帮助您的SEO工作负载。

广告联系读数以下

因此,在笔记本电脑上直接使用JavaScript(或云中的服务器)使用node.js.

SEO自动化In使用node.js

node.js是软件,它是允许您在笔记本电脑上运行JavaScript代码而无需浏览器。

 运行JavaScript之间存在一些差异您的笔记本电脑上的浏览器和javascript(或云中的服务器),但我们现在跳过这些,因为这只是主题的一个简短的介绍。 

为了使用Node.js运行脚本,您必须安装在笔记本电脑上。我写了一篇短篇小说帖子,我可以在

如何安装节点

以及一些额外的设置提示,使您更容易启动。

以下广告联系读数下面虽然你的想象力是自动化时的极限,但我已经把它缩小到了几个地区,我看到了使用Node.js时,EO专业人士返回。 我将包括准备运行的脚本,这样您就可以立即开始。 从API中提取数据

收集来自不同来源的信息以提供见解和推荐操作是SEO中最常见的作业之一。

 Node.js使这种令人难以置信的简单,不同的选择,但我的首选Go-到模块是 AXIOS 

//在文件夹中创建索引文件文件并粘贴以下代码//导入AXIOS MODULECONST AXIOS = RESCERT(’AXIOS’); //自定义函数从pagespeed apiconst getapidata = async(url)=> {const端口=’.com/pagespeedonline/v5/runpagespeed’; const key =’你的google-api-key’//用自己的ke编辑y; const apiresponse = await axios(`$ {endpoint}?url = $ {url}&key = $ {key}`); //创建http调用console.log(apiresponse.data); //日志数据返回apiresponse.data;}; //致电自定义functiongetapidata(’https://www.searchenginejournal.com/’);

你需要一个能够处理HTTP请求(HTTP客户端)和端点(提取信息的URL)的模块。

在某些情况下,您可能还需要API键,但这并非总是必要的。

对于Node.js如何与API进行交互,请签出

此脚本Cloud function exmple to extract search console data and load it to big query.我已发布,该脚本使用Google的Pagespeed API在批量中提取核心Web Vitals数据和其他实验室指标。

广告联络读数缩短网站 Cloud function exmple to extract search console data and load it to big query.

是否想监控自己的网站,留意您的竞争对手或简单地从不提供API的平台中提取信息,刮擦是SEO的令人难以置信的有用工具。 由于JavaScript与DOM互动很好,因此有使用Node.js进行刮擦的许多优点。 我用于刮擦的最常见模块是Cheerio,它与jQuery非常相似的语法,与HTTP客户端相结合,如Axios。

//导入模型音乐会Cheerio =要求(’Cheerio’); Const Axios = Require(’Axios’); //自定义函数提取TitleConst GetTitle =异步(URL)=> {Const Response = await Axios (URL); //对所需的URL const $ = cheerio.load(response.data)进行请求; //使用Cheerio.js const标题= $(’title’)。文字(); //提取标题符合sole.log(标题); // log标题返回标题; //呼叫自定义functiongettitle(’https://www.searchenginejournam.com/’);

如果您需要呈现的网站版本,流行的模块像

Pumppeteer

播放器Appscript homepage screenshot.可以启动实际浏览器的无头实例,如Chrome或Firefox,并执行来自DOM的动作或提取信息。

Appscript homepage screenshot.克里斯约翰逊的布局换档发生器是如何使用Puppeteer用于SEO的一个很好的示例。您可以在此处找到或

在此处下载脚本

还有其他选项,如jsdom,它可以在不需要浏览器的情况下效仿浏览器的内容。您可以使用此 Node.js Seo扫描构建的JSDOM.JS扫描仪(Nacho Mascort 构建)播放基于JSDom的脚本下面的广告传票读数处理CSV和JSON文件

大多数情况下,从API提取的数据都是JSON对象,而JavaScript非常适合处理那些。然而,作为SEO,我们通常处理电子表格中的数据。 Node.js可以使用像文件系统模块或更多的内置模块轻松处理两种格式如 CSVtoJSON

JSON2CSV

简化版本。

是否要从CSV中读取数据并将其转换为JSON进行处理,或者您已经操作了数据并且您需要输出到CSV,Node.js有您的背部。

// Import Modulesconst CSV = Required(’CSVtojson’); const {parse} =要求(’json2csv’); const {writefilesync} =需要(’fs’); // cUSTOM函数读取URL并将其转换为jsonconst readcsvexportjson = async()=> {const json = await csv()。fromfile(’yourfile.csv’); console.log(JSON); //日志转换json const转换= parse(json); console.log(转换); //将转换转换为csv writefilesync(转换)转换);}; readcsvexportjson();

创建云函数以运行无服务器任务

这是一个更先进的情况,但它对技术SEO非常有帮助。

像亚马逊AWS,Google云平台或Azure这样的云计算提供商使其令人难以置信的(并且便宜)设置“实例服务器“该服务器运行为特定目的而创建的自定义脚本,而无需您配置该服务器。

一个有用的示例是安排一个乐趣CTION在每天结束时自动从Google搜索控制台API中提取数据,将数据存储到BigQuery数据库中。

在这种情况下有一些移动部件,但可能性是真正无穷无尽的。


广告联系读数下面

只是为了向您展示如何创建云功能的示例,请查看该机构自动化器的剧集在 Dave Sotimano 何处使用Google Cloud函数创建自己的Google趋势API。 潜在的第三大道,应用程序脚本

对我来说,它更有意义从较少自由的方法开始。 但是应用程序脚本可以提供更少令人恐惧的方式来学习代码,因为您可以在像面包的Google纸像这样的应用程序中使用它技术SEO的黄油。

有,可以给你的,你可以使用Google Apps脚本做什么的感觉真的很有益的项目。例如: Hannah Butler 搜索控制台资源管理器或 Noah Lerner 谷歌我的业务后谷歌我的业务后对于当地的SEO。如果您有兴趣了解SEO的应用程序脚本,我会推荐 Dave Sotimano 的谷歌应用程序脚本介绍。他还给了这一点 Tech SEO Boost 令人敬畏的演讲解释了许多方法来使用应用程序脚本的SEO。最终思想 JavaScript是之一世界上最受欢迎的编程语言,它在这里留下来。 开源社区令人难以置信地积极积极,不断地引发不同垂直的新发展 – 从Web开发到机器学习 – 使其成为一个完美的语言,以便学习作为SEO专业人员。 本文中的阅读是什么冰山一角。自动化任务是偏离沉闷和重复日常任务的一步,变得更加高效,并找到为客户带来价值的新的和更好的方法。希望这一点文章在一个小容量中减少了JavaScript在SEO社区中的略微糟糕的声誉,并灌输了一点好奇心以开始编码。读数下方更多资源: 了解JavaScript基础:您的备忘单 掌握在TRODUCTEDSEOS的现代JavaScript 先进的技术SEO:一个完整​​的指南 由作者创建的特色图片,5月2021