纯新手建站入门(上)

2023 年了,才开始入门 SEO,是不是太晚了?本篇博文记录了我一次失败的建站经历,给大家参考,当然我从这里面也学到了不少东西,现在分享出来,希望对其他人有所帮助,建站高手可以关了,因为都是些基本操作.

为什么要建站?

为什么要学习建站入门 SEO 呢?因为我最近发现想要合理,合法的获得睡后收入,拥有自然搜索流量是多么重要!这也是我为什么要开始准备写博客的原因之一.

现在这个年代,个人品牌很重要.个人开发者不管你想做什么类型的产品,你得有用户吧?用户哪里来?试想一下,你是微博大 v,Twitter 大 V,你觉得你做一个产品和我这种毫无知名度的人,谁的产品用户积累更快?答案很显然是前者,这个跟SEO有什么关系呢?很简单的道理,流量就是一切.达成这个目标有很多种方法,比如坚持输出干货,写博客,比如制作一个对一些人有帮助的网站,总之一切的目的就在于积累流量,有了流量,一切都简单了.比如你可以挂广告,比如你可以给其它的产品导流.这些都可以称之为睡后收入,通俗的理解就是你睡着了,它也能给你赚钱.并不是每个独立开发者都需要自己去做自己的产品.开发自己的产品固然不错,可是要投入的也并不小,当然这是另外个话题,后续我再仔细讲讲.

跑题了,今天想说下 SEO 入门.什么是 SEO?全称是search engine optimization,翻译成中文就是搜索引擎优化.简单的说就是让搜索引擎搜索到你的网站,产品等.这里有一篇 Google 官方出品的中文版 SEO 新手指南,写的非常好,可以说看完这篇文章并且实践到底,相信的你的网站或者产品想不被搜索引擎收录都难.接下来,我按照我最近实际操作的来给大家说下我是如何做的.

选赛道,选关键词

这步很关键,选对了赛道,选对了关键词,也就成功了一半.

这些年来,独立外贸站很火,我关注了不少做SEO的公众号,90%都是做独立外贸站的.这个不适合我,因为我完全没了解过这个行业,贸然下手只会打击自己的自信心,只会让你更快的放弃.虽然行业不一样,但是这个选词的步骤都是相同的.无非就是利用搜索关键词工具找到合适的,难度比较低的词.这里有几个选择,我只说我用过的,没用过的我也不知道,有付费的,也有免费的.

1. SEMRush付费的,但是可以使用外币的信用卡免费试用一周,我是通过OneKey(有 aff)虚拟卡注册的,一定要记得取消那个到期自动续费的按钮,我是忘记了,结果到期了之后直接给我续费,好在我卡里余额不足才作罢.
2. Google 关键词规划师,Google 官方出品的免费关键词规划工具,优缺点都很明显,优点就是官方出品,数据很准确,不存在不准的,缺点就是关键数据很少,对比 SEMRush 来说,少了很多数据.
3. Bing 关键词研究,这个也是免费的,注册了Bing Webmaster就行,我之前没用过,这里就不介绍了.

看下图,2 个工具的对比,大家可自行判断.

首先是SEMRush的

然后是Google关键词规划师的

可以看到针对同一个关键词,两者都给出了相关的词,也给出了搜索量这个基本的参数,但是 Google 只给你一个大概的范围,比如 100 万-1000 万,SEMRush 就精确的给出了 36.8 万,你要说哪个准,你觉得呢?当然 Google 官方的准咯.但是 SEMRush 给出了很多其它的一些重要的参数,比如KD(Keyword Difficulty),关键词竞争度,就是关键词难度,这个数字越高,代表你越难排到首页.我们新手来说,要非常关注这个参数,大于 30的建议别看了,你竞争不过别人的,换词吧,对此 SEMRush 的解释是:

Keyword Difficulty 显示网站针对所分析关键词在谷歌自然搜索结果排名前 10 的难度。百分比越高，所分析关键词要排名靠前就越困难。

