# web_operation **Repository Path**: NFUNM108/web_operation ## Basic Information - **Project Name**: web_operation - **Description**: 网站运营报告撰写 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-03-30 - **Last Updated**: 2021-03-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营报告 ## 目录 * [第一阶段Hear](#第一阶段Hear) * [策划](#策划) * [策划文档与网站地图](#策划文档与网站地图) * [网站建设目标](#网站建设目标) * [网站规划](#网站规划) * [网站地图](#网站地图) * [用户类型](#用户类型) * [讲故事Immerse](#讲故事Immerse) * [目标人物角色](#目标人物角色) * [目标人物画像](#目标人物画像) * [平面设计插件运用](#平面设计插件运用) * [Animate it!](#Animate-it!) * [SiteOrigin](#SiteOrigin) * [平面设计](#平面设计) * [图库风格及配色](#图库风格及配色) * [图片的使用](#图片的使用) * [云端架站踩坑文章](#云端架站踩坑文章) * [Define定义](#Define定义) * [desirability](#desirability) * [viability](#viability) * [feasibility](#feasibility) * [第二阶段CREATE](#第二阶段CREATE) * [头脑风暴Ideate](#头脑风暴Ideate) * [第三阶段DELIVER](#第三阶段DELIVER) * [管理](#管理) * [云端架站](#云端架站) * [网站安全](#网站安全) * [网站性能](#网站性能) * [网站备份](#网站备份) * [运营](#运营) * [站长工具](#站长工具) * [Google](#google) * [bing](#bing) * [seo优化](#seo优化) * [用户研究](#用户研究) * [修改方案前后对比](#修改方案前后对比) * [定制化](#定制化) * [利用https](#利用https) ## 第一阶段Hear #### Empathize ##### Observe ## 策划 ### 策划文档与网站地图 #### 网站建设目标 - 利用平台来帮助B端的企业解决数据问题。 - 通过此网站让C端的数据科学家可以提高知名度,以及业界小白以及大学生可以通过公开的数据训练自己的技能。 #### 网站规划 ||步骤|措施| |--|--|--| |1|市场分析|通过对比分析天池、DataFountain等竞品衡量公司自身的条件,可以利用网站提升的竞争力| |2|目的及功能定位|通过用户访谈以及用户体验地图分析定位以及确定目标用户| |3|技术解决方案|(a)服务器:采用Digital Ocean的租用虚拟 DNS
(b)操作系统:Centos
(c)网站安全性措施:利用Wordfence、site24x7监控安全性能
| |4|内容规划|分为竞赛内容撰写、知识分享帖子| |5|网页设计|风格以活泼、有趣为主要基调。并且一年进行一次大规模改版| |6|网站维护|(a)内容:分享贴子一星期更新一次
(b)数据库维护:一星期备份一次以及进行分析
(c)服务器:24小时内停机不可超过5小时| |7|网站测试|服务器以及数据库两天测试一次| #### 网站地图 ![网站地图.png](https://images.gitee.com/uploads/images/2019/0629/214107_bc4a1361_1648220.png) 关系:页面→分类标签→文章 以其中的“技术分享”为例,里面的文章内容主要可以分为大数据知识和架站两个类别,所以分类标签是用来区分内容的,但还是都同属于“技术分享”这个页面中。 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214107_be4218c5_1648220.png) #### 用户类型 (a)B端用户:大多是拥有庞大数据集的公司或企业。 (b)C端用户:拥有数据分析能力或想学习大数据知识的用户。 ### 讲故事Immerse #### 目标人物角色 1.在访谈过程当中,可以看出学过编程语言的人更有想参加比赛的欲望。所以我们把网站的目标人物角色暂时设定在**学过编程语言**的用户。 2.潜在用户的挖掘:在访谈过程中,不想参加的用户都是对数据竞赛不是很了解,无法得知其能为自己带来的价值。所以网站也需要宣传数据竞赛的价值,以及通过实质货币的形式来吸引用户。 #### 目标用户画像 ![目标用户地图.png](https://images.gitee.com/uploads/images/2019/0629/214109_3d2938d9_1648220.png) ### Define定义 - 利用**DVF**定义用户需求和产品目标 #### desirability - 用户需要了解数据竞赛的价值以及意义。 - 用户需要尽快找到网站的主要功能(数据比赛)的入口 - 用户需要快速下载所需要的数据集供自己分析。 - 用户希望流畅地操作整个网站。 #### viability - 吸引更多C端用户可以使得双边网络的另一端B端企业用户增多,从而使得更多的B端企业为网站平台缴纳更多举办游戏所需要的“交易费”,促使平台可持续性盈利。 #### feasibility - 对于让更多用户了解数据竞赛,我们可以在网站的**“技术分析”**界面中发布有关大数据以及数据竞赛知识的文章 - 网站比赛可以设置奖金吸引更多C端用户。 - 满足用户流畅使用网站,我们只能通过渲染的优先级来提高体验感。但因服务器架至国外,所以导致有时不稳定。 ### 平面设计插件运用 #### Animate-it! 1. Footer的网站地图悬浮采用动画**push**,但鼠标悬浮时,网站地图放大。 |悬浮前|悬浮后| |--|--| |![image.png](https://images.gitee.com/uploads/images/2019/0629/214109_b385ab9c_1648220.png)|![image.png](https://images.gitee.com/uploads/images/2019/0629/214109_0ee427fd_1648220.png)| 2. **数据集**页面,竞赛标题采用动画**pop**,这样可以引起读者注意。 ![数据集](https://images.gitee.com/uploads/images/2019/0630/003436_9f5ce511_1648220.png "微信图片_20190630003358.png") #### SiteOrigin |运用的页面/文章名称|前端界面|后台编辑界面| |--|--|--| |3 手语数字的魅力 – 数据集|![手语数字的魅力1.png](https://images.gitee.com/uploads/images/2019/0629/214109_f23668bf_1648220.png)|![手语数字的魅力2.png](https://images.gitee.com/uploads/images/2019/0629/214109_18cb5ff9_1648220.png)|https://zxwom.me/2019/06/17/hand-database/| |首页|![首页1.png](https://images.gitee.com/uploads/images/2019/0629/214110_ce50abc6_1648220.png)|![首页2.png](https://images.gitee.com/uploads/images/2019/0629/214111_65032d2f_1648220.png)|https://zxwom.me/| |数据集|![数据集1.png](https://images.gitee.com/uploads/images/2019/0629/214111_859ce836_1648220.png)|![数据集2.png](https://images.gitee.com/uploads/images/2019/0629/214110_7c888c43_1648220.png)|https://zxwom.me/datasets/| ### 平面设计 #### 图库风格及配色 网站的配色风格主要是以**可爱、快乐、有趣**的为搭配基调,其**配色特点**为色相分布均匀,冷暖搭配,**饱和度高**,色彩分辨度高。 1.主要颜色展示 ![颜色搭配.png](https://images.gitee.com/uploads/images/2019/0629/214110_14e1d034_1648220.png) 2.原因:网站力图打造青春活泼的形象,其首要原因是为了使网站的风格更符合我们的**目标用户**品味。结合竞品DataFountain的调查中发现,使用数据竞赛平台的大多数用户都是**学生**。因此采用**活泼鲜明**的色调更符合学生的形象,也更具亲切感。在此期间,通过用户访谈,有用户认为可以采用**冷色调**来凸显平台的专业性,但这样可能会让业界数据分析的小白望而止步。 #### 图片的使用 1.**图片来源**:网站图片主要是由自己实操的截图、百度图库以及bing图库图片构成 2.**版权说明** 方式一:图片下方说明+链接 ![图片版权一.png](https://images.gitee.com/uploads/images/2019/0629/214111_24df4480_1648220.png) 方式二:文章尾部的整体说明 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214111_413c25db_1648220.png) ## 第二阶段CREATE ### 头脑风暴Ideate - 用户故事优先级 根据用户访谈得到的需求以及DVF模型的迭代得出优先级。 |Must(一定要做的)| Should(应该做)| Could(不太需要的)| |--|--|--| |下载数据集动画不够人性化,需要修改|首页字体大小的修改,针对学生而已,认为首页的字体无需那么大|增强网站的稳定性| ## 第三阶段DELIVER ### Prototype:原型 ## 管理 ### 网站安全 - 总结:从网站的扫描以及防火墙的指数可以看出网站安全性处在中上水平 1.WordPress防火墙 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214111_9378eb9f_1648220.png) 2.安全扫描 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214112_024783b9_1648220.png) - 分析—— 整体扫描:从scan中可以看出网站存在两个问题**文件更改**和**漏洞扫描**。 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214112_598a1826_1648220.png) a . 结合下文详情 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214112_209c780b_1648220.png) 得出是版本的更新,所以文件更改不影响安全性。 b.再者漏洞 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214112_569765da_1648220.png) 结合**site24×7**三个DNS有出现不间断停机的状态,因此Wordfence检测到DNS记录更改是有联系的。 ### 网站性能 - 选择理由:根据jetpact可以看出目前用户主要来源在中国、美国和英国。结合各地区用户数量,中国选择4个监控地点,美国选择2个,英国选择1个。 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214112_b01c34f8_1648220.png) - 8个监控地点 |序号|监控地点| |---|---| |1|旧金山 - US| |2|芝加哥 - US | |3|深圳 - CHN| |4|张家口 - CHN| |5|广州 - CHN| |6|成都 - CHN| |7|重庆 - CHN| |8|伦敦 - UK| #### 性能评估 ![监控点.png](https://images.gitee.com/uploads/images/2019/0629/214113_0f94fc21_1648220.png) - 时间 |监控器状况|时间概况| |--|--| |总停机时间|5 小时 38 分钟(23.48%)| |总上线时间|18 小时 22 分钟(76.52%)| 总停机所占时间较多,主要时间段是在晚上的九点到次日的十二点。在24小时的可用性评估中,可用性为76.52%,但有5小时38分钟是停歇时间。 - 监控点可用性 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214113_e95d77ba_1648220.png) - 问题分析:从条形图可以看出英国和美国的可用性都比较好,中国的四个监控点可用性都较差,特别是广州。 - 结论:**服务器地点**——网站所在的服务器地点是美国的新泽西,距离中国较远,在中国没有其机房的存在因此访问会较慢。 - 网站目前最大的问题是**服务器**停机—— 原因:无法正确解析域名 - 可靠性指标:**MTBF/(MTBF+MTTR) = 76.98%** |平均故障修复时间 (MTTR)|平均故障间隔时间(MTBF)| |--|--| |19 分钟 53 秒|1 小时 5 分钟| 通过MTTR和MTBF结合计算得出可靠性指标大于50%但还是仍需要提高。—— 措施:减少平均故障修复时间。 ### 网站备份 - 手动备份:利用ftp文件传输进行本地备份 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/113636_75bd9cee_1648220.png "1561865674(1).png") ![image.png](https://images.gitee.com/uploads/images/2019/0629/214113_92c9663c_1648220.png) - 数据库备份:利用WordPress Backup Plugin插件备份数据库。 ![下载数据库文件.png](https://images.gitee.com/uploads/images/2019/0629/214113_3a13bc34_1648220.png) ![数据库文件.png](https://images.gitee.com/uploads/images/2019/0629/214113_95a8e34f_1648220.png) - wordpress后台:利用后台工具导出文件(工具 → 导出) ![image.png](https://images.gitee.com/uploads/images/2019/0629/214113_d91e2e60_1648220.png) ![wordpress后台导出.png](https://images.gitee.com/uploads/images/2019/0629/214113_ad2d9f09_1648220.png) ##### Test 体验 ## 运营 ### 站长工具 #### google - 流量截屏 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214113_3dbcdd73_1648220.png) - 收录截屏 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214113_2f94dd6f_1648220.png) - 搜索引擎结果 文章次要页面还比网站的主要页面高,结合最常链接网页网址得知datasets搜索率较高高,因此结合seo优化,所属于数据集下的文章链接都用“文章名-databases",通过改进定制页面排名减低。 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214113_97163cca_1648220.png) |改进前|改进后| |--|--| |![image.png](https://images.gitee.com/uploads/images/2019/0629/214113_2f94dd6f_1648220.png)|![image.png](https://images.gitee.com/uploads/images/2019/0629/214114_f1ddce3e_1648220.png)| #### bing - 流量截屏 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214114_bba71bf0_1648220.png) - 收录截屏 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214114_5413b900_1648220.png) ### seo优化 #### **方法一** —— 标题优化 - 内容:主要可以概括为“核心词+修饰词”修饰词不多雨三个 - 修改 1.主体聚合页修改: 主体聚合页名字 – 网站名字 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214114_ec157125_1648220.png) 2.内容页修改:内容标题 – 所在主体聚合页名字 – 网站名字 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214114_a1df63ef_1648220.png) - Jetpack数据对比:4→8(5月31日 → 6月1日) ![image.png](https://images.gitee.com/uploads/images/2019/0629/214114_c8e8d4bd_1648220.png) - Yoast产出结果 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214114_3f9a93a3_1648220.png) - 分析 |标题所在位置|修改| |--|--| |首页标题|整个网站的入口,站点名/品牌名| |主体聚合页|围绕某一主题各方面属性聚合而成的内容集合 “主题-属性1-属性2-站点名”| |内容页|具体的内容页,如文章详情页 , “内容标题-所在主体聚合页名-站点”| 从Jetpack数据的上升可以看出这个方法还是有成效的。再者结合Yoast的SEO title分析,如果你标题详细度,全面度越高,其可读性的分数也会越高。通过统一的“-”来说明从属关系也可以使网站结构更加清晰。 #### 方法二 —— 通过网站地图设置页面的优先级以及网站的更新时间 - 内容:利用**Google XML Sitemaps**插件提高独立页面和主页的优先级。 - 修改:每一篇文章的优先级都设置相同;设定文章更新的频率。 ![GOOGLE.png](https://images.gitee.com/uploads/images/2019/0629/214115_e536a41b_1648220.png) ![image.png](https://images.gitee.com/uploads/images/2019/0629/214115_8e71ac1b_1648220.png) - Jetpack数据对比:3→6(6月6日 → 6月7日) ![image.png](https://images.gitee.com/uploads/images/2019/0629/214115_12c0f0f2_1648220.png) - Yoast产出结果:因为这个seo方法是对整个网站进行改变,所以在文章下Yoast是没有看出效果的。 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214115_1760afbe_1648220.png) - 分析 1.因为前期的评论数量不多,所以将每一篇文章的优先级都设置相同。 2.设定文章更新的频率,因为没有设置Tag页面,所以设定为从不更新。这样网络爬虫就会按照更新的频率来光顾你的网站。如果每个页面都设置每天更新,爬虫了解到与用户需求不符将会降低你网站的权重。 #### 方法三 —— 添加文章的Meta description - 内容:Meta description是在搜索引擎搜索时呈现 - 修改 为每篇文章添加Meta description大致描述文章的内容。 - Jetpack数据对比:1→19(6月3日 → 6月4日) ![image.png](https://images.gitee.com/uploads/images/2019/0629/214115_ada08c24_1648220.png) - Yoast产出结果 |修改前|修改后| |--|--| |![修改前](https://images.gitee.com/uploads/images/2019/0630/102807_934076da_1648220.png "修改前1.png")|![修改后](https://images.gitee.com/uploads/images/2019/0630/102822_fdd9215d_1648220.png "修改后1.png")| - 分析:通过简短对文章的描述,让用户可以直观从搜索引擎中不用点击就大致了解文章内容。Google有时会在搜索结果中的帖子标题下方显示Meta description。这小块副本可以吸引人们在搜索结果中点击您的页面。如果您的网页在搜索结果中被大量点击,则向Google发出信号 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214115_f8a6ba43_1648220.png) ### 方法四 —— 添加外链 - 内容:将自己的文章链接分享到知乎平台。 - 修改 ![](https://images.gitee.com/uploads/images/2019/0629/232730_e61b3336_1648220.png) - Jetpack数据对比:3→6(6月8日→6月9日) ![image.png](https://images.gitee.com/uploads/images/2019/0629/232730_ff039cc1_1648220.png) - 分析:从流量角度来说,外链能够提高我们网站的流量,增加用户访问我们网站的几率。从seo角度可以提高我们,提高我们网站的权重和排名。 #### 方法五 —— 通过添加焦点关键词 - 内容:利用Yoast的Focus keyphrase添加焦点关键词。 - 修改 ![image.png](https://images.gitee.com/uploads/images/2019/0630/104622_e3af0736_1648220.png) - Jetpack数据对比:3→6(6月9日 → 6月10日) ![image.png](https://images.gitee.com/uploads/images/2019/0630/104622_43954421_1648220.png) - Yoast产出结果 |修改前|修改后| |--|--| |![image.png](https://images.gitee.com/uploads/images/2019/0630/104622_05e1a40a_1648220.png)|![image.png](https://images.gitee.com/uploads/images/2019/0630/104622_e7997a03_1648220.png)| - 分析 1.焦点关键字或关键短语是页面排名最高的搜索字词。Googleh对新文章的关键词与原本的文章作比较。 2.我认为此次阅读量增多一部分是通过添加焦点关键词使得利用谷歌让更多人搜索得到,再者是受前者将文章放置知乎的影响。 ### 用户研究 - 方法一:用户体验地图展示 1.C端用户 ![C端用户](https://images.gitee.com/uploads/images/2019/0629/225354_17575b54_1648220.png "C端用户1.png") 2.B端用户 ![B端用户.png](https://images.gitee.com/uploads/images/2019/0629/214109_1b88ddc9_1648220.png) - 方法二: 问卷访谈 —— **Engage** (一)访谈目标 1.确定目标用户,并挖掘目标用户需求。 2.发现平面设计存在的问题,及时进行改正。 (二)访谈时间:2019年6月20日、21日 (三) 访谈方式:视频对话或现场交流 (四)访谈内容 1.用户背景 |参与者代号|专业|是否学习过编程语音|是否想参加比赛| |--|--|--|--| |A|网络与新媒体|是|是 |B|汉语言文学|是|是 |C|新闻学|否|否 |D|物联网|是|否 |F|计算机科学与技术|是|是 2.必要问题 |序号|问题| |--|--| |1|您是否有学习编程语言?| |2|你了解数据竞赛平台吗?| |3|你想参加数据竞赛吗?为什么?| |4|请你找到一个你喜欢的数据比赛,并下载数据,你觉得数据比赛的入口容易寻找吗?为什么?| |5|你对数据分享文章感兴趣吗?其文章的布局风格、字体大小让你感受如何?| |6|请简要描述使用后的感受?| |7|使用网站之后是否有所收获?| |8|你认为这个网站操作起来怎么样?为什么?| |9|你喜欢这个网站的设计风格吗?为什么?| #### 修改方案前后对比 1.点击“下载数据集”动画的修改。—— 根据用户访谈得知用户认为原先悬浮下载数据集按钮后pop动画跳跃用户不便下载,因此修改成悬浮之后改变颜色(修改主体style.css)。 |修改前|修改后| |--|--| |![image.png](https://images.gitee.com/uploads/images/2019/0629/214112_461bb1a4_1648220.png)|![image.png](https://images.gitee.com/uploads/images/2019/0629/214111_73a953a3_1648220.png) 2.修改首页字体大小 —— 从原先得h2标题改为h3标题,并且设置css**font-size:30px** |修改前|修改后| |--|--| |![image.png](https://images.gitee.com/uploads/images/2019/0629/214111_9893286f_1648220.png)|![image.png](https://images.gitee.com/uploads/images/2019/0629/214112_5c44f5dd_1648220.png)| ### 定制化 - 定制化方案1:为了使C端数据科学家可以分享和发布自己的疑难问题互相解决,开设**论坛**和**技术分享。 a.利用插件**wpForo**建设论坛 ![image.png](https://images.gitee.com/uploads/images/2019/0629/214115_43cca008_1648220.png) b.技术分享文章都是自己撰写,所以为了放置别人抄袭,采用了**WP Content Copy Protection & No Right Click**插件。 ![插件](https://images.gitee.com/uploads/images/2019/0629/230313_8593193e_1648220.png "插件.png") - 定制化方案2:为了使数据科学家们能直观看到数据表格的信息,快速判断赛事的难易程度,利用可搜索的表格将数据呈现出来。—— 利用插件**TablePress** ![image.png](https://images.gitee.com/uploads/images/2019/0629/214116_63e1681f_1648220.png)