# 网站运营期末项目 **Repository Path**: penwey/web_fin ## Basic Information - **Project Name**: 网站运营期末项目 - **Description**: 网站运营期末报告展示 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-07-03 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # [NFU_棒垒球队](https://www.penwey.top/) - nfu_棒垒球队是一个专门为中山大学南方学院棒垒球队所建立的网站，面向中大南方全部学院，以及对外宣传我们南方学院棒垒球队。网站内容包括学院棒球队历年来所取得的成就，以及一些关于棒球知识的分享，目标是建成一个供学院或是外界棒球爱好者学习交流的平台 - 站长：彭文宇 - URL: https://www.penwey.top/ - 网站由中山大学南方学院文学与传媒学院网络与新媒体专业彭文宇制作 - 内容主要是搜罗网络上的资源，以及部分几篇文章是原创的 - 培养方案核心课程学期作品，由吴雪老师，胡美香老师指导 - 网站建站和模板来自于WordPress - 项目甲方：中山大学南方学院棒球垒球队 - # 产品文档 ## 一、策划 ### （一）策划文档和网站地图： #### 1、网站建设目标 - 为中山大学南方学院棒垒球队建设一个专有的网站，让更多的人了解到我们学校的棒垒球队，以及为一些喜欢棒球，热爱棒球的人提供棒球知识，提升棒球技能，让越来越多的人知道棒球，喜欢棒球运动。 #### 2、目标用户画像 - 李超 男 19岁 中山大学南方学院大一新生 热爱运动，希望在校期间能进入一个体育运动类的社团，在大学社团招新的时候，无意看到学校棒球队的招新信息并被吸引，便想进一步的了解这项运动，产生了极大的兴趣。 - 王鹏 男 20岁 中山大学南方学院棒球队队员，拥有很强的自学能力，希望通过观看相关的棒球知识文章或视频，来提升自己的运动水平，为球队争光 - 彭颖 女 30岁 某棒球运动品牌的宣传人士，为提升其品牌的产品知名度以及竞争力，希望寻找并赞助一只学校的棒球队伍去参加比赛，或是赞助冠名一次联赛。 #### 3、网站规划等前期策划内容 时间规划 | 内容 ---|--- 前期搭建| 通过增添网站的内容提升网站的可读性，吸引前期的用户关注 中期改进 | 进行用户调研，根据反馈，进行相应的调整，增加相应的栏目，满足用户的需求 后期完善 | 留住旧用户，吸引新的用户群体，优化网站的内容及架构，及时更新维护 #### 4、DVF模型定义需求 DVF |内容 ---|--- 用户需求Desirability | 本站设有搜索功能；导航栏以及站外的链接分享，在每篇文0章的末尾均开放评论和点赞的互动环节。 可持续性Viability |中大南方学院的棒球队群体，会持续的更新更多更高质量的文章，持续给棒球队员更新更多的干货；可供棒球队用于日常的训练教学，以及后续的招新工作 可行性Feasibility | 站长等网站运营人员通过网上搜罗棒球知识，或是通过自己的见解去撰写文章；通过使用WordPress里面的优质插件去提升网站的性能，优化文章的可读性，设置专门的人员进行网站的日常更新 #### 5、网站地图 - 明确区分网站的“页面”与“文章”，表明页面、文章、分类标签的关系 - ![网站地图](https://images.gitee.com/uploads/images/2020/0710/201914_a509a5b8_2229424.png "屏幕截图.png") ### （二）平面设计 #### 1、平面设计插件运用 - Animate it!(合理使用2处) 1. 将图片做出果冻动画，增加趣味性!详情可看页面文章：[中山大学南方学院棒垒球队简介](https://www.penwey.top/nfu_baseball/)![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/094359_12f741ab_2229424.png "屏幕截图.png")显示效果![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/094140_380dbf4a_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/094454_eff9902b_2229424.png "屏幕截图.png") 1. 2.在文章的图片处做出晃动的效果，详情可看文章：[教学|棒球打击的终极秘密（二）](https://www.penwey.top/teaching_2/)![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/093023_bd41a1bb_2229424.png "屏幕截图.png")显示效果![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/093804_745d9f43_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/093830_7c1a3c5b_2229424.png "屏幕截图.png") - SiteOrigin 1. 在球队简介中添加了音频![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/204510_8684ddf6_2229424.png "屏幕截图.png") 2. 在网站地图页面中添加页面和导航菜单![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/204624_86ac9a3a_2229424.png "屏幕截图.png") 3. 在球队集体照中添加照片按键![输入图片说明](https://images.gitee.com/uploads/images/2020/0710/203444_a7bc8b36_2229424.png "屏幕截图.png") **效果展示** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0710/203746_3c8bde11_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0710/203857_ecee2616_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0710/203958_e46810af_2229424.png "屏幕截图.png") #### 2、网站配色，对比度与可读性 - 网站配色以蓝色，白色为主，字体颜色为白色，链接的颜色为蓝色，蓝白两色均是我们学院棒球队队服的颜色，蓝色代表着一种青春朝气，活泼向上的精神，浅色的蓝明快清朗，深色的蓝厚重沉稳，体现棒球队的青春活力与朝气蓬勃，而将白色作为背景主色调则是增加网站的可读性。![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/100139_2ba22235_2229424.png "屏幕截图.png") - #### 3、图片的使用 - 本站点非原创的文章图片均来自微信公众号，百度图片和必应图片，且都在图片或是文章的末尾添加版权交代以及链接。（如下图所示）可点击查看原图的出处[https://www.penwey.top/data_1/](https://www.penwey.top/data_1/) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0710/204506_d23199d6_2229424.png "屏幕截图.png") #### 4、图库的风格以及配色 - 本站的图片风格均是与棒球运动相关，青春活力，与文章内容相呼应。 - 理由：因为本站就是关于棒球运动分享类的文章，单纯的文字说明很难产生良好的效果，加以有关棒球类的图片能够更好的辅助文章的内容![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/095952_35441777_2229424.png "屏幕截图.png") #### 4、架站的图文文章 - [WordPress架站准备1之Pick GitHub Student Developer Pack (github学生包）](https://www.penwey.top/wordpress_2/) - [ WordPress架站准备2之国内云服务器准备](https://www.penwey.top/wordpress_3/) - [wordpress架站之插件更新失败](https://www.penwey.top/wordpress_4/) ## 管理 ### （一）云端架站 - 可正常使用的云端网站：[101.201.253.100](http://101.201.253.100) - 使用域名：[penwey.top](https://www.penwey.top/) ### （二）网站安全 #### 启用Wordfence监控画面 1. 于7月4号重新进行了一次系统的扫描，显示漏洞扫描出现问题，经观察得知是插件及安装的主题没有及时的更新，于是我就把插件与主题都更新完成后再次扫描，显示正常。 ![漏洞扫描](https://images.gitee.com/uploads/images/2020/0704/115257_858dff7e_2229424.png "屏幕截图.png") ![正常图示](https://images.gitee.com/uploads/images/2020/0704/214815_0ff2bb77_2229424.png "屏幕截图.png") 2. 启动wordfance防火墙功能，跟踪监测网站安全，发现在网站建设初期站点被攻击的次数很多，启用wordfance插件后，被攻击数减少，但是每天被攻击的次数还是很多，我的网站的安全性能应该是没那么强的，需要后续加强网站的防护。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/114028_92955e1a_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0704/114202_47b8363f_2229424.png "屏幕截图.png") - 通过wordfence的周报得知!我的网站在过去一周被中国国内的ip攻击的次数最多，而且每小时几乎有上10次的登录尝试失败，这就需要我加强网站的安全管理，提高密码强度![输入图片说明](https://images.gitee.com/uploads/images/2020/0710/210131_b5d8a85c_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0710/210212_ca8b947d_2229424.png "屏幕截图.png") ### （三）网站性能 1. 启用site24x7来监视网站的性能添加8个监视地点对网站性能进行监视，并有定期的对网站的安全性能进行分析，下图为6月29号发来的网站宕机报表的邮件，如下图： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/132755_0b2c5639_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/132631_88ff7567_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/132903_ec3350bf_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/132948_0a88026e_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/133039_abb406ec_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/133132_a406de60_2229424.png "屏幕截图.png") 这是一份对网页速度的报告，结论是说网站的域名解析，和服务器连接是通畅的，但是网页的逆向查询是失败的，检查的两个监视地点均是报告‘应用服务器可能没有运行在所指定的端口。’经过后期的观察我得出的结果是可能我在没有连接网络或是网络不通畅的情况下打开网站的后台才出现这样的报告。 2. 启用Jetpack的图片加速器对优化站点的图片加载速度。![输入图片说明](https://images.gitee.com/uploads/images/2020/0705/134159_8361d32e_2229424.png "屏幕截图.png") ### （四）网站备份 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0716/215520_4fcb3ffe_2229424.png "屏幕截图.png") ## 运营 ### （一）站长工具 1. 百度站长认证，网站被百度蜘蛛给收录了，但是网站的抓取量和索引量等都为零，没有任何变化，可能是网站网页收录的问题![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/220143_b9af1767_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/215901_46ead621_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/215924_fc24b20b_2229424.png "屏幕截图.png") 2. 多次尝试了谷歌的站长认证，成功注册平台，且多次提交了网站地图，收录时间很久，于6.28开始提交申请，知道7.6号才记录到收录了我的网站![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/221254_0c73fc91_2229424.png "屏幕截图.png") 很大的原因应该是5号晚上我使用了插件‘Google XML Sitemaps’，谷歌才开始收录我的网站![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/221357_76e58dc5_2229424.png "屏幕截图.png")但是流量数据的结果还是为零![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/221809_d93e40ae_2229424.png "屏幕截图.png")但是我在7.11号晚上再次查看站长工具的时候，发现站点数据流量发生了变化，说明我的网站还是可以供用户正常搜索得到的![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/222943_2a718674_2229424.png "屏幕截图.png") ### （二）SEO优化 在没有进行SEO优化的时候，可以看到（红圈）我的网站基本是很少人访问浏览的![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/222838_d494cac2_2229424.png "屏幕截图.png") 在6.24号的时候启用Yoast SEO插件，可以后台看到流量数据是开始增多的，阅读量从76增长到236.到后面基本是维持200多的阅读量 1、 **定期更新文章的内容**，犯了个小错误，就是在6.24号的时候，一次性的更新多篇文章，到25号的时候，网站的流量就一下子的到达了顶峰，到后面就一直的下滑，![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/085943_9bc9ae61_2229424.png "屏幕截图.png")直到30号的时候，发现了这个问题，在此后就是每一两天更新一篇文章，可以看到网站的浏览量在稳步的上升。![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/090311_237a0bd9_2229424.png "屏幕截图.png") 2. **关键词优化**，在yoast 插件下，设置关键词，尽量的提高文章内容的可读性，方便浏览器的抓取![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/231849_dabb6f09_2229424.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/231951_9d1e1305_2229424.png "屏幕截图.png")优化前后对比，访问量激增![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/170353_0b300111_2229424.png "屏幕截图.png") 3. **主动向搜索引擎提交网站地图sitemap** 向百度站长工具和谷歌网站管理员提交网站的站点地图：在谷歌站长平台中提交：![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/224903_47ec179f_2229424.png "屏幕截图.png") 百度站长平台：![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/225113_64dd8b5a_2229424.png "屏幕截图.png")谷歌搜索引擎从最初的的收录几条网址，到最后收录了网站的62条信息 效果显示：谷歌搜索引擎从最初的的收录2条网址，到最后收录了网站的62条信息，![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/225633_5cbf0116_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/225435_3622bab5_2229424.png "屏幕截图.png")但是百度的搜索结果依旧一直是1条，上网查阅原因，被给到的建议是可能网站内容太少，遂向网站添加了10偏相关文章；但截止到撰写报告，索引量依旧为1 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/230428_4dd6d9ed_2229424.png "屏幕截图.png")效果：可以看到网站被收录后，网站的浏览量是有增加的![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/102056_707449d4_2229424.png "屏幕截图.png") 4. 将网站提交到一些专业的目录网站，以获得更多的曝光量![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/161729_20ca7dd1_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/161944_ec3dee58_2229424.png "屏幕截图.png") 5. 安装百度自动推送码![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/163107_5715f80e_2229424.png "屏幕截图.png")然后在网站后台安装Header Footer Code Manager插件，这个插件可以为网站内所有页面文章统一添加代码：![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/165819_45eb0330_2229424.png "屏幕截图.png")在7月7号安装代码，可以看到7号以后网站的流量是有提升的![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/170059_27e34f9b_2229424.png "屏幕截图.png") 6. 与钟镇升同学的网站————棒球大联盟，因为发现他的网站主题也是关于棒球方面的，所以想着跟她一起互换信息，形成友链的关系![输入图片说明](https://images.gitee.com/uploads/images/2020/0716/204718_fe649605_2229424.png "屏幕截图.png")，虽然后续的浏览量增幅不大，也不太清楚少部分的增幅是否从他网站导流过来的，但应该会有一些些影响的。![输入图片说明](https://images.gitee.com/uploads/images/2020/0716/205032_add7f6b7_2229424.png "屏幕截图.png") ### （三）用户研究 #### 1.用户访谈 - 人数：5人 - 我通过用户访谈的形式，对5个人进行了采访，多数人认为我的网站界面比较单一，可以稍微改进一下网站界面的配色，采访结果如下： - 1. 网站主题有点单调，纯白的界面好像没什么特色![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/221348_0ecba210_2229424.png "屏幕截图.png") 改进，配合球队的特色，把边栏的背景改成球队队服的浅蓝色，在把主体的颜色置换成 #1f8ad1，偏浅的色号，提高网站的辨识度![输入图片说明](https://images.gitee.com/uploads/images/2020/0716/194912_e2934bb4_2229424.png "屏幕截图.png") - 2. 网站文章的链接是红色，视觉上的层次感觉不是很好![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/083636_c05de456_2229424.png "屏幕截图.png")改进后，把链接字体的颜色改成浅蓝色，与网站主题相呼应。![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/084554_4cbf39f9_2229424.png "屏幕截图.png") --- #### 2.A/B测试 - 考察网页首页的布局方案 - **A方案3人**：首页布局以近期的最新文章展示。![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/174149_7505f38c_2229424.png "屏幕截图.png") - **B方案3人**：首页布局以一个静态的页面展示。![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/173910_5562fae3_2229424.png "屏幕截图.png") - 给予AB两组共同的任务：进入网站的首先印象，以及在不使用搜索框的情况下，在网站中找到WordPress架站的相关文章，再从旁考察他们的印象情况以及打开文章的用时。 - **总结**：A小组普遍认为网站的布局过于简单，网站有点死板，平均打开网页用时30秒；B小组的认为页面可以更好的呼应网站的特点，同时在页面的尾部有页面导航，以及最新文章的小工具，挺方便的，同时他们打开网页的普遍用时也是30秒左右，两组相差不大；综合所述，我采用了B方案进行下一步的改进。 ### （四）定制化 ##### 1.使用WP Super Cache插件，优化网页的加载速度。通过前期的用户调研得知，从调研结果反馈来看，大多数用户认为我的网页加载速度有点慢，特别是图片有点多，加载的更慢，于是我就使用此插件来提升网站的加载速度。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/131739_5de3727b_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/131553_40414fdd_2229424.png "屏幕截图.png") ##### 2.由于本网站有部分文章为原创内容，为保护知识产权和原创内容，使用WP Content Copy Protection & No Righ Click 插件防止网站内容被右键复制粘贴，保护网站的版权![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/161507_5f14cb7a_2229424.png "屏幕截图.png")![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/161546_4fad5e05_2229424.png "屏幕截图.png") ##### 3.根据用户的需要，因为中山大学南方学院棒球队的队服为白蓝两色，所以便把网站的主题改成白蓝色调的简约风格，更显网站的性质。![输入图片说明](https://images.gitee.com/uploads/images/2020/0716/195007_c7bbc57a_2229424.png "屏幕截图.png") --- ### 四、加分项 - 网站加密，使用https，链接：https://www.penwey.top/ ![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/172828_f37a6c06_2229424.png "屏幕截图.png") - 开启多站点，链接：http://lime.penwey.top/ - ![输入图片说明](https://images.gitee.com/uploads/images/2020/0711/192008_996491f8_2229424.png "屏幕截图.png")