还有个CPC(Cost Per Click) 每次点击成本,广告主为特定关键词触发用户点击一次广告 (Google Ads) 支付的平均价格 (USD)。使用排序图标显示升序或降序结果,这个咱们就忽略吧,毕竟新手,关注的是流量,不是变现,我的理解就是CPC越高的词,你后期变现越多.

有了这些数据之后,我们就可以稍微分析下了,首先KD大于 30的我们直接 PASS,第二个就是搜索量,毕竟没人搜索这个词,你排名第一也没什么用不是吗?但是这 2 者又有着非常大的关联,据我观察,KD 越大的,搜索量越大,反之亦然.所以这个只能我们自己权衡了.前面说了我没做过外贸,所以独立外贸站直接 PASS 了,然后呢,我本身是程序出身,每个程序员都有个工具站的梦想,我想这可以做个工具站,比如 JSON 美化之类的,结果我搜索了下.

JSON 关键字的搜索量如下:

直接就劝退了,太卷了,果然哪行哪业都是卷的起飞.无奈当时我没有经验,虽然现在知道了要看这个KD参数,但是当时完全不懂,所以选了个难度稍微低点的JSON CONVERT,因为 JSON 格式化基本已经没机会了.我调研了几个竞品的网站,比如搜索json to xml,排名第一的convertjson.com ,我通过Wayback Machine看了下这个站的历史,结果显示是 2015 年开始建站的,当时的我还是没有意识到这个问题,其实这里就已经很能说明问题了,对方域名到现在 8 年了,你新站根本就没法竞争的,这里还涉及到 2 个重要的参数,叫做 DA(Domain Authority,域名权威性)和 PA(Page Authority,页面权威性),具体介绍可以看这里(英文的).

其实现在回头看来不应该选这个词开始,但是当时感觉浑身充满了干劲,二话不说就去注册域名了,也就是本博客页脚底下的jsonconvert.net,我看了下CF的购买记录,在 8 月的 14 号买下了域名,准备大干一场.殊不知这次选词失败了,导致后面打击不小.

选词到这里因为域名都注册了,也没啥好继续说的了,就这样.

如何构建一个 SEO 友好的网站?

这一步也是挺关键的,涉及到很多东西,这里我说不完,简单提一下,当时我面临的几个问题以及我是如何选择的.

网站是静态还是动态?

在这点上其实我没有纠结太久,因为我之前就知道如果就 SEO 友好来说,静态网站是不二选择,因为它快,可以部署在 CDN 上,而且我这个是工具站,不是内容提供站,不需要与服务端交互,没有地方需要动态的请求服务端,再有就是静态展的 URL 都是固定的,爬虫可以毫不费力的全部爬完,前提是你内链做的足够好.所以我毫不犹豫的选择了静态网站的模式.接下来就是选型了,因为静态站也有不少方案,比如Jeklly,Hexo,Hugo,还有很多我就不列举了.

我在这里选择了我使用过的Hexo,它使用的ejs语法也是后面让我蛋疼不已,因为没有一个非常好的 vscode 的 ejs 格式化插件,非常难受,再给我一次机会,绝对不选它!

使用什么技术? VUE? React? 还是原生 JS?

这个我考虑一下,决定还是参考竞品,其实都知道 VUE/REACT 之类的由于都是虚拟 DOM,其实对 SEO 不太友好,毕竟爬虫也没办法执行这种动态代码,所以爬虫无法理解网页上到底都有啥.当然有人说了,现在有SSR,服务端渲染,但是我相信,SEO 来说,肯定还是原生的 html 毕竟合适.我参考了排名靠前的几个网站,发现大家都很简单,基本都是 HTML+JS.确实这种工具站不需要什么 VUE/REACT,虽然原生的写起来可能有点麻烦一些,但是忍了,为了 SEO.建议对这种不是特别复杂的站,优先原生,不要使用动态生成的库.

购买 vps 还是使用各种云服务提供商的服务?

哪个程序员没买个几个 VPS?我也不免俗套,我一开始想部署在自己的机器上.可是接连碰到几次高峰期时,SSH 都无法连接上服务器时,我放弃了.我的目标是 SEO,这种一直不稳定的,相信我,爬虫爬几次肯定就不会搭理你了.最后我选了 CF,毕竟我域名啥的都在 CF,CF 万岁!良心大大的好.同样的服务还有Vercel,也非常不错.CF 使用的过程种也遇到了一个无法解决的 bug,到今天,一周过去了,官方也没给我解决…真是好感度降低了,这是后话了.

网站内容如何布局?

这个其实作为新手来说一半不太会有很多自己的想法,还是那句话,看竞品网站.比如我这次要做的是一个工具站,那么使用这个工具的人最喜欢什么样的页面?大家可以调研下,我这里也是参考了排名前 3 的网站.样式方面不是我们程序员的强项,所以最好找现成的框架,比如我这里选取了毕竟流行的Bulma CSS,总归比自己写的好看.初期不用太纠结样式,我看排名第一的就是很普通的一个网页,贵在坚持.

由于我这个站定位主要是 JSON 的转换,比如JSON to XML,JSON to CSV等,所以布局基本就是左右各 2 个大的输入框,方便输入和输出.再加上一些工具栏,比如复制,清除等.关键是我看有的竞品网站提供了 DEMO 数据这个按钮,就是比如我提供了一个JSON to TABLE,但是作为用户来说,不知道这个站点需要什么样的 JSON 数据才能正确的转换为 Table,这个时候工具栏如果有个按钮能让我随机生成一些 DEMO 数据,岂不是很棒?于是我就找到了Random Data API,(对了,它也是使用Bulma CSS构建页面的),因为是免费的 api,所以我直接就接入了,你可以点击Random Example按钮随机 load 一段 JSON 回来.

页面上需要有哪些必备的元标签(meta tag)?

就是页面 HTML 的 Head 标签内的一些标签,没了解过 SEO 之前,我对这些一无所知.认为可有没可没有,比如keywords标签,description标签.其实,搜索引擎的爬虫就是看这些东西的,通过这 2 个标签来了解你这个页面是干什么的,主要内容是什么,有没有价值.还有个canonical标签,也很重要,这个主要是为了去重复,比如你有一个页面,但是有 2 个地址对应这个页面,你应该摒弃掉一个,让每个页面有一个独一无二的地址,实在有 2 个地址的,加上这个canonical标明下,哪个地址才是主要的地址.总结下:

1. title 当前页面的标题,这个不必说,是必须的,介绍当前网页的主题,给爬虫看,也给用户看,也会显示在搜索引擎的SERP(搜索结果页)中.
2. shortcut icon 这个也很重要,就是你的浏览器tab标签页左上角的小图标,这个一定得有,显得你专业是不?
3. keywords 当前网页的关键字,也就是用户通过搜索引擎搜索什么词能搜到你这个网页,非常常用,一般 60 个字符以内,多个以逗号分隔.
4. description 一句话简短的介绍下当前网页提供一些什么样的内容,能如何帮助到用户,一般 140 个字符以内.
5. canonical 建议加上,标识当前页面的唯一地址.
6. sitemap 这个很关键,我一开始也不知道这个是什么,随着慢慢的了解,也知道了爬虫是如何工作的,简单来说就是一个 xml 格式的文件,里面标明了你希望搜索引擎收录的你的网站的地址.你说没有这个文件行不行?当然可以,就是爬虫会慢点,它需要爬取你的首页,然后爬取你的内页,如果你提前告诉它你有多少个网页需要它爬取的,是不是方便很多?
7. 还有些社交标签,比如facebook主推的og:系列的标签,比如 twitter(现在叫 X)主推的twitter:标签,这个如果你有这些社交平台的账号,强烈建议你加上,实在没有,这 2 个不加也可以,关系不是很大.

以上列举的标签我建议都是必备标签,缺一不可.

这篇文章就写到这里吧,篇幅太长了,下篇我会继续介绍接下来要做的事情,也是比较重要的,就是如何让搜索引擎发现你并且收录你.