# Web_Operation **Repository Path**: NFUNM082/Web_Operation ## Basic Information - **Project Name**: Web_Operation - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-06-12 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营期末报告 网站链接：[nmwyygugu.me](http://nmwyygugu.me) > 课程指导老师吴雪 文章内容来源中大南方文学与传媒学院王子佳老师 网站搭建来源WordPress ## 一、策划文档与网站地图 ### 1.网站建设目标 - 运用课程知识作为初学者实践架站，结合互联网时代下的大数据理论，以网站的形式展现大数据知识。 - 提高自己网站的搜索排名。 - 优化网站使更多人点击，增加网站流量。 ### 2.用户画像 - A：高中毕业学生，准备就读互联网专业，对数据分析感兴趣。 - B：大二学生，新媒体专业学生，学习过一些大数据知识，喜欢上网自主学习。 - C：研究生，方向是数据分析，有一定理论知识储备，乐于处理数据。 ### 3.网站规划 - 建设好网站，丰富网站内的文章做到有质量有吸引力、可视化改进使网站看起来美观 - 测试网站可用性，评估后进行调整 - 优化网站使提升搜索排名、吸引更多的流量 - 定期对网站进行维护，监控流量、提高安全性能 ### 4.根据用户调研的结果进行目标的调整 - 前期网站目标仅是添加了大数据的知识介绍，希望文章的内容能更多 - 浏览用户反馈网站很简陋，就只有文字没有图片，排版也不吸引人 - 调整目标为在充实内容的基础上，以图文结合的形式改善文章。页面设计更多带交互性。 ### 5.使用DVF模型描述如何定义需求 - 用户需求：为用户提供有关大数据的介绍和基本知识，可通过此网站做交流分享；加上架站教程，满足了一些用户对于网站运营的知识需求。 - 可行性：需要不断有新的数据内容，更多创新型内容 - 可持续性：持续吸引更多关注的人，增加或能保持流量 ### 6.制作“网站地图” ![网站地图](https://images.gitee.com/uploads/images/2019/0630/103738_931801ca_1648190.jpeg "未标题-1.jpg") ## 二、图库版权 - 每张非原创图片的媒体库说明中都附上来源网址 ![来源网址](https://images.gitee.com/uploads/images/2019/0630/105521_c8b04315_1648190.png "屏幕截图.png") - 文章最末附上来源说明 ![文章图片版权](https://images.gitee.com/uploads/images/2019/0630/110008_4536c361_1648190.png "屏幕截图.png") ## 三、图库风格及配色 ![图库](https://images.gitee.com/uploads/images/2019/0630/141134_2f383197_1648190.png "屏幕截图.png") 网站的主题颜色是蓝色，图片都是深蓝色系或紫色系的，有一种沉稳严谨的感受，照应网站大数据的主题。数据是庞大的，说起庞大自然而然地会想到星空，于是选择了星空、水面图作为网站的主页背景，也起美观效果。文章配图都是选自网络上有关数据文章的插图，数据的表现形式有很多，以符号、英文交错着表现数据的纷乱。 ## 四、云端架站踩坑图文文章 1. [AWS实例停用](http://nmwyygugu.me/2019/06/29/instance-deactivation/) 2. [申请EDUCATION PACK](http://nmwyygugu.me/2019/06/17/application-for-education-pack/) 3. [DIGITAL OCEAN和AWS架站](http://nmwyygugu.me/2019/06/10/build-website/) ## 五、平面设计 ### 1. 网站配色，背景及字体的对比度及可读性 网站首页图 ![首页](https://images.gitee.com/uploads/images/2019/0630/144058_cd02e2c8_1648190.png "屏幕截图.png") 网站选用了一个星空图做主页的大图，属于深色系有带有点炫彩的感觉，意与网站主题大数据的复杂神秘感相呼应。主背景选用白底黑字是最适合阅读的搭配。下方最新文章的配图是原创的，以深色底浅色字的配色是为了能和主图搭配。网站的各个部分保持统一的风格，既有好的可读性也能与网站内容风格相对应。 ### 2. Animate it!及Siteorigin #### Animate it! ##### （1）给digitalocean的图标添加了动画 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/222619_aee4e701_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/222516_1c6eba93_1648190.png "屏幕截图.png") ##### （2）给文章标题添加了动画 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/225628_dc32ff44_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/225725_f93fa0ae_1648190.png "屏幕截图.png") #### Siteorigin ##### （1） ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/171653_639625da_1648190.png "屏幕截图.png") 分为左右两个块分别是66.7%、33.3%，左边是添加了帖子轮播右边是最近评论 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/171728_effe4e70_1648190.png "屏幕截图.png") ##### （2） ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/174349_d6873cb7_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/174412_99bf5431_1648190.png "屏幕截图.png") ##### （3） ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/182837_c7693b71_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/182859_acb2943a_1648190.png "屏幕截图.png") ## 六、云端架站 ### 1.域名：nmwyygugu.me 网站原先使用ip改为域名 ![域名绑定IP](https://images.gitee.com/uploads/images/2019/0630/034949_d2264745_1648190.png "屏幕截图.png") 可正常使用域名访问网站 ![域名访问网站](https://images.gitee.com/uploads/images/2019/0630/122848_d1c58132_1648190.png "屏幕截图.png") ### 2.Wordfence 安装了Wordfence，发现我的网站的安全问题还是很多 ![Wordfence1](https://images.gitee.com/uploads/images/2019/0630/035923_4c352b6c_1648190.png "屏幕截图.png") 显示我的网站被阻止的攻击总数 ![Wordfence2](https://images.gitee.com/uploads/images/2019/0630/040102_bf8e7c75_1648190.png "屏幕截图.png") ### 3.site24x7 - 使用site24x7且打开8个监控地点 ![监控地点](https://images.gitee.com/uploads/images/2019/0630/042116_a64a9cab_1648190.png "8个监控地点.png") - 检测 ![停机](https://images.gitee.com/uploads/images/2019/0630/122355_dcd152c4_1648190.png "屏幕截图.png") 上图是一次突然网站卡住无法操作后site24x7呈现的报告，也马上给我发了邮件说明了停机事件。从可用性上看我的网站可用性还是很高的。 ### 4.网站备份 #### （1）Wordpress Database Backup ![backup](https://images.gitee.com/uploads/images/2019/0630/043218_682b3160_1648190.png "backwpup备份.png") ![back备份文件](https://images.gitee.com/uploads/images/2019/0630/043345_c251b471_1648190.png "屏幕截图.png") #### （2）wordpress后台导出工具 ![后台导出](https://images.gitee.com/uploads/images/2019/0630/043441_146c9c9a_1648190.png "后台导出.png") ![后台导出文件](https://images.gitee.com/uploads/images/2019/0630/043511_94f46404_1648190.png "屏幕截图.png") ## 七、站长工具 成为站长前需安装SEO插件 在WordPress中添加了SEO插件，进入Webmaster Tools，然后进行网站站长工具验证 ![进入Webmaster Tools](https://images.gitee.com/uploads/images/2019/0612/004814_ebf73b7d_1648190.png "屏幕截图.png") ### 1.百度站长 百度站长需先认证熊掌ID再审核，历时4~5天，认证成功后可添加站点后并手动提交sitemap让百度去抓取，提交后再过几天就被收录了 ![百度搜索](https://images.gitee.com/uploads/images/2019/0612/010930_82cb5429_1648190.png "屏幕截图.png") 但提交了多次后仍会显示失败需重新提交，至今仍没有流量数据 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/145740_1bbcfda0_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/145442_f2de1135_1648190.png "屏幕截图.png") ### 2.bing站长 bing是最快成功的一个 ![bing搜索](https://images.gitee.com/uploads/images/2019/0612/011122_56d64479_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/150509_f359538e_1648190.png "屏幕截图.png") ## 八、SEO优化 ### 1.添加外链 用html编辑在文章中插入链接，SEO分数有提高，但从流量看并没有变化 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/185819_f968e231_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/185846_458b03c1_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/230314_8411f2ec_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/230229_0b21cce7_1648190.png "屏幕截图.png") ### 2.添加元描述 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/193056_0fab4cae_1648190.png "微信图片_20190630190539.png") Google有时会在搜索结果中的帖子标题下方显示元描述，好的以及适合的长度可以吸引人们点击。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/230659_e940d9b1_1648190.png "屏幕截图.png") 从流量监控来看并没有明显流量变化 ### 3.积极更新原创文章 6月3日我发布了两篇原创的文章，隔天网站有9个浏览量的增加。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/200045_49e960aa_1648190.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/202341_d1160d0c_1648190.png "屏幕截图.png") ### 4.为图像添加描述图像的alt文本 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/201636_03b474c1_1648190.png "屏幕截图.png") 为图像添加alt文本可在无法显示图片的时候用文本代替图片。发布了原创文章和做图像设置的隔天有流量增加。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/202341_d1160d0c_1648190.png "屏幕截图.png") ## 九、用户研究成果及设计改进 ### 1.用户访谈（5人） 邀请了5位受访者对网站使用进行采访： - 受访者反映主页的大图占屏幕范围太大，一点进去网站就只有看到导航和一张大图，需要往下滑才能看到下面的部分。 修改：取消原本直接插图放在主页的做法，因为那样很难调图片适应页面大小并且美观。改为启用滑块，图像自动压缩成网页的一半大小，并且滑块效果增加了交互。 - 原本的网站只有主页、分类文章、网站运营这三个导航，受访者反映首页导航栏的区块太少，且如此一来分类文章下就集合了所有大数据的文章，使用体验感较差。 修改：补充导航栏，将原先都集中在“分类文章”下的文章再次进行分类，每一块的文章数不超过4篇。更新后在网站内对大数据类的文章的索引变佳了。并且添加了菜单设计，鼠标移过就能显示分类下的那些文章。提高了查找文章的速度，视觉上也觉得美观些了。 ### 2.用户体验地图 制作了用户体验地图，可视化了用户使用网站的体验情况，从中分析哪些方面需要改进。 发现：网站内容的需求会比较高，应多注重网站的内容，并且好看的排版视图会吸引人停留更久。标题和前言同样是影响用户在网站中停留的因素。 ![用户体验地图](https://images.gitee.com/uploads/images/2019/0630/175504_14a80339_1648190.jpeg "用户体验地图.jpg") ## 十、定制化 ### 1.SEO Friendly Images插件 ![SEO Friendly Images](https://images.gitee.com/uploads/images/2019/0630/205320_2393858b_1648190.png "屏幕截图.png") SEO Friendly Images这个插件会自动为所有图像添加“alt”和“title”属性，但是在HTML代码输出中，从媒体库和编辑器中无法看到。这项功能可以很好地帮助优化SEO。 ### 2.WP Copy Protect插件 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/220351_0c9beb01_1648190.png "屏幕截图.png") 这个防止我的文章被右键复制的，激活后在点进去网站就已经无法右键了。这样可以很好地保护网站里的原创文章，增强安全性。