# 网站运营期末报告 **Repository Path**: HLink12/web_operations ## 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-07-06 - **Last Updated**: 2021-07-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营期末报告 * [网站链接](https://www.hlink.top) --- # 策划文档与网站地图 ## 网站建设目标 * 本网站主要是以分享最终幻想14该款游戏的攻略为主要内容，其中有搬运内容也有个人原创内容。目标是为了帮助刚入门游戏的玩家对游戏能有一个进一步的了解。 ## 根据用户调研的结果进行目标的调整 ## 网站规划 * 整体规划：提升整体的文章质量，分享一些新手也看得懂的游戏攻略，且实时更新与游戏内容相符合的攻略文章，吸引更多游戏玩家观看此网站。同时密切关注浏览者留下的留言信息，并根据信息对网站加以改进。 * 细分规划： * 利用SiteOrigin对页面进行排版规划，固定网站的整体排版格式。 * 更新文章内容并尽量加入个人原创内容，与时俱进。 * 利用Animate it增加小部件动画，使网站更富有趣味性。 * 根据Yoast给出的建议，为文章及页面做SEO优化。 ## 目标用户画像 - 本网站的目标用户为：刚刚入门最终幻想14，但是对游戏没有大致了解的游戏玩家 ![用户画像](https://images.gitee.com/uploads/images/2020/0706/092423_f26b185a_2350084.jpeg "未命名文件.jpg") ## DVF模型 |模型|内容| |:----:|:----| |需求Desirability|最终幻想14该款游戏在烂番茄等游戏评测平台的评分高居不下，且单单在中国地区，同时在线人数打到1800万人，游戏攻略需求巨大| |可持续性Viability|游戏目前时刻保持更新，且游戏内容丰富，具有长久的生命力，具有可持续性。| |可行性Feasibility|对于游戏攻略的编写不需要大量的时间，且游戏攻略的内容不需要十分严谨，保持实时更新的目标具有可行性。| ## 网站地图 ![网站地图](https://images.gitee.com/uploads/images/2020/0706/154056_7a179ed9_2350084.jpeg "网站地图.jpg") --- # 图片的使用 ## 图片的版权问题 * 已经完成每张图片都进行了版权交待的要求，网站中使用的图片，皆在最下方附上原贴的超链接。 ## 图库风格及配色 * 本站的风格淡雅、简洁、 * 本站图片选择皆与游戏相关，主题内容与图片内容相符合。且为了符合设计风格，选用的背景也清新淡雅。使网站的整体感觉不会唐突和不美观。 ## 三篇云端架站踩坑图文文章 * [关于Jetpack的一些建议](https://www.hlink.top/index.php/2020/07/06/jetpack/) * [wordpress插件无法安装怎么解决](https://www.hlink.top/index.php/2020/07/06/chajian/) * [如何正确使用https协议](https://www.hlink.top/index.php/2020/07/06/https/) --- # 平面设计 ## 背景与配色 * 背景：整个网站的背景为白色，其他地方多以黑色居多，黑白的配色体现简约的风格，且两者的颜色对比度最高，可读性也最强。天蓝色则为辅助色，为网站起到一定的修饰作用。 * 网站配色：以白色、黑色为主，天蓝色为辅，对比度强，可读性高。 ## 平面设计插件运用 * Animate it! （合理使用2处） * [搜索框](https://www.hlink.top/index.php/category/jibenjieshao/)：在打开页面后，搜索框会缓缓上升。 * [近期文章](https://www.hlink.top/index.php/category/jibenjieshao/)：在搜索框升起后，近期文章的小工具才会开始上升。 * [音频](https://www.hlink.top/index.php/2020/07/04/migonggonglue/)：打开文章后，鼠标悬浮在音频工具上时会弹起一下，提醒浏览者可以观看。 * SiteOrigin * [副本攻略文章](https://www.hlink.top/index.php/2020/07/04/migonggonglue/#more-384)：因为该文章的篇幅较长，相对枯燥，所以为该文章添加了音频，提升体验感。 * [主页面](https://www.hlink.top/)：简化了主页面，使得点开网站时就可以清楚的知道该网站的整体内容。 * [武士:职业介绍](https://www.hlink.top/index.php/2020/06/23/zhiyejieshao/)：为用户添加了日历部件，方便用户了解日期。 --- # 管理 ## 云端架站(添加了https) 域名：[https://www.hlink.top](https://www.hlink.top) ## 网站安全 使用Wordfence进行实时监控 ![截图说明](https://images.gitee.com/uploads/images/2020/0706/162220_e5f416b9_2350084.png "wf2.png") ![截图说明](https://images.gitee.com/uploads/images/2020/0706/162245_90564ebd_2350084.png "wf1.png") ## 说明：wordfence免费版可以检查的所有项目都为安全，且wordfence表示网站不存在其他高危漏洞，因此我认定目前为止我的网站是安全的。 ## 网站性能 * 启用了9个监视器对网站进行实时监测 * 通过Sit24x7监视器观测到网站无异常、无中断、无告警历史，处于较稳定的状态，所有服务运行正常。 ![监视器截图](https://images.gitee.com/uploads/images/2020/0706/162635_e3953ab7_2350084.png "site2.png") * 响应时间为4.25秒，开启监视器后无中断。 ![网站监视器截图](https://images.gitee.com/uploads/images/2020/0706/162858_574d8493_2350084.png "site1.png") ## 网站备份 * 以下是3种方法的备份截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/232846_c9f09695_2350084.png "472afe52368e7bf1bed83ba934459c3.png") * 运用WinSCP ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/232625_de36341b_2350084.png "39b2ec7c707d6972a54555088153d90.png") * 通过插件(BackWPup)备份数据库 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/232659_b0b86a46_2350084.png "1fbdd99fdd2437668c57231075c369c.png") * 使用Wordpress后台导出工具 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/232748_daab2537_2350084.png "d95f6abc84c398d757c98f4a7e0e882.png") --- # 运营 ## 站长工具 #### 1.baidu ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/130633_5499a4de_2350084.png "验证所有权.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/130741_46b32e25_2350084.png "百度搜索.png") * 完成了百度的站长验证，且在百度搜索中可以找到该网站。 #### 2.bing ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/131421_95cbf84f_2350084.png "f65ece2bbbb0eef64ec879a3d5477d5.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/130819_ea4283a1_2350084.png "网站地图提交.png") * 很遗憾截至目前，bing依然没有收录我的网站，我也做出了许多尝试，例如提交自己的网站地图和主动提交网站的各类URL等。我还会继续尝试主动提交网站链接。 ## SEO优化 #### 流量分析 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/111347_48e8274a_2350084.png "流量分析.png") * 7月5号前，虽然做了站长验证且百度收录了网站，但是没有做关键字SEO优化，所以没有流量记录。 * 7月6号对网站进行了全面的SEO优化，包含了关键字优化和元描述优化等，流量有了显著提升。 * 7月6号后在社交平台和游戏平台分享了自己的网站，流量有了显著提升且之后每日的浏览量稳定在150左右。 ### 1. SEO关键词优化 * 改进前： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/111314_0311a0b9_2350084.png "关键字优化前.png") * 改进后： * 为所有文章都添加了关键字简介，SEO出现了两个好结果。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/234430_98172038_2350084.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/234516_a857e760_2350084.png "屏幕截图.png") ### 2. 内部链接、出站链接的添加： * 改进前： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/234758_8d601742_2350084.png "屏幕截图.png") * 改进后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/234836_c8b6a1eb_2350084.png "屏幕截图.png") ### 3. 文章原创率检查 * 在原创的三篇文章中，进行在线原创率检查。结果为所有文章的原创率皆为100%。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235307_7f3b0d2c_2350084.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235311_45103ef7_2350084.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235315_2a68da5c_2350084.png "屏幕截图.png") ### 4.手动添加网站URL地址，进行SEO优化 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235611_f8ff124a_2350084.png "屏幕截图.png") ### 5.添加元描述 * 改进前： * 无元描述，SEO分数较低 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235830_7c3b2b04_2350084.png "屏幕截图.png") * 改进后： * 为所有文章都添加了元描述。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235910_cc64a9bf_2350084.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235931_4c26e254_2350084.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/235953_fb7e3430_2350084.png "屏幕截图.png") ## 用户研究 ### 方法A:用户访谈 * 访谈对象：1.最终幻想14玩家 2.经常浏览博客网站的网民 3.学习过网站运营知识的学生 * 访谈目的：通过用户访谈，了解网站的不足之处，加以改进。 * 访谈流程：1.受访者进入网站，给出第一感觉。 2.受访者粗略浏览文章及页面，给出建议。 3.受访者浏览网站，给出开放性建议。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/160158_1eb0ed5d_2350084.png "3P3B3UF9N0VY9{PG5ZAI%0E.png") * 问题1：没有文章内容的流量提醒 * 改进方法：在首页增加醒目的提醒字样。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/160556_f430c6af_2350084.png "屏幕截图.png") --- ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/162500_65492b47_2350084.png "屏幕截图.png") * 问题2：阅读文章时用户可能会感觉枯燥，需要增加顾客的停留时间，提高体验感。 * 改进方法：为长篇文章添加音频部件，让用户在听歌的同时慢慢阅读，既增加了停留时间，也提高了用户体验感。（选取的音乐与游戏相符合，且游戏内大多数玩家对该音乐都表示赞赏） * 改进前： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/163435_7c449bda_2350084.png "屏幕截图.png") * 改进后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/163446_4ddebd46_2350084.png "屏幕截图.png") --- ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/164918_f4b99a85_2350084.png "屏幕截图.png") * 问题3：搜索框至于底部的用处不大，且影响页面的整体布局，应该更换一下位置。 * 改进方法：将搜索框至于主页面内，方便用户点开页面就可以搜索自己想要的内容。 * 改进前： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/165616_4f83d23f_2350084.png "屏幕截图.png") * 改进后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/165622_7305b28d_2350084.png "屏幕截图.png") ### 方法B:A/B Testing 原博客栏处的小工具无Animate it动画，直接显示出搜索框和近期文章框。询问游客意见后得出以下结论 * 直接显示容易给人卡顿的错觉。 * 因为每个人的网络环境不同，加载出的先后顺序也不一样，容易导致用户视觉的不舒适感。 * 在粗略浏览时，容易忽视该博客栏 改进前：![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/214832_11106910_2350084.png "屏幕截图.png") [改进后](https://www.hlink.top/index.php/2020/06/24/wushijiqiao/)：在多次测试后，增加了向上弹出的动画效果，且延后了 近期文章 小工具的出现时间，使得视觉体验更佳。 ## 定制化 ### 方案1 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/214708_196ce540_2350084.png "屏幕截图.png") * 具体方案：加入了插件"AddToAny" * 定制原因：wordpress自带的分享链接，基本都是基于国外社交平台，在国内的使用率极低，不利于网站的长远发展，所以我选择添加了"AddToAny"插件。可以自定义分享链接，添加国内主流媒体的分享链接，一方面方便了用户，另一方面可以获得更多的流量。 ### 方案2 * 具体方案：加入了插件"To top" * 定制原因：本站点的文章篇幅大多数都非常的长，且搜索框与近期文章的分享都不在底部，所以添加了 返回顶层 的按钮，这样用户可以更好的浏览本站点，得到更佳的体验感。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/214714_6addc9fa_2350084.png "屏幕截图.png")