# wordpress网站运营报告
**Repository Path**: SOMNUSLOCK/website_operation_report
## Basic Information
- **Project Name**: wordpress网站运营报告
- **Description**: 2020春网站运营与管理期末项目
- **Primary Language**: 其他
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-06
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# wordpress网站运营报告
网站名称 | 小小编程语言
---|---
网址 | [https://somnuslock.online](https://somnuslock.online)
站长| 黄韵如 181013075
运营报告撰写人| 黄韵如 181013075
# 1.策划
## 1.1策划文档及网站地图
**网站建设目标:** 个人学习笔记的博客，可供各位html/css、数据分析的小白参考参考，也可以留言进行交流。
### 目标用户画像：
|
姓名：熊小七
年龄：20岁职业：大学生
---|---
人物简介| 大一网络与新媒体专业新生，对大学生活充满期待。但是学业压力较大，新接触了不少的专业知识，如网页设计与制作、python等等。
用户行为 | 各科老师都非常忙，课余时间大多数上网寻找资料自学巩固知识。想要一个可以学习交流的平台。
用户态度和观点 |对网站设计要求不高，但是对网站的分类目录以及知识内容要求高。
痛点| 一节课一周仅上短暂的一个半小时，课上老师速度较快，难以做笔记，课后上网搜索的资源杂乱，难以辨别。
[图片来源](https://image.baidu.com/search/detail?ct=503316480&z=0&ipn=false&word=%E5%A5%B3%E7%99%BD%E9%A2%86&step_word=&hs=0&pn=5&spn=0&di=187770&pi=0&rn=1&tn=baiduimagedetail&is=0%2C0&istype=2&ie=utf-8&oe=utf-8&in=&cl=2&lm=-1&st=-1&cs=1773295054%2C3050109002&os=2590872873%2C4115317200&simid=4192028000%2C656973190&adpicid=0&lpn=0&ln=3320&fr=&fmq=1594364216855_R&fm=result&ic=&s=undefined&hd=&latest=©right=&se=&sme=&tab=0&width=&height=&face=undefined&ist=&jit=&cg=girl&bdtype=0&oriquery=&objurl=http%3A%2F%2Fpic.qjimage.com%2Fmhrf008%2Fhigh%2Fmhrf-cpmh-106158f10.jpg&fromurl=ippr_z2C%24qAzdH3FAzdH3Fooo_z%26e3B561j6rtv_z%26e3Bv54AzdH3Ft42tgu5AzdH3F4i6u-vr4i-8am8cbu8a_z%26e3Bip4s&gsm=6&rpstart=0&rpnum=0&islist=&querylist=&force=undefined) |
姓名：熊大七
年龄：28岁职业：某互联网公司技术开发人员
---|---
人物简介| 技术大佬，喜欢上网冲浪，喜欢学习各种编程语言，专业知识非常硬核。
用户行为 | 工作的效率非常高，业余喜欢上网冲浪，喜欢和网友们交流分享自己的心得或者踩坑经历。
用户态度和观点 |对网站设计、内容方面都有要求，喜欢简约但有个性、内容丰富有价值的网站。
痛点| 站在互联网前沿，迫切想要跟大家分享（卖弄）自己的知识点。
### 网站地图:
### 网站规划:
- 1.设计简约，没有过于繁复的元素
- 2.目录清晰，分类明确
- 3.文章图文并茂，增加可读性
- 4.提供可下载辅助学习的外链
- 5.基于用户调研和用户访谈，使用DVF模型定义需求————以简单的图片描述，向大家分享一些简单的编程知识，供大家学习与讨论。
### 1.2图库版权
详细说明请看[版权说明](https://www.somnuslock.online/index.php/copy-right/)
### 图库风格及配色
1. 风格：本网站以学习小编程语言为核心，通过用户访谈得知————以深蓝色为基调的科技风会更受欢迎。当然本网站更多的是使用实际图片，如参考书籍的封面、数据分析跑出来的代码等。banner的图片则成为了本网站的基调。
2.配色： 本网站采用了介乎蓝色和靛蓝色之间的深蓝色。它是冷色调中最冷的色彩，由于蓝色博大的特性，具有理智、准确的意象，在商业设计中，强调科技、效率的商品或企业形象。因此本网站采用了深蓝色。
### 1.3云端架站文章：
- [解决WORDPRESS网站图片无法正常显示问题](https://www.somnuslock.online/index.php/2020/06/27/picture-out/)
- [如何给网站添加安全的SSL证书](https://www.somnuslock.online/index.php/2020/06/28/%e7%bb%99%e7%bd%91%e7%ab%99%e6%b7%bb%e5%8a%a0%e5%ae%89%e5%85%a8%e7%9a%84ssl-security-certificate/)
- [没有学校邮箱申请GITHUB EDUCATION PACK](https://www.somnuslock.online/index.php/2020/07/05/github-education-pack/)
### 1.4平面设计1
1.**网站配色**：根据[Color Schemede Signer](http://www.peise.net/tools/web/)中类似色搭配互补色原则，依托banner智睿、科技、沉着的蓝色进行一系列的搭配，包括网站logo颜色的选取，标签云颜色的搭配，超链接悬浮的颜色等
2.**背景及字体的对比度**：背景采用纯白，文章节标题字体大小为20号，加粗，颜色采用蓝调中的深色黑，呼应我们的主题色；主内容字体大小为16号，浅黑色。字体大小、颜色层级分明，对比度强，因此大家在浏览时不费劲、舒适，有很好的体验。
3.**可读性**：根据wb插件——Yoast进行文章可读性的编辑、修改，每一篇文章都是图文并茂，标题、副标题、段落层级分明，可读性强
### 平面设计2
#### Animate it!
1.采用鼠标悬浮放大的效果，在此可以突出显示： [网页链接](https://www.somnuslock.online/)
2.采用鼠标悬浮左右晃动效果，持续时间为1s（较快），旨在活跃网站氛围，让网友在学习、掌握到技能后感到更加轻松、愉悦：[网页链接](https://www.somnuslock.online/index.php/2020/06/27/css-filter/)
#### Siteorigin
- 1.在首页([页面链接](https://somnuslock.online)），设置了三个行布局，在左侧使用了SiteOrigin Editor进行编辑创建自己的标签云，中间为网站介绍，最右侧使用了音频以及FooGallery
- 2.在参考书籍目录下的两篇文章（[文章链接](https://www.somnuslock.online/index.php/2020/06/29/refence-web-design/)）则采用了相同的SiteOrigin进行布局：设置了三个行布局，左侧SiteOrigin Editor编辑侧边栏小标题，SiteOrigin Image添加相关的书籍，并且点击可进入下载链接；中间为文章内容；右侧为最近文章增加文章可读性、阅读时的便利性
- 3.在HTML/CSS的学习文章中（[文章链接](https://www.somnuslock.online/index.php/2020/06/27/css-filter/)），设置了两个行布局，左侧为文章内容，右侧则添加了按钮
# 2.管理
### 2.1云端架站：[https://somnuslock.online](https://somnuslock.online)
### 2.2网站安全：使用Wordfence
- 网站的回应为正常值、IP地址稳定
### 2.3网站性能：使用site24x7
- 一共开启了八个监视器，添加的监控点均为世界各地热门城市，值均为“向上”，正常
- 网络服务的状态均为正常
- 数据显示，本网站对美国西雅图的用户相对而言并不是十分友好，停机持续时间达19分钟6秒，可用性并没有达到100%，只有98.673%，响应时间属中等。
- 据显示，本网站在国内（广州、上海）的响应时间最短，分别为3秒和4.2秒，而在国外，最长时间可达8.87秒。猜测是本网站购买的虚拟服务器地点为中国广州，因此越靠近广州，响应时间就越短。
### 2.4网站备份
- 1.使用winSCP备份至本地电脑
- 2.WordPress后台导出工具，备份html文件至本地
- 3.宝塔后台sql备份至本地电脑
# 3.运营
### 3.1站长工具
- 1.百度站长认证————>登录百度站长工具，选择通过html文件上传的验证方法，将其验证码贴入Yoast SEO，完成验证后提交sitemap(2020年6月29日)
2020年6月29日收录情况：
目前（2020年7月15日）百度收录情况如下：
目前索引为0
抓取得频次有波动
- 2.bing站长认证————>登录必应站长工具，选择在服务器供应商后台添加记录来验证，完成后主动提交url以及sitemap(2020年6月29日)
目前bing并未收录：
- 3.Google站长认证————>登录Google站长工具，选择在后台根目录下添加认证文件来验证，完成后主动提交url以及sitemap
### 3.2SEO方法
- 方法一： Yoast SEO
根据WordPress的插件——Yoast SEO分析结果进行调整
添加关键词————
结果：6/31文章浏览流量以天为单位统计变化并不明显：
- 方法二（官方方法）： 修改文章url的定义规则，使得其更加规范化以便于搜索引擎收录。
将url中的中文修改为英文或拼音————
结果：7/3流量无变化（甚至没人来浏览）
- 方法三（官方方法）： 在百度站长工具和bing站长工具主动提交文章url。
添加方法：登录bing和baidu站长工具网站，找到提交url的位置，将目前网页所有页面的链接都主动提交上去。
百度站长工具主动提交文章url :
bing站长工具主动提交文章url：
- 方法四（官方）：bing站长工具自带的SEO优化建议，这里在首页内容的图片要添加描述文本(ALT)。
- 方法五：主动提交sitemap：在Yoast SEO!找到自己网站的sitema，将生成好的sitemap手动提交到百度站长工具以及bing站长工具上：
百度站长工具提交sitemap
百度已成功收录的sitemap：
bing站长工具提交sitemap
bing已抓取到的sitemap：
### Jetpack及Yoast SEO前后的数据对比、分析原因
六月份的数据，浏览量寥寥无几
访客与浏览量自7月7日开始有提升
#### 分析原因
- 通过主动提交sitemap以及网页的链接后，网站更容易被搜索引擎收录。
- 在完成了所有的SEO优化方法后，要保持对网页文章内容的更新，尽量保持两三天更新一篇文章，保持网站的活跃度。
- 空缺的部分我将原本的学习网站修改为旅游网站，发现效果不乐观，遂改之，猜测：流量与文章质量相关
## 3.3用户研究
#### 方法一：用户访谈（五人）[文件记录](https://gitee.com/SOMNUSLOCK/website_operation_report/blob/master/%E7%94%A8%E6%88%B7%E8%AE%BF%E8%B0%88/%E5%B0%8F%E5%B0%8F%E7%BC%96%E8%BE%91%E8%AF%AD%E8%A8%80%E8%AE%BF%E8%B0%88.docx)
- 问题设置:
1.您进入网站的第一印象是什么？
2.从1到10分，您给这个网站打多少分？
3.您对我们的网站最不喜欢/最喜欢的地方是什么？
4.您最想让我们增加的一个功能是什么？
- 访谈总结：
1.100%的用户第一印象都是觉得网站简洁，一目了然；
2.40%的用户打了7分；40%的用户打了8分；20%的用户打了9分；
3.100%的用户都喜欢我们的页面简洁、目录清晰明了的优点；
4.60%的用户认为需要调整首页（看起来怪怪的）；
5.40%的用户认为文章内容不够多，应再添加、丰富网站；
6.20%的用户认为首页底部需要一个导航；
7.20%的用户觉得“学习软件”一栏中的设计应该添加超链接方便用户；
8.20%的用户提议可以添加习题或者小游戏来巩固学者们学到的知识。
- 改进措施：
1.调整首页格局，包括两侧边栏与中间正文的距离；
2.首页底部添加分类目录；
3.首页侧边栏标签云修改样式；
4.定期发表文章，保证网站内容质量；
5.给“学习软件”一栏添加外链，可供下载；
#### 用户访谈前首页
根据用户访谈改造后：调整标签云字体大小以及间隔，右侧一栏距离靠右与左侧一栏对称，中间一栏的分割线调整长度适应文本长度：
页面右下角添加可以返回顶部栏的按钮：
页面底部添加目录导航以及网站创作者:
为右侧的“学习软件”添加外链，提供下载渠道：
#### 方法二：A/B testing
A方案：点击顶部导航栏的二级分类目录时，进入一个页面，再点击“阅读更多”进入文章。
B方案：点击顶部导航栏的二级分类目录时，直接进入文章
A组用户反馈：点击了二级目录后，有点疑惑，再点击“阅读更多”后，100%的用户觉得繁琐。
B组用户反馈：点击了二级目录直接进入文章内部阅读。
A/B testing结果总结：在二级目录十分明确的时候，不必要增加动作/页面，直接进入文章内容会更受用户喜爱。要贯彻本网站简洁、逻辑清晰、一目了然的特点。因此采用了B方案。
## 3.4定制化
#### 定制化方案一：WP-Copyright-Protection
原因：本网站有一些原创内容，为了保护作者及提供者的知识产权，安装版权保护的插件十分必要
结果：安装WP-copyright-protection插件，同时可以定制化需要保护的页面。
#### 定制化方案二：PB SEO Friendly Images
原因：alt和title属性对于搜索引擎中的网站排名很重要。要通过W3C认证的网站，还需要alt属性。
结果：安装PB SEO Friendly Images，可帮助自动优化文章中所有图片的alt和title属性。
#### 定制化方案三：Gutenberg
原因：每一次更新插件后，经典编辑器总不能很好地识别<pre>标签，需要每次都手动修改文章所有的代码区块,十分麻烦。
结果：安装Gutenberg插件，使用markdown编辑，解决问题。
效果：
# 加分项
- 使用https：[https://somnuslock.online](https://somnuslock.online)
