大家好,我是无形,做过一些游戏站,目前在做一些ai工具的探索,前几天用ai辅助写了一个chrome插件,这里把开发过程还有一些心得同步给圈友,希望对ai编程的小伙伴有所帮助。
前提知识
文章内容涉及到几个专业名词
seo优化
SEO 优化(Search Engine Optimization)就是通过一系列技术手段提升你的网站在搜索引擎(如百度、Google)中的自然排名,以此带来更多的免费流量。
常见的优化方式包括:
关键词布局(在标题、内容、图片 alt 中合理出现关键词),合理的关键词密度
提高网站速度、响应式设计,更好的用户体验
内容优质、结构清晰,真正为用户解决问题
内链结构优化
外链建设
外链
外链(External Link)指的是其他网站指向你网站的链接,搜索引擎会通过外链来判断一个网站的“权威性”和“受欢迎程度”,一般来说:
外链越多,尤其是高质量网站的外链,对排名越有帮助
外链要“自然”,不要全部来自垃圾站或买来的低质链接
评论区外链
评论区外链,顾名思义,就是在别人的网站、博客、论坛的评论区中留下自己网站的链接。
注意:要避免垃圾评论,你的评论内容如果与博客或论坛的主题完全无关,可能会被google惩罚。
尽量选择和我们网站内容相近的论坛和博客,评论的时候要与博客主题有一定相关性,能做到这两点,就已经超过很多人了。
关于评论区外链是好是坏,我不想过多讨论,它有一定的“危险性”(可能会被google惩罚),但是它成本更低,对于独立开发者来说依然是一个重要的seo渠道,如果评论写得真诚且相关,我觉得还是ok的。
一、需求调研 & 产品功能确定
1.1 源自个人的需求
之前做过几个游戏站,有一个感触,加外链是一件比较麻烦的事情。
拿评论区外链来说,你需要对原博客做出一个总结或者写出自己的一些观点,然后写一个介绍自己网站的文案,把链接加上去,整个过程挺费精力的。
更加智能的做法是借助chatgpt,把博客内容、自己网站链接、关键词喂给chatgpt,让它帮你生成一个评论外链,但是复制还有写提示词依然花费不少时间,如果一个网站每天要加5个外链,假如你有10网站,每天就要手动加50个外链,这个工作量想想还是蛮大的。
于是我想,能不能做一个工具,帮我节省一些时间,只要点击一个按钮,就能帮我把评论区外链生成好,我只需要复制粘贴就行。
1.2 产品功能
需求定义好之后,产品的基本画像大概也就出来了:
加外链都是在网页中进行,这个产品最好是一个chrome插件,这样方便从网页中获取内容,也方便用户生成和复制的操作
可以抓取论坛或博客的内容,做出总结,并且加上外链,生成的内容要自然
支持新增和编辑自己的网站(产品),可以快速切换产品,为不同产品生成评论区外链
链接支持自定义一些rel属性
接口的并发性考虑,如果同时使用的用户很多,怎么保证调用大模型接口不会跪
成本控制,尽量做到免费,用最小的成本做到最好的效果
二、开发
2.1 快速了解chrome插件
由于之前没有接触过chrome插件开发,花了十来分钟看了下相关开发文档,理解插件大概包含哪些文件,正确的目录结构应该是什么样,接着就进入了cusor辅助开发
2.2 让cursor理解你的需求,确定技术方案和结构
打开cursor的composer面板,输入prompt

接着cursor就会洋洋洒洒地写出一大串技术方案
代码块 让我帮你分析一下这个Chrome扩展的实现思路。 ### 主要功能需求分析 1. 理解当前页面的博客内容 2. 生成相关的评论 3. 在评论中自然地插入产品链接 4. 作为Chrome扩展运行
为了更好的阅读体验,来飞书看吧:
https://yw9puzi99c.feishu.cn/docx/JJFBdTQC2oLGyRxGEi5c0qf4npd
Comments on "如何用ai辅助开发一个chrome插件" :