# Web_Operations **Repository Path**: ltco/Web_Operations ## Basic Information - **Project Name**: Web_Operations - **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-03-20 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营报告-[Elegant Fitness](https://ltco.top/) - 介绍： - 站长：李婷 - URL：[Elegant Fitness](https://ltco.top/) - 网站由 [中山大学南方学院 文学与传媒学院](http://wcy.nfu.edu.cn/) 网络与新媒体专业 李婷 制作 - 内容由 网络新媒体专业 李婷 制作 - 网站搭建和模版来自于[Wordpress](https://cn.wordpress.org/) --- # 产品文档 - [策划-目录](https://gitee.com/ltco/Web_Operations/blob/master/Planning%20Doc.md) - [管理-目录](https://gitee.com/ltco/Web_Operations/blob/master/Manage%20Doc.md) - [运营-目录](https://gitee.com/ltco/Web_Operations/blob/master/Operational%20Doc.md) # 网站 ### 策划文档（网站规划） ##### 网站建设目标： - 倡导“不将就”的运动健身态度 - 提供“优质”健身生活方案 - 发布健身装备及轻食产品信息 ##### 目标用户画像： - 18-22岁，学业压力较大的在校女学生 - 25-35岁，工作及生活压力较大的职场女青年 ![网站用户画像.jpg](https://images.gitee.com/uploads/images/2020/0714/180523_c7d58734_2228512.png) ##### 网站规划：以撰写提升运动幸福感和体验感相关知识文章为本站点的主要内容，以wordpress内容管理系统、阿里云服务器作为本网站的技术支撑 - 前期：实现域名访问云端网站 - 中期：通过SEO优化、流量监测及网站内容的持续更新，优化用户体验，提高网站的收录率以及排名。 - 后期：邀请专家设计课程及饮食，提高网站流量及知名度，开设商城栏目，考虑网站的盈利模式。 ##### 基于DVF（Desirablity,Viablity,Feasibility）模型定义需求： - 用户需求：随着社会发展的加快和人们对运动健康的迫切需要，快节奏的生活与慢节奏的运动生活产生了矛盾。无论是承受着升学就业压力的学生还是职场的白领，为了维持高压的职业生活和体面的运动生活，这些人往往牺牲了运动生活的体验感或为了追求体面而中断甚至放弃运动健康。 - 可行性：根据阅读文献、资讯、书籍等大量资料的研究撰写文章，基于wordpress内容管理系统定期及时更新内容。 - 可持续性：前期大量撰写，定期更新体面运动方式的倡导与解决方案、优质食品搭配的文章。中期聘请运动健身专家及食品设计专家提升内容的专业度以及丰富度，以此积累用户。后期则通过开设商城售卖运动装备、轻食套餐及书籍等产品获取流量变现，提升品牌知名度。 ##### 网站地图: - 明确区分网站的“页面”与“文章”，黄色表示网站，绿色表示页面，无填充颜色表示分类标签，花括号表示页面所发布文章的类型概要。该网站地图清晰表明页面、文章、分类标签的关系。 ![ELEGANT FITNESS--ALL FOR HAPINESS.png](https://images.gitee.com/uploads/images/2020/0714/180523_2bfe0ca6_2228512.png) ### 平面设计插件运用 ##### Animate it! [首页](https://ltco.top)的服务板块图片使用了Animate it的bounce效果，鼠标悬浮即可放大图片，增强趣味性与用户体验。 ![animate it.png](https://images.gitee.com/uploads/images/2020/0714/180523_2d912fb9_2228512.png) ##### SiteOrigin 主要运用在[使用宝塔系统为wordpress个人网站添加免费SSL证书](https://ltco.top/2020/06/23/add-a-free-ssl-certificate/)、[申请GitHub学生包，0成本搭建WordPress教程](https://ltco.top/2020/06/23/apply-for-github-student-pack/)、[wordpress修改后台站点地址后无法访问，宝塔一分钟快速解决](https://ltco.top/2020/06/23/wordpress-sites-cannot-be-accessed/)以上三篇文章，加入siteorigin插件里面的button，点击在新窗口跳转到文章所属页面。用户阅读长篇文章时想要同时寻找其他文章，该按钮提供了很好的选择，能够让用户在最短时间内返回上一级页面选择文章，同时在新窗口打开能够让用户在同一段时间里不用来回切换，对用户且尤其是移动端用户而言提供了很好的用户体验。 ![siteorigin.png](https://images.gitee.com/uploads/images/2020/0714/180523_ae85f1ed_2228512.png) ### 平面设计 ##### 网站配色、对比度与可读性 - 网站配色:使用白色作为背景颜色，绿色作为主题色点缀，文章字体为黑色或绿色。白底黑字具有较高的对比度及较强的可读性强。 ##### 图片的使用 - 该网站的图片部分来源于搜索引擎相关关键词的搜索结果，部分为本地图片。 - 非原创图片均加以版权说明并附上超链接，点击图片即可跳转。 ##### 图库风格及配色 - 网站以白色作为底色，墨绿色与灰黑色为主要配色，既表达了运动健康的理念，同时为职场人士这样的用户群体提供了高级干练感与体面感。 ##### 云端架站踩坑日记 - [wordpress修改后台站点地址后无法访问，宝塔一分钟快速解决](https://ltco.top/2020/06/23/wordpress-sites-cannot-be-accessed/) - [使用宝塔系统为wordpress个人网站添加免费SSL证书](https://ltco.top/2020/06/23/add-a-free-ssl-certificate/) - [申请GitHub学生包，0成本搭建WordPress教程](https://ltco.top/2020/06/23/apply-for-github-student-pack/) --- ### 管理文档 ##### 云端架站： [Elegant Fitness](https://ltco.top/) 为正常可用的云端网站，通过备案成功实现域名访问：https://ltco.top ##### 网站安全：通过Wordfence插件对网站的安全性能进行监控 - 在24小时内，Wordfence阻止攻击总数大约在四百万到六百万之间，可以看出无论网站是否出名，它都在无时不刻遭受着大量攻击，必须要通过安装插件等手段加强网站的安全性。 ![wordfence_24h.png](https://images.gitee.com/uploads/images/2020/0714/180523_bb045f5d_2228512.png) - 在30天内，本网站受到的攻击总数呈现大幅度下降的趋势并逐渐平稳。在这期间，站长通过获取ssl证书实现https安全访问，并且保持Wordfenced的最新版本状态，这证明以上实践是有增强网站安全性能效果的。 ![wordfence_30d.png](https://images.gitee.com/uploads/images/2020/0714/180523_d1ebc446_2228512.png) - 目前，wordpress网站只有35%受到防火墙保护，防火墙规则达到70%，禁用实时IP黑名单，对密码猜测攻击的蛮力保护达到100%。可以看出密码对一个网站是否受到攻击有很大的影响，使用强密码的重要性凸显。 ![网站安全.png](https://images.gitee.com/uploads/images/2020/0714/180524_8ef11d5f_2228512.png) ##### 网站性能： - 使用site24x7添加国内外8个监控地点，从页面加载时间来看，平均用时5.37s，最大值达到13.76s，速度起伏波动较大，虽平均用时较为可观，但时常出现的十几秒加载时间峰值对网站性能影响较大，极易引起用户不满。 ![response_time.png](https://images.gitee.com/uploads/images/2020/0714/180524_e24f3a3c_2228512.png) - 考虑到所选主题的css和js的请求资源占用较大，导致网站响应时间过长，站长尝试更换主题。可以明显看到，网站的响应时长大幅度缩短，但因为有部分五十多秒的异常值存在，导致响应平均时长被拉高。 - 从各地点看加载时间，总体上看国内请求速度仍然比国外请求稍快，但国外请求速度较为稳定而国内请求波动起伏大，最高加载时长将近14秒。 ![by_location.png](https://images.gitee.com/uploads/images/2020/0714/180524_e95ebe42_2228512.png) ![response_time_by_location.png](https://images.gitee.com/uploads/images/2020/0714/180529_d86f0600_2228512.png) - 其中，css和js的请求资源占用较大，应对此进行优化瘦身。 ![网页摘要.png](https://images.gitee.com/uploads/images/2020/0714/180527_7e4493ab_2228512.png) ##### 网站备份： - 使用SSH将wp-config.php备份本地 - 通过wordpress后台导出工具导到本地的文件备份 - 通过BackWPup插件备份数据库（sql文件） ![备份截图.jpg](https://images.gitee.com/uploads/images/2020/0714/180526_56554677_2228512.jpeg) --- ### 运营 #### 站长工具 ![baidu索引.png](https://images.gitee.com/uploads/images/2020/0714/180526_7faf9f85_2228512.png) ![bing流量.png](https://images.gitee.com/uploads/images/2020/0714/180526_8ec82f62_2228512.png) - 站长在baidu和bing上进行了站长认证，目前[Elegant Fitness](https://ltco.top/)网站仅被百度收录，继续尝试手动提交链接提高收录和索引量。 #### SEO优化。 ![流量数据.png](https://images.gitee.com/uploads/images/2020/0714/180528_c2a47919_2228512.png) ![网站统计.png](https://images.gitee.com/uploads/images/2020/0729/173603_e7c18d5c_2228512.png) - 从6月23日起，站长在大部分时间坚持对网站做了更新维护。由于前期选择的主题加载速度过慢，7月4日更换主题，资源响应速度显著提高，流量持续增长。 - 目前，该网站出现了两次事故。第一次是7月6日手动提交链接，但由于网站地图存在死链，7月7日索引量变由1变为0。第二次是7月12日下午及13日凌晨都有持续宕机状况发生，经排查是插件与主题不兼容所致，故此期间流量大幅下跌，于13日解决问题后流量开始回升。 1.**通过使用内置可读性分析工具进行SEO优化。** ![SEO优化.png](https://images.gitee.com/uploads/images/2020/0714/180528_4f0fd188_2228512.png) ![可读性优化.png](https://images.gitee.com/uploads/images/2020/0714/180529_d236e2d6_2228512.png) 2.**上传原创文章，持续定期更新网站内容。** 在6月23日，正式将文传网站的所有实践练习文章清空，搭建自己的网站，并上传了三篇原创文章，带来了浏览量的增长。在这之后，持续更新和维护网站，不断完善网站架构，创建页面和文章，并进行SEO优化，流量在7月1日达到两百，一直持续稳步增长。7月12日和13日两天持续对页面结构及文章进行更新和完善。 3.**网站结构扁平化，建立网站地图。** 利用jetpack生成xml站点地图，并手动提交到百度和bing，引导蜘蛛向深层次挖取网站内容。 ![sitemap提交.png](https://images.gitee.com/uploads/images/2020/0714/180530_5d33290f_2228512.png) ![jetpack-sitemap.png](https://images.gitee.com/uploads/images/2020/0714/180529_f0ea6ccc_2228512.png) 4.**为图片设置ALT属性。** 为文章图片设置ALT属性，辅助搜索引擎来识别网站中图片的内容。当搜索引擎要判断网页的关键词时，图片的ALT属性是一个可信任的参考点。 ![alt属性.png](https://images.gitee.com/uploads/images/2020/0714/180529_ab2a91a4_2228512.png) 5.**优化网站页面加载速度。** 开启lazy loading，并于7月13日下载插件Smush为网站响应及图片加载加速，便于搜索引擎快速爬取，提升用户体验，网站流量有新的突破。 ![Smush.png](https://images.gitee.com/uploads/images/2020/0714/180530_cea82501_2228512.png) #### 用户研究： ##### 方法一：用户访谈 ##### 主要问题设置： - 您对这个网站的第一印象如何？ - 您能在短时间内了解到这是一个什么网站吗? - 您认为这个网站对比其他同类型的网站有何优势或劣势？ ##### 反馈总结： - 网站风格十分干练，配色令人感到舒适，有高级感，但部分黑字与深底色造成可读性的下降。 - 网站架构清晰，内容分类恰当，能够让用户在短时间内了解网站的定位。 - 网站以优化用户的运动体验为核心区别于其他运动网站。 - 相较于其他成熟的网站而言，加载速度过慢，图片资源响应时间长。 ##### 改进设计： - 更换网站主题，以白色为背景色，提高网站页面加载速度。 - 下载Smush插件对资源响应速度进行优化。 ##### 改进前： - 页面加载时长几十秒 ![加载页面.png](https://images.gitee.com/uploads/images/2020/0714/180530_ba5a90f6_2228512.png) ##### 改进后： 主题首页 资源响应速度 ##### 方法二：A/B Testing - 在轮播图的使用上做了AB两个方案，考察显示摘要对用户体验的影响。方案A及方案B分别邀请了五位不同的体验者，分为A组和B组，其中获得的体验者反馈当中，方案B的评价高于方案A，因此使用方案B。 - 测试方法：给A组体验者看轮播图不显示摘要的网站页面，并让A组反馈感受；给B组体验者看轮播图显示有摘要的网站页面，并让B组反馈感受。 ##### 方案A：轮播图显示标题+摘要 ![有摘要.png](https://images.gitee.com/uploads/images/2020/0714/180531_5b4c1dc2_2228512.png) ##### 方案B：轮播图只显示标题，不显示摘要 ![网站首页.png](https://images.gitee.com/uploads/images/2020/0714/180531_5f34dd3c_2228512.png) - 结论：A组体验者与B组体验者都认为网站首页的配色对比度高，可读性强，排版也给人舒适感，但A组的五位体验者中有四位提到了轮播图，认为摘要过于冗长，给人一种沉重感，既把背景图片挡住了，又没有突出重点。因此网站选择方案B作为最终的应用版本。 #### 定制化： - **方案一：安装Smush插件以满足图片响应速度的要求。** 该网站使用了大量的图片，图文并茂增强用户体验，但尽管开启了jetpack的lazy-loading对图片加载速度进行优化，图片资源的响应速度仍然达不到要求。在用户研究过程中收到的反馈中也反映了加载速度严重影响用户体验的问题。因此选择了这款Smush插件对图像进行无损压缩，大大提升了图片甚至于整个网站页面的加载速度。 ![settings.png](https://images.gitee.com/uploads/images/2020/0714/180531_9b436731_2228512.png) - **方案二：安装Secure Copy Content Protection插件以保护原创版权。** 该网站尊重每个人的劳动成果，为了提高各用户的创作积极性以及维护合作方的版权，安装该插件使文章内容受到较大程度的保护。 ![Secure Copy Content Protection.png](https://images.gitee.com/uploads/images/2020/0714/180531_39c9c681_2228512.png) ![copy protection.png](https://images.gitee.com/uploads/images/2020/0714/180533_492a3e7f_2228512.png) ![copy fail.png](https://images.gitee.com/uploads/images/2020/0714/180532_c0d8ac4f_2228512.png) ### 加分项 - 为网站成功添加SSL证书，实现使用HTTPS访问 - 网站URL: https://www.ltco.top --- #### 其他实践练习 1.[自制WAI指导原则（中文版）](https://gitee.com/ltco/Web_Operations/blob/master/WAI%E5%8E%9F%E5%88%99%EF%BC%88%E4%B8%AD%E6%96%87%E7%89%88%EF%BC%89.md) 2.[Keep官方网站点评（根据WAI原则）](https://gitee.com/ltco/Web_Operations/blob/master/Keep%E5%AE%98%E6%96%B9%E7%BD%91%E7%AB%99%E7%82%B9%E8%AF%84%EF%BC%88%E6%A0%B9%E6%8D%AEWAI%E5%8E%9F%E5%88%99%EF%BC%89.md) 3.[编辑能力训练](https://gitee.com/ltco/Web_Operations/blob/master/%E7%BC%96%E8%BE%91%E8%83%BD%E5%8A%9B%E8%AE%AD%E7%BB%83.md)