一、专业技能
会一种框架，会使用浏览器开发者工具，别人有好的东西就要借鉴，会进行网站迭代，知道一些常见的组件库如 magicUI 等
1、基础开发能力
前端三件套：HTML/CSS/JavaScript 是网站开发的基石，即使使用框架（如 React、Vue），也需要理解其底层原理
响应式设计：移动端适配是网站排名的重要指标，推荐使用 Bootstrap 或 Tailwind CSS 快速实现跨设备兼容
当然这些基础的东西市面上有很多教程，大家可以参考 Google 的 web.dev 或者 MDN 文档
https://web.dev/ 是 Google 提供的前端开发学习平台，涵盖了 HTML、CSS、JavaScript 等基础知识
https://developer.mozilla.org/zh-CN/docs/Web 是 Mozilla 提供的前端开发文档，包含了 HTML、CSS、JavaScript 等基础知识
2、学习别人的设计
经常浏览优秀网站（如 Awwwards、Dribbble），分析其设计风格、配色方案和用户交互，积累灵感
https://www.awwwards.com/ 是一个展示优秀网站设计的平台，提供灵感和参考
https://dribbble.com/ 是一个设计师社区，用户可以分享和展示他们的设计作品，其中包括网站设计、UI 设计等
二、一些需了解的名词
比如说 SEO、SERP、PV、UV、关键词、索引量、CTR、外链等
1、网站自身相关
域名：网站的唯一标识符，通常由字母、数字和符号组成
不拿下 .com 域名会一辈子难受
主机：存储网站文件的服务器，提供网站访问的基础设施
买服务器时最重要的就是带宽和储存空间，根据你的需求选择合适的类型
比如你要做个下载站，那 3M 的带宽肯定不够用；但是如果你只是做个个人博客，那 3M 的带宽就足够了
CDN（Content Delivery Network）：内容分发网络，也就是给网站加速用
SSL（Secure Sockets Layer）：安全套接层协议，和 HTTPS 证书有关
标题：网页的标题标签
名称：网站的名称，和标题不一样，名称一般指的是 SERP 中显示的名字
描述：网页的描述标签
关键词：网页的核心主题或内容，现在关键字已经不重要了
2、SEO 相关
SEO（Search Engine Optimization）：搜索引擎优化，提高网站在搜索引擎中的排名
SERP（Search Engine Results Page）：搜索引擎结果页面，就是你们百度、搜狗中输入关键词后看到的页面
PV（Page View）：页面浏览量，指用户查看某一页面的次数
UV（Unique Visitor）：独立访客，指在一定时间内访问网站的不同用户数量
关键词：用户在搜索引擎中输入的词语或短语，网站优化的核心
索引量：搜索引擎中被收录的网页数量
CTR（Click-Through Rate）：点击率，指用户点击某个链接的次数与展示次数的比率
外链：指向你网站的其他网站的链接
内链：指向你网站内部其他页面的链接
反向链接：指向你网站的外部链接，通常用于提高网站权重和排名
3、站长们常说
友情链接：两个网站之间互相链接的关系，通常用于提高网站权重和排名
开往：一个友链助力平台
十年之约：一个友链助力平台（比开往难申请）
三、SEO 优化
提升网站在搜索引擎中的可见性，吸引更多有价值的流量，让搜索引擎爱上你的网站
网上一堆的教程搜来看就行，这里主要说一些 SEO 工具
1、百度统计 && 谷歌分析
这类工具可以帮助你分析网站流量、用户行为和转化率等数据，提供优化建议
可以直观地看到网站的访问量、来源、用户行为等数据，帮助你了解用户需求和优化方向
以下是谷歌分析的截图
当然除了百度和谷歌，还有其他的统计分析工具：
51la：国内的统计分析工具，功能类似于百度统计
Umami：开源的统计分析工具，支持自托管，隐私友好
缺点也就很明显了，需要自己搭建，占用服务器资源
2、站长平台
站长平台和统计分析工具是两个不同的概念，站长平台主要是用来管理网站，让搜索引擎更好地抓取你的网站
刚才介绍了百度统计和谷歌分析，那么他们的站长平台分别是：
百度资源搜索平台
https://ziyuan.baidu.com/
Google Search Console
https://search.google.com/search-console
除了百度、谷歌两大巨头外，你可能还需要注册 Bing 、360、搜狗等站长平台
搜狗站长平台入口：https://zhanzhang.sogou.com/index.php/site/index
360 站长平台入口：https://zhanzhang.so.com/zhanzhang/index
Bing 站长平台入口：https://www.bing.com/webmasters/
3、有关 SEO 常见问题
怎么才能让搜索引擎搜录我的网站？
注册对应的站长平台，提交网站的 sitemap.xml 文件，或者 API 接口提交
当然你也可以直接在搜索引擎中搜索 site:www.qladgk.com 来查看你的网站是否被收录
如何让百度加快搜录我的网站
要有备案、要在百度搜索资源平台中填完整站点属性，注册百度统计，将站点绑定到百度统计中
但是如果你更新频率不高，即使百度收录之后，过几天索引量就会变成个位数了
为什么 Bing 的搜索结果不显示我的网站图标
这种情况直接在 Bing 站长平台提交工单，内容如下：
已复制!Bing didn’t display my site’s favicon. The correct ico address is 你的完整 ico 链接
等工程师处理完后，会用邮件通知你
为什么搜索结果页展现的是网站域名而不是网站标题
首先要知道搜索结果页展现的内容是网站名称和网站标题，如下
1 是搜索引擎展现的网站名称、2 是搜索引擎展现的网站标题
如果你的网站名称被搜索引擎展现成了域名，可能是因为你的结构化数据没有设置好
可以使用在线工具，如富媒体搜索结果测试，或者架构标记验证器来检查你的结构化数据是否正确
如果出现错误或者找不到结构化数据
就需要在网站的
中添加如下代码，并且要保证 中只有一个结构化数据已复制!
HTMLLines: 15UTF-8
改好之后可以用 https://validator.schema.org/ 来验证一下
四、用户体验
网站性能决定用户体验
1、网站速度
去给自己的网站测个速，看看全球有没有全绿
多地Ping、常规版、icmp协议、网络延迟测试：https://www.itdog.cn/ping/
如果存在某些地域访问速度慢的问题，可以考虑使用 CDN 加速
我用过阿里的 DCND，效果还不错，现在用的是阿里的边缘安全加速 ESA，效果也很好，就像是国内版的 Cloudflare
而且用了加速之后可以隐藏服务器的真实 IP 地址，防止被攻击
2、网站性能
试着用开发者工具给你的站点做一个 lighthouse 检测，看看有没有什么问题
3、网站安全
时刻注意你的 https 证书有无过期。
这里推荐一个 Docker 工具，叫做 certimate，它可以帮助你监控证书的过期时间，并且自动化更新证书
还有要注意的是，你申请泛域名证书时，*.qladgk.com 这个证书是不能用在 qladgk.com 上的
所以申请的时候直接在域名上写上 qladgk.com 和 *.qladgk.com 就可以了
4、网站状态
你肯定注意到某些网站都会有一个 status 页面，显示网站的状态
比如 https://status.github.com 、https://status.openai.com/ 等
那么个人网站也可以有一个 status 页面，来显示网站的状态，当网站出现问题时，可以及时通知用户
我这里主要就介绍两种：
在线版
https://stats.uptimerobot.com/ 是一个在线的状态页面服务，提供免费的状态页面
自建版
还是一个 Docker 项目 Uptime Kuma，支持自托管，提供了一个简单易用的界面，可以监控网站的状态，并且占用资源少
其他的可以去 demo 网站上查看
https://kener.ing/
https://status.mcenjoy.cn/
https://status.jerryz.com.cn/
https://uptimeflare.pages.dev/
5、交互体验
你的网站只能看吗？你的网站只能在电脑上看吗？有无暗亮模式？
评论系统是什么？有没有用户注册登录的功能？
每一天评论是否都有人回复？
五、内容的管理
内容是网站的核心，好的内容可以吸引用户、提高网站排名
1、更新时间
你是否经常不定时地更新网站的内容？
那我告诉你，选择一个固定的时间更新网站的内容是非常重要的，因为这会让搜索引擎更容易地抓取你的网站
2、文章备份
你的数据是否做到了两地三中心？
而且很多人都在用免费图床，但是免费图床的稳定性和安全性都无法保证
完全可以去开一个 OSS 存储空间，或者使用阿里云的对象存储 OSS，并且也不贵
3、多种渠道
你的内容是否在多个渠道发布？有没有 RSS 或者公众号？
有公众号的话，据说被打赏的文章指向的原文链接会提高权重
暂时就想到这么多
如果你有建议，可以在评论区里留言
文章分类在技术#博客#工具#网站