# web_operation_report

**Repository Path**: mengzhilang/web_operation_report

## Basic Information

- **Project Name**: web_operation_report
- **Description**: 从策划、运营、管理三个角度来汇报个人站点（https://learn.chancode.cn），一个季度的运营情况。
- **Primary Language**: HTML/CSS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-06-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 策划
#### 网站运营之策划文档
网站建设目标：介绍建站知识并让受众知道如何建设自己的网站

##### 用户画像 ：
![chancode的用户画像](https://images.gitee.com/uploads/images/2019/0627/171034_02bb6941_1648217.png "用户画像.png")

 **网站规划** ：以运营网站和网站建设的相关内容为本站点的主要内容，以wordpress内容管理系统、腾讯云服务器、centos系统作为本网站的技术支撑。

- 前期先实现域名登录网站、丰富网站内容、美化网站样式；调试网站性能问题。
- 中期追求被各大搜索引擎收录、SEO优化、监测流量、持续更新网站；优化用户体验。
- 后期产出高质量文章、扩大公关宣传、努力提高网站的流量；成熟期着重考虑网站的盈利和流量。


基于**DVF（Desirablity,Viablity,Feasibility） 模型** 来定义需求,

- 用户需求：现如今网站数量十分庞大，虽然手机移动端吸引了大量互联网用户的注意力，但许多个人或组织机构仍需要拥有自己的站点，在信息爆炸时代传播自己的声音、让大众知道自己的存在、增强权威性，所以网站运营的需求是巨大的。

    国内还没有垂直化讲授运营网站的站点，关于如何建站和运营网站的教程还是杂七杂八的，所以本站点希望集中地并垂直化地提供关于建站和运营网站的知识。


- 可行性：我们会收集并转载csdn、人人都是产品经理、Tencent CDC等网站的文章并有原创文章，基于wordpress内容管理系统，高效地定期更新网站内容。

- 可持续性：网站发展到成熟期并积累了一批稳定用户后，会售卖网站模板、提供搭建和托管网站的外包服务，构建起生态系统。

#### 网站地图
![网站地图](https://images.gitee.com/uploads/images/2019/0627/180506_4f051e1a_1648217.png "屏幕截图.png")

#### 图库风格及配色

在图片选择上尽量与本文章的主题相契合，使用搜索引擎搜索与文章主题的关键词，然后找到相关图片。

#### 云端架站踩坑文章（建议在新标签页打开）

1. [博客固定链接修改后404问题](https://learn.chancode.cn/%E6%8A%80%E6%9C%AF%E6%9E%B6%E7%AB%99/%E5%8D%9A%E5%AE%A2%E5%9B%BA%E5%AE%9A%E9%93%BE%E6%8E%A5%E4%BF%AE%E6%94%B9%E5%90%8E404%E9%97%AE%E9%A2%98/)

2. [安装wordpress踩坑总结](https://learn.chancode.cn/%E6%8A%80%E6%9C%AF%E6%9E%B6%E7%AB%99/%E5%AE%89%E8%A3%85wordpress%E8%B8%A9%E5%9D%91%E6%80%BB%E7%BB%93/)

3. [解决登录wordpress时，密码账号正确却出现INSECURE PASSWORD警告的问题
](https://learn.chancode.cn/%E6%8A%80%E6%9C%AF%E6%9E%B6%E7%AB%99/insecure_password/)

#### 平面设计

采用pacify主题，黑白灰是网站的主色调，页面和文章都是白底黑字，而网站主题的底层背景是灰蓝色，具有良好的对比度和可读性，而又富有层次感，清晰又简练。

- Animate it!插件的运用，主要都运用在[安装wordpress踩坑总结](https://learn.chancode.cn/%e6%8a%80%e6%9c%af%e6%9e%b6%e7%ab%99/%e5%ae%89%e8%a3%85wordpress%e8%b8%a9%e5%9d%91%e6%80%bb%e7%bb%93/)与[解决登录wordpress时，密码账号正确却出现INSECURE PASSWORD警告的问题](https://learn.chancode.cn/技术架站/insecure_password/)这两篇文章上。前者在图片加载的时候运用了bounce的动画效果，可以缓解用户等待图片加载时的焦虑感。后者对于全部文本一开始加载的时候运用了fadein的动画效果，让用户产生一种“焕然一新”的感觉。

- siteorigin插件的运用，主要在[安装wordpress踩坑总结](https://learn.chancode.cn/%e6%8a%80%e6%9c%af%e6%9e%b6%e7%ab%99/%e5%ae%89%e8%a3%85wordpress%e8%b8%a9%e5%9d%91%e6%80%bb%e7%bb%93/)、[网站可用性测试的七个步骤
](https://learn.chancode.cn/用户体验/网站可用性测试的七个步骤/)、[LAMP网站配置](https://learn.chancode.cn/技术架站/lamp/)这三篇文章上运用了siteorigin插件里面的button，点击即可回到首页。在阅读长文章，又需要回到首页看看最新文章的时候，在文章末尾增加一个“回到首页”按钮，就可以直接回到首页，特别是对于移动端用户而言，这样的元件设计会很方便。

## 管理

#### 网站安全

![wordfence](https://images.gitee.com/uploads/images/2019/0701/094455_c8705873_1648217.png "security1.png")

从wordfence插件的网络监控来看，网站每天每时都遭受八百多万的攻击，可见网站一直处于高危状态，要加强网站安全建设。

![wordfence](https://images.gitee.com/uploads/images/2019/0701/094935_68332ab7_1648217.png "security2.png")

从上图来看，wordpress网站只有35%的应用有防火墙保护、防火墙规则开启了70%、没有开启记录攻击IP黑名单的功能、针对密码账号登录的暴力破解，wordfence做到了全方位的保护。

从以上表现来看，本网站还需要全方位开启防火墙保护，开启攻击IP黑名单的功能，密码要设置成复杂的强密码才行。

#### 网站性能

![输入图片说明](https://images.gitee.com/uploads/images/2019/0701/102118_a52b029d_1648217.png "response_time.png")

![输入图片说明](https://images.gitee.com/uploads/images/2019/0701/103052_ebb644f5_1648217.png "content_breakdown.png")

图上是基于网站资源请求的响应时间的一天内的统计。全部资源的平均访问时间大约6s，宽带连接和DNS解析响应迅速。js和css的请求资源占用甚至比图片、文本这些网站内容本身还要多，说明要想提高网站响应性能主要手段还是优化网站的程序框架，6s对于用户来说还是比较长的。


![输入图片说明](https://images.gitee.com/uploads/images/2019/0701/104517_91c5190b_1648217.png "response_time_by_location.png")

图上是基于各地服务器资源响应情况的统计。网站还处于初创阶段，所以基本上没有网络请求压力。但是国外服务器请求在10s以上，国内服务器请求平均在6s，说明如果想给予用户更好的上网体验，还要付费给云服务器提供商开通**负载均衡**的功能

#### 网站备份

![![backup](https://images.gitee.com/uploads/images/2019/0701/110351_d30bc646_1648217.png "backup.png")](https://images.gitee.com/uploads/images/2019/0701/110332_dbc3f696_1648217.png "屏幕截图.png")

已使用SSH secure file transfer软件备份好了wp-config.php配置文件、backWPup插件备份数据库文件、wordpress自带导出功能备份xml路径文件。

## 运营

![SEO成果](https://images.gitee.com/uploads/images/2019/0701/114942_670a7ca4_1648217.jpeg "FotoJet.jpg")

[乘语者-教你如何运营网站](https://learn.chancode.cn/)，已成功被google、bing、百度三家主流搜索引擎收录，在bing和百度的排名要高于Google的排名。

#### SEO建议
![流量](https://images.gitee.com/uploads/images/2019/0701/140805_683be665_1648217.png "屏幕截图.png")
13号之前，网站只是被搜索引擎收录，但站长还没有针对SEO优化来修改网页和文章。后面一个星期内就根据yoast插件、bing's SEO analyse的建议来修改网页文章后就实现了每天wordpress网站270以上的浏览量。

1.  **增加每篇文章的内链和外链** 。在文章的文本中多嵌入网站内链或其它知名网站的外部链接可以提高页面权重，方便网络爬虫抓取网页。
2.  **修改固定链接** ，由原来的日期式的固定链接，改成基于文章标题、网站路径的固定链接。这样做主要是使得url更具有层次结构，方便用户记忆url并找到特定文章，而且方便爬虫纵向爬取网站内容。
3. **为每篇文章的图片设置特定的alt属性**。 这个是在使用bing webmaster tool分析了网站的seo才发现的问题。为图片设置alt属性，图片与文本形成映射关系，方便了爬虫通过爬取图片来找到网站，否则爬虫无法识别图片，减少了被爬虫爬取的机会。
4.  **定期上传新文章。** 这于新网站来说特别重要，也许搜索引擎还在审核网站是否会持续更新内容，因为没有一个搜索引擎愿意收录一个死网站或者几乎没什么内容的网站，持续一段时间上传文章后，如果没有robots.txt特别声明，搜索引擎会自动收录网站。

#### 用户研究
主要采用用户访谈、用户体验地图的方式来进行用户研究。
![输入图片说明](https://images.gitee.com/uploads/images/2019/0701/155447_f782bcb9_1648217.png "屏幕截图.png")
- 用户访谈。站长就背景配色和图文排版的问题对5位用户进行访谈，被调查者均表示Tusi主题的绿白配色不好看且纵向的图文排列，让人感觉图片好像与文章独立开来了，然后使用pacify主题给被调查者看就觉得网站好看多了。所以后面直接更换主题了。

然后根据新的网站主题，来绘制了用户体验地图

![输入图片说明](https://images.gitee.com/uploads/images/2019/0701/153805_f8f306ed_1648217.png "屏幕截图.png")

#### 定制化方案
在运营方面，因为站点依赖于腾讯云服务器，本身也是个中文网站，所以主要针对百度搜索引擎来做SEO优化，下载了百度官方推出的“百度搜索推送管理”插件，实现网站内容对百度爬虫的主动推送。并且安装了“多合一SEO包”插件，更便利地做SEO优化。

在内容编辑方面，每篇文章都设置了标签和分类，既方便了站长进行内容管理，又可以方便用户分类阅读。并且尽量每篇文章都设置特色图片。

在网站布局方面，增加了页脚声明网站版权。
## 加分项

下载了ssl证书，配置好了https协议的url

多站点：
- https://www.chancode.cn/studyblog
- https://www.chancode.cn/myblog
- https://www.chancode.cn/onion