# Web_Operations **Repository Path**: AndySunn/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-06-27 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 期末应用项目开发成果 ## 策划 #### 站长: 孙安迪 ## 策划文档 ### 网站主题：[衷篮体育——中国篮球部落](https://www.andy7.xyz/) #### 网站建设目标 + 正如网站名字——衷篮体育，我们为了衷爱篮球、热爱并支持CBA与中国篮球的爱好者们提供一个实时的CBA新闻赛事更新与美好的篮球社区平台。 #### 目标用户画像 蓝小良 ![蓝小良](https://images.gitee.com/uploads/images/2020/0628/102032_a39905b0_2228500.png "屏幕截图.png") 张小乐 ![张小乐](https://images.gitee.com/uploads/images/2020/0628/102319_d0d2b02a_2228500.png "屏幕截图.png") ### 网站规划 |规划|内容| |:----:|:----| |前期搭建|搭建起基本可读性网站，给用户提供CBA实时赛事讯息| |中期改善|根据用户反馈、研究，改善网站目前存在问题，美化页面内容，并推出篮球论坛模块| |后期优化|吸纳用户，优化网站架构并推出新功能| #### DVF模型定义需求 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0628/094927_fb1f4b46_2228500.png "屏幕截图.png") |模型|内容| |:----:|:----| |需求Desirability|基于各篮球爱好者对于中国篮球的关注度不断上升，提供CBA新闻赛事与社区分析平台，发现篮球爱好者们的真正需求| |可持续性Viability|每日实时的CBA新闻播报，吸引篮球爱好者浏览新闻内容以及篮球社区的故事分享；提供各类篮球知识，提高篮球爱好者的实战技巧| |可行性Feasibility|在篮协主席姚明的带领下，CBA乃至中国篮球正在迎来历史最好的发展机遇，本网站利用此机遇，为广大篮球爱好者提供丰富的篮球内容，可行性较高| ### 网站地图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0629/112052_5a896125_2228500.png "屏幕截图.png") ### 平面设计插件使用： + #### Animate it! （合理使用2处） 1.[搜索框](https://www.andy7.xyz/)：单击搜索框时，会出现taga弹簧效果，让用户感受小乐趣。 2.[分类目录与新闻日历](https://www.andy7.xyz/)：但鼠标悬停至分类目录和新闻日历时，会出现板块放大效果，方便用户点击，提升体验感。 3.[广东华南虎](https://www.andy7.xyz/cba-gdhnh/)：在页面添加文字动画效果。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0629/100102_37d2de91_2228500.png "屏幕截图.png") + #### SiteOrigin 1.[云端架站流程](https://www.andy7.xyz/building-process/)：文章末尾添加了回到网站首页功能，快捷方便。 2.[广东华南虎](https://www.andy7.xyz/cba-gdhnh/)：页面添加一个按钮点击观看视频，让篮球爱好者们更好了解广东宏远。 3.[积分榜](https://www.andy7.xyz/league-table/)：在此页面添加一个音频播放，让篮球爱好者在查看CBA积分榜的时候不会感到枯燥，提示声用户体验。 ### 平面设计 + 网站配色、对比度与可读性 网站配色以黑色、红色、白色为主，黑色代表着一种沉稳大气的高级感，红色作为导航栏，给予一种视觉冲击，让篮球爱好者们感到活力，而白色作为文章的主配色，给人一种清晰简洁的感觉，白底黑字的文章提高了文字的可读性。网站的较高对比度，给人一种视觉冲击，引人瞩目，更体现了网站的主题特色。 + 版权使用 本网站非原创文章图片均来来源于[虎扑体育](https://cba.hupu.com/)，并在文章末尾添加版权交代。如下图所示： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0629/114443_a65c3397_2228500.png "屏幕截图.png") + 图库风格及配色 衷篮体育专注于“CBA篮球赛事”，图片风格的选择均与篮球主题密切相关，配色也与文章有较好的连接性，让人感到清晰舒适。 ### 原创云端架站文章 + [阿里云——WordPress云端架站流程](https://www.andy7.xyz/building-process/) + [关于域名添加HTTPS之踩坑](https://www.andy7.xyz/problem/) + [WordPress运用各类有趣的插件之小操作](https://www.andy7.xyz/wordpress-operation/) --- ## 管理 #### 云端架站(域名实践，并添加了https) 域名：[andy7.xyz](https://www.andy7.xyz/) #### 网站安全 使用Wordfence进行实时监控 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0714/093500_2981c49b_2228500.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0714/093615_92b3ba70_2228500.png "屏幕截图.png") > 通过上面2张截图，可以看出网站相对处于一个有风险的状态，仍在进行完善中；第二图展示了WordFence日常的阻止攻击，保障网站安全。 #### 网站性能 + 启用了9个监视器对网站进行实时监测 > 通过Sit24x7监视器观测到网站无异常、无中断、无告警历史，处于较稳定的状态，所有服务运行正常。但有一个监视器配置错误。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/195559_a962f835_2228500.png "屏幕截图.png") + 八个不同位置的可用性与响应时间 > 图例展示了各地八个不同位置的可用性基本为100%，可用性强，没有存在问题。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/214401_6f724eb9_2228500.png "屏幕截图.png") + 响应时间是2.7秒左右，没有停机时间 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/200600_9e1c782f_2228500.png "屏幕截图.png") #### 网站备份 1. 运用WinSCP ![输入图片说明](https://images.gitee.com/uploads/images/2020/0628/173430_cc0c00be_2228500.png "屏幕截图.png") 2.通过插件(BackWPup)备份数据库 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0630/115103_bbaa5c9c_2228500.png "屏幕截图.png") 3.使用Wordpress后台导出工具 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0628/173621_26c2e5a5_2228500.png "屏幕截图.png") + 以下是3种方法的备份截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/191400_43acfd2a_2228500.png "屏幕截图.png") --- ## 运营 ### 站长工具 1.百度站长 + 认证后，在百度搜索引擎中可以找到结果 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/190426_302d1698_2228500.png "屏幕截图.png") + 每天进行常规的普通收录 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0714/094141_a30d18dc_2228500.png "屏幕截图.png") + 下图为百度流量截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0714/094251_8f481a9f_2228500.png "屏幕截图.png") 2.Bing站长 + 认证后，在Bing搜索引擎中可以找到结果 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0708/101125_adaf0ba8_2228500.png "屏幕截图.png") + 提交了Sitemaps，Bing进行日常的抓取 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0714/094026_cb957bb9_2228500.png "屏幕截图.png") ### SEO优化 #### 1. SEO关键词优化 + 改进前： > SEO分数显示为灰色子弹（即没有设置文章关键词等）；文章的可读性均显示为绿色子弹（即优良）； ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/112246_bfdd2278_2228500.png "屏幕截图.png") + 改进后： > 通过对文章关键词、元描述的修改，添加，SEO分数提高了。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/113133_582c7a44_2228500.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/112653_2466960b_2228500.png "屏幕截图.png") #### 2. 内部链接、出站链接的添加： + 改进前： > 无内部与出站链接，SEO分数较低 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/114426_df297939_2228500.png "屏幕截图.png") + 改进后： > 添加了相应的衷篮体育内部链接与出站链接，SEO分数得到提高 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/114556_c68ecd12_2228500.png "屏幕截图.png") #### 3. 文章原创率检查 > 在原创的三篇文章中，进行在线原创率检查。检查得出，文章原创分数高，原创率在90%，无存在伪原创现象，可发布。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/115525_fc7ee318_2228500.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/115630_b63f2bde_2228500.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/115707_3b58dfdd_2228500.png "屏幕截图.png") #### 4.手动添加网站URL地址，进行SEO优化 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/120701_da06924f_2228500.png "屏幕截图.png") #### 5.添加元描述 + 改进前： > 无元描述，SEO分数较低 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/121134_4ec839f5_2228500.png "屏幕截图.png") + 改进后： > 为3篇文章原创添加元描述，优化SEO ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/121718_fd60ab12_2228500.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/121813_d8b19d7d_2228500.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/121856_3db533ac_2228500.png "屏幕截图.png") #### SEO优化后流量统计 ![SEO](https://images.gitee.com/uploads/images/2020/0714/093156_d2765357_2228500.png "屏幕截图.png") > 可以看出，在7月4日SEO优化前，网站浏览量几乎为0，此后运用多种方法进行SEO优化，可以发现从7月6号开始网站浏览量不断上升，说明SEO优化效果好，为网站获得了日益上升的浏览量。 ### 用户研究 #### 方法1： + 访谈目的：通过用户访谈，得到一些建议性回馈，以改进网站的相关设计； + 访谈对象：与本人同专业的网络与新媒体同学以及身边对于CBA赛事有关注的朋友进行了用户访谈； + 访谈流程：参与者浏览网站，就网站的各方面（平面设计、内容、页面布局等）给出修改的建议； + 访谈成果：总结而得出多个问题，首先80%的访谈者在浏览网站后，反馈主页部分文章头像模糊；有1位访谈者给出网站主题可以进行修改，原主题有点普通单调；20%受访者（均是CBA篮球爱好者）表示网站内容没有视频 得有比赛视频集锦比较好；排版方面，有访谈者提出网站首页各板块间距略小，希望能进行相应调整。受疫情影响，为了减少线上接触，采用了微信聊天访谈，以下为访谈截图。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/212936_66d8049a_2228500.png "屏幕截图.png") #### 问题 1. 针对主页部分文章头像模糊问题，对特色头像进行相应调整 + 调整前 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/213207_0fca35e2_2228500.png "屏幕截图.png") + 完善后 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/214251_a1be3aff_2228500.png "屏幕截图.png") 2. 针对网站主题略显普通单调，现进行主题修改。（新主题：中国篮球部落。让人联想到回归篮球最真实的模样，又有着篮球爱好者的集中之地的意味，拥有复古特色。） + 调整前 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/214537_bc6edb1b_2228500.png "屏幕截图.png") + 调整后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/215207_7e25b5a1_2228500.png "屏幕截图.png") 3. 针对网站无视频的问题，现已加入比赛视频集锦，丰富网站内容 + 调整前：视频过少导致用户体验感降低。 + 完善后：加入比赛集锦等特色视频，丰富网站内容→[CBA论坛](https://www.andy7.xyz/cba-talk/) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/220228_81dce2eb_2228500.png "屏幕截图.png") #### 方法2：A/B Testing 针对网站首页Banner的抉择，本人进行了A/B测试，以便确定衷篮体育Banner哪一个更符合篮球爱好者的审美。 + Banner1： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/171222_e439ab63_2228500.png "屏幕截图.png") + Banner2: ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/171241_fb1d24de_2228500.png "屏幕截图.png") 本人经过了每组各1个星期的测试，最终选定使用Banner1，篮球爱好者们普遍更认可篮筐Banner1更符合网站主题；对比Banner2，虽然更有活力，但是缺少了篮球概念。根据A/B Test的用户研究结果，85%用户选择了Banner1,15%用户选择了Banner2，最终选定使用Banner1。 > 下图为部分用户研究截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/215059_246f496c_2228500.png "屏幕截图.png") ### 定制化 #### 方案1 + 使用插件"AddToAny"——通过添加插件，可将网站文章分享至国内各主流平台。分享功能在文章末尾处。[原创文章参考](https://www.andy7.xyz/building-process/) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0701/161040_351e5abb_2228500.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0701/161102_3c16d796_2228500.png "屏幕截图.png") #### 方案2 + 使用插件"to top"——通过添加插件，网站主页、文章、页面等均能返回到顶部，对用户友好。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0703/190935_7a196613_2228500.png "屏幕截图.png")