# 网站运营 **Repository Path**: ChowiLau/website_operation ## Basic Information - **Project Name**: 网站运营 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-06-28 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站可用性调研 * 站长：刘兆炜 * 网站url: https://lzw20.top/ * 网站由中山大学南方学院 文学与传媒学院 网络与新媒体专业 刘兆炜 制作 # 策划 ## 网站建设目标 帮助想要建设网站并对网站可用性进行评判的用户，以及如何运营一个网站的资料学习。本网站是为了去收集互联网的业界精英所写的想法与经验来帮助中山大学南方学院的学生普及与了解知识 ## 目标用户画像 * 人群：在修与互联网专业相关的大学生。 * 年龄：18-25岁 * 性格特点：好学活泼，对新知识有极大的求知欲，对互联网搜索资料有极大的渴望，喜欢沉浸在互联网中。 * 使用场景：当用户在网上搜索学习资料时，极少的网站会统一收集。老师讲解搭建网站、用户研究时有细节还没摸透，需要上网找寻一个完整的文章体系去理解。 * 使用原因：网上的文章良莠不齐，很多网站的文章与搜索的关键词无关，多次点击到无用链接与广告，搜索体验十分差劲。 ## 网站规划 1. 搭建好网站站点，确定网站框架结构。 2. 通将网站内容丰富起来，保证内容质量。 3. 通过网站内容以及对网站进行传播吸引用户进入网站，增加阅读量与浏览量，提高网站排名、活跃度。 4. 为了给予广大学子一个学习资源的平台，后续更需要注意的是学习资源的有效性及真伪性 5. 与其他网站合作，通过友情链接的方式增加宣传力度 ## DVF模型： 用户需求：设有搜索功能；设有导航栏；网站文章可读性、可用性高； 可持续性：持续更新更多高质量的文章；站长会及时回复用户的评论和建议，增强网站的互动性和用户粘度，保持网站活力。 可行性：使用Animate It!、Yoast SEO等插件对页面和文章进行排版布局的优化；在首页页面添加侧边栏小工具实现搜索和日历功能；根据用户需求在页脚增加评论功能，增加用户与站长之间的互动性。 ## 网站地图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/195918_a76920e1_2229190.jpeg "在这里输入图片标题") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/110812_02f171c0_2229190.png "113.png") ## Animate it! 1. [网站可用性测试的七个步骤](https://lzw20.top/2020/07/06/seven-steps/) 通过在标题增加下坠的动画，重点突出标题 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/221149_f66c0056_2229190.png "6.png") 2. [如何设计可转换的号召性用语按钮](https://lzw20.top/2020/07/04/design-bottons/) 通过增加淡入的动画，将整列超链接加重点显示 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/000645_3d8007c6_2229190.png "7.png") ## 平面设计 * 图片的使用： 1. 图片版权：本网站的所有图片下方及文章最下方均有说明，并且点击查看就能跳转至原文的链接（如下图所示） 可点击[此链接](https://lzw20.top/2020/07/04/design-bottons/)进入原文查看： [图片来源](https://unbounce.com/conversion-rate-optimization/design-call-to-action-buttons/) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/225310_bb8166f0_2229190.png "1.png") 2. 图库风格及配色：图库风格属于学术风，图片会选取平实、理性的图片（流程图、数据框架图、） * 理由：本网站是一个帮助广大学子搭建并运营的网站，给予用户分享用户研究的资料，单纯的文字说明无法让读者理解作者的论述过程、无法梳理复杂的论点，使用平实、理性的图片可以更好的体现文章的叙事性、严谨性、使文章更有权威性。 ## 三篇原创文章 1. [Github Education Pack申请流程](https://lzw20.top/2020/07/04/gep/) 2. [利用阿里云及宝塔系统进行架站](https://lzw20.top/2020/06/28/ali-bt/) 3. [关于ssl添加证书流程](https://lzw20.top/2020/07/05/ssl/)
# 管理 * ## 云端架站：正常可用的云端网站，使用域名[lzw20.top](https://lzw20.top/) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/225116_5eb5a7ba_2229190.png "8.png") * ## 网站安全： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/232055_d05492a7_2229190.png "2.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/225847_6b9e6bab_2229190.png "9.png") 通过wordfence的监控我了解到我的网站的安全性能仍算可以，达到70%。一天内就平均被攻击了八百多万次，但是这也都被wordfence阻止了。其次从防火墙提供的数据中，我可以看出我网站防复杂攻击的性能非常弱，仅仅只有35%，如果是有黑客恶意攻击我的网站，显而易见是很难保存住安全的。不过我的网站已开启“蛮力保护”模式，能够采取强力实施密码和无效的登录限制的措施。 ## 网站性能：使用24x7监控截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/233208_6914c89f_2229190.png "3.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/233213_1194e3da_2229190.png "4.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/233218_35f81260_2229190.png "5.png") * 我在site24X7中添加了一个监视器，八个监视位置为：芝加哥、里约热内卢、巴塞罗那、纽约、华盛顿、北京、首尔、广州。在site24X7中，首先我可以了解到我的网站在这八个地方的响应时间和速度，其中北京的访问速度最快，里约热内卢的访问速度最慢；所有地区在过去24小时内都没有出现停机的情况，均可访问，说明我的网站可用性较强。 ## 网站备份 1. 提供将wp-config.php备份本地的截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/235046_169983cb_2229190.png "6.png") 2. 提供通过插件（UpdraftPlus）备份数据库（sql文件）截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/235440_9d38a649_2229190.png "7.png") 3. 提供通过wordpress后台导出工具导到本地的文件截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/235238_dc773fb5_2229190.png "8.png") # 运营 ## 站长工具： * 百度:使用了百度站长工具，以前不能在百度搜索引擎搜到我的网站，现在可以了。并且后台的抓取频次、索引量、移动搜索的数量有了变化，证明我的网站在百度已经有人点击进入了。（以下为前后对比图） ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/142647_3e96e7d6_2229190.png "1.png") 提交前： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235950_c959fcaf_2229190.png "11.png") 提交后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/142700_f5486b11_2229190.png "2.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0715/201840_bc017e75_2229190.png "4.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0715/201749_3c4714c0_2229190.png "3.png") * 必应 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/000256_8cf467cd_2229190.png "12.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0715/202908_960f795f_2229190.png "5.png") 图中可以看出，从6月22日至7月15日我每隔几天提交几个页面，但很可惜的是，必应始终未能收录我的网站。 ## SEO优化： * 方法一：提交链接在百度的网站管理中添加本人网站里的所有有意义的url ![输入图片说明](https://images.gitee.com/uploads/images/2020/0715/200651_68935733_2229190.png "1.png") 在百度中能使用site方法搜索出我的网站。 * 方法二：关键词优化 我网站的关键词就是： **网站、可用性、问卷设计、流程、用户、用户研究、移动、互联网、优化** 等。综上，本人对网站首页的SEO标题、别名、元描述进行了关键词优化以及对文章做了可读性编辑。 **方法展示：** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/145936_34c817bc_2229190.png "5.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/145942_721fe9f8_2229190.png "6.png") **成效** ：原来输入关键词在百度首页是找不到我的网站的，而且能搜索到我网站的关键词较少；现在我的网站在首页中除广告外排名最前，能搜索到我网站的关键词也增多了（即用户输入不同的关键词也能找到我的网站）。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/150340_a18284b9_2229190.png "7.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/150349_474b0cca_2229190.png "8.png") * 方法三：添加外链：将网站的页面/文章链接放到其他平台作为友情链接。（1）与其他站长合作，在她的网站中添加另外的网站的友情链接（2）在知乎中的热门文章中评论添加我的网站链接。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/113621_9e3f2836_2229190.png "11.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/113627_02373e19_2229190.png "12.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0715/201350_04347297_2229190.png "2.png") * 方法四：添加内链：我在我的原创文章处添加了内链，帮助用户可以去点击我网站内部的文章，增加可读性 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/132426_4bb3c438_2229190.png "13.png") # 用户研究 ## 1. 用户访谈： 我一共对5位用户做了用户访谈。访谈的内容为：网站速度、页面排版、文章排版、侧边栏功能、文章原创性。 根据用户访谈，总结得出：用户对于文章的阅读性较低，即图片显示不合理，靠左显示显得格局太小；侧边栏功能性太少，需要增加一些侧边栏。其余部分用户给出的意见是暂时无需修改。 * 修改一：根据用户需求，我更改了图片在文章中的位置，使其不再靠左排列，而是居中显示。 * 修改前： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/142945_817cdb56_2229190.png "21.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/142952_fc908c4f_2229190.png "22.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/142958_99561776_2229190.png "23.png") * 修改后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/143409_c7132c69_2229190.png "24.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/143422_256dcdd8_2229190.png "25.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/143428_0670f580_2229190.png "26.png") * 修改二：根据用户需求，我增加了侧边栏的功能（分别是音乐侧边栏与日历侧边栏），使网站在严肃中带有一点趣味性。 * 修改前： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/144632_68c13fe6_2229190.png "31.png") * 修改后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/144642_c3056706_2229190.png "32.png") ## 2. A/B testing： **首页布局方案测试** A方案总结：共访问了4位用户，3位用户均认为A方案页面元素丰富，整体尚可，但是网站名称放置右侧，不符合用户习惯，均提出建议让我调整网站名称的位置。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0718/224553_fd3d241d_2229190.png "1.png") B方案总结：共访问了3位用户，他们均认为B方案搜索栏的长应放大2倍，并放置在页面顶端的右侧。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0718/225151_a825b563_2229190.png "3.png") 综合用户的意见和方案的可行性，我选择了A方案，网站名称放置在右侧确实不符合用户浏览习惯，用户浏览习惯应为从上至下，从左至右。至此我将网站名称调整至左上端（效果如下图所示） ![输入图片说明](https://images.gitee.com/uploads/images/2020/0718/225936_f4b97d9a_2229190.png "2.png") ## 3. 定制化： 1. 安装网站响应加速插件 根据用户访谈结果，有3名用户觉得我的网站响应速度一般，2名用户觉得响应速度还可以再进行优化，鉴于此结果，我安装了WP Fastest Cache，此软件可以加快网站响应速度，优化用户体验。 **搜索WP Fastest Cache并安装启用** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/150105_f6130c1b_2229190.png "33.png") 使用WP Fastest Cache插件后，响应速度平均比使用前提升2秒，大大优化了网站的加载、响应速度。 2. 安装禁止复制文本插件 根据用户访谈结果，有4位用户觉得我的网站可以加上文本禁止复制的效果，达到仅能查看但不能转载去其他平台的效果，保护了资料的原创性。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/151356_3b4554c0_2229190.png "40.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/151401_a9400828_2229190.png "41.png") ## 加分项 使用https ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/000316_4b48a584_2229190.png "https.png")