如何使用ChatGPT创建一个SEO Chrome扩展程序。

ChatGPT中文站

Chrome扩展程序为执行繁琐和重复任务提供了快速简便的方法。扩展程序在SEO方面可以节省大量时间。但是仍然有许多人没有专注建立扩展程序的能力。其中一个原因是一些市场营销人员无法编写复杂的工具,因此他们使用现有的工具。话虽如此,你并不总是需要投资时间学习困难技能或花钱雇佣昂贵的开发人员来建立新的复杂工具。现在,你可以使用ChatGPT来构建自己定制的SEO扩展程序,将它们上传到Google并免费每天使用。以下是详细步骤。

步骤1:定义要求

拥有对你的 Chrome 扩展想要做什么的清晰理解是该过程的第一步。我建议内容营销人员在开始促销 ChatGPT 并写下具体而清晰的需求之前先考虑这一点。需求通常分为两种类型:

任务:您需要您的扩展程序做什么?

特性:您想通过什么方式获得拓展程序提供给您的信息?

免责声明:此过程旨在构建仅适用于您的计算机的扩展程序,这意味着您无法销售它或在Chrome Web商店上提供它。要实现这一点,您必须遵守Google准则,可以在此处找到。对于本指南,我们将使用我自己构建的简单SEO Chrome扩展程序作为示例。因此,以下是我的要求。

信息要求

我希望我的SEO Chrome扩展能够为我提供所有页面元素的快速概述,而无需进入页面后端代码来查看它们。

页标题

元描述

复制标题

内部链接,包括网址列表

图片,包括URL

规范网址

特性和行为需求

想让我的扩展程序在我单击Chrome浏览器的扩展程序图标时显示弹出窗口。在下面,您可以看到我们将构建什么以及它将如何在Chrome上显示。注意:这是扩展程序的基本版本,不包括CSS样式,以简化操作。我们在本指南中关注的是实际功能,而不是样式。如上图所示,您需要确保扩展的结果以弹出窗口的形式在Chrome标签上对您可见。大多数SEO扩展程序都是这样工作的,当您单击扩展程序图标时,它们会提供您所需的信息。

步骤 2:撰写 ChatGPT 的详细描述

现在您已经准备好对潜在SEO扩展进行提示,您可以前往ChatGPT编写详细的指令。再次强调,您的提示需要尽可能具体和详细。我看到大多数营销人员使用的提示都不是很长,非常简短。从简短的提示中,你会得到很差的结果。下面是您可以做到的:首先,您需要给ChatGPT一些目标。为此,除了命令行外,您可以使用我们在第1步中看到的相同要求:

请编写一个Chrome扩展程序代码,帮助我在任何网站上识别页面的SEO元素。要识别的元素包括:H1、H2、H3、页面标题、元描述、规范URL、H1和H2的数量以及内部链接的数量(包括URL)。

现在您已经向ChatGPT提供了您想要实现的目标,现在是指定您需要扩展程序如何行动的时候了。为此,我们将使用带有按钮的弹出窗口功能。以下是您可以完成此部分的方法:

Chrome扩展的特点:当单击扩展时,将会出现一个窗口。窗口中包含一个可点击的菜单,在菜单中,有三个按钮。第一个按钮向我展示如何使用这个扩展的指示。在第二个按钮中,我可以看到H1、H2、H3、页面标题、元描述和规范URL。在第三个按钮中,我可以看到H1和H2的数量,以及内部链接(包括URL)的数量。

我们需要非常具体地明确我们想要实现什么。为此,您将需要添加提示的最后一段,说明如何需要上传提示。

请把每个文件分别给我,并标注文件名。

这样,您正在请求ChatGPT将文件分成几个部分。这很重要,因为在第4步。所以坚持下去。

第三步:请ChatGPT编写代码。

最后,现在是时候将我们写的所有句子复制并粘贴到ChatGPT中了。

ChatGPT 最好的功能之一是能够毫无问题地编写代码。因此,根据我们的指示,ChatGPT 将为您提供四个独立的代码。注意: 当您创建一个新的 Chrome 扩展时,通常需要提供多种类型的文件,这取决于它的复杂程度。对于这个例子,我们只需要四种类型的文件上传到 Chrome 帐户中:

清单.json

弹出窗口.html

弹出.js

把以下英文内容保持 HTML 结构,翻译成简体中文: Content.js

使用ChatGPT意味着营销人员不需要学习如何构建这些技术文件,这就是本指南的全部重点,但了解它们的用途仍然很重要。另外,我建议数字营销专家尽可能多地了解这些文件,因为他们需要排除可能出现的技术问题并找出如何使其扩展更好地工作的解决方案。如果您想了解更多信息,谷歌有一个关于Chrome浏览器操作的具体指南。

清单.json

manifest.json 文件是每个 Chrome 扩展必备的配置文件。它包含了关于扩展的元数据,例如名称、版本、描述、图标和权限。它还指定了默认的弹出文件在用户点击扩展时显示。

弹出.html

popup.html 文件代表 Chrome 扩展程序的用户界面(UI)。当单击扩展程序的图标时,它定义了将显示的布局和内容。在这种情况下,它包括说明、SEO元素和统计数据的按钮,以及一个结果部分来显示收集的信息。

2023-10-20 16:50:29 AI中文站翻译自原文