README.md · SHIRKING/网站运营报告

# [建站指南&大数据](http://www.shirking.me/)
建站指南&大数据网站是一个传播建站方法以及大数据相关内容的网站。
展示内容为王子佳老师的作品成果，目标是分享大数据相关内容。

站长：梁雪莹

Url：[建站指南&大数据](http://www.shirking.me/)

网站由[中山大学南方学院](http://nfu.edu.cn/) [文学与传媒学院](http://wcy.nfu.edu.cn/) 网络与新媒体专业 梁雪莹 制作

培养方案核心课程学期作品，由 吴雪 老师指导

网站搭建与模板来自于 WordPress

项目甲方：王子佳老师-大数据

## 一、策划文档
（利用DVF模型制作策划文档)

- 网站建设目标：提供与大数据相关的资讯，积累用户群体。

- 目标用户画像：正在学习、了解大数据内容的相关群体，有一定的网络信息积累。

- 网站规划：初步制作可供阅读的大数据相关信息网站。

- 用户需求：由于我们网站的主要功能是提供与大数据相关的资讯，因此我们的主要用户群是想要了解相关资讯的用户。我们想要面向的用户是刚刚入门大数据相关的用户群体，由此可得，我们的用户需要的是简单易懂又实用的科普指南，
 
- 可行性：目前网络发展迅速，有更多的人学习数据分析。

- 可持续性：可以不断更新文章，凝聚用户。

## 二、网站地图
- 网站地图地址：http://www.shirking.me/sitemap/
- 页面、文章、分类标签的关系：分类标签的内容与页面的分类一致。从网站地图可以跳转到页面，从不同页面或者分类标签下可以跳转不同的文章。
![网站地图](https://images.gitee.com/uploads/images/2019/0630/111523_b0ca3f16_1648188.png "网站地图.png")

## 三、图库
### 1.版权
配图的版权信息会在文章末尾标注
![文末标注](https://images.gitee.com/uploads/images/2019/0629/161153_5d379c7c_1648188.png "文章末尾标注.png")

同时，在媒体库中也会有图片的版权说明，如下图。
![版权说明](https://images.gitee.com/uploads/images/2019/0629/160926_a992f381_1648188.png "图片版权说明.png")

### 2.配色
- 媒体库风格截图
![图库风格](https://images.gitee.com/uploads/images/2019/0628/235059_c4702a01_1648188.png "媒体库图片风格.png")

**配色解析** ：配合网站的平面设计主题（见下文）我选取了比较符合数据、科技、冷色调类型的图片。同时，媒体库中也会有大量文章解释时用到的图片，这些图片都尽量控制在了7M以内。选取的绿色背景图片则是为了缓和生硬、刻板的形象，添加比较温和、舒服的感觉。

## 四、三篇踩坑文章
[合集](http://www.shirking.me/build/)

[文章一链接 建站准备](http://www.shirking.me/2019/06/10/build1/)

[文章二链接 DigitalOcean建站基本步骤整理](http://www.shirking.me/2019/05/15/build2/)

[文章三链接 DigitalOcean绑定Namecheap域名](http://www.shirking.me/2019/06/10/build3/)

## 五、平面设计
![页面更新日期：20190629](https://images.gitee.com/uploads/images/2019/0629/160623_fc03d5fd_1648188.png "首页.png")
### 1. 网站配色，背景及字体的对比度及可读性

- 网站配色：黑白蓝绿。

- 背景：如上文所说，选取的绿色背景图片则是为了缓和生硬、刻板的形象，添加比较温和、舒服的感觉。

- 字体对比度：黑白色对比明显，颜色差异大，浏览者能够很好的区分开不同内容。

- 可读性：通过用户研究后，页面与文章的可读性都有所上升，符合一般浏览用户的需求。内容简明扼要，清晰明了，没有很多的冗杂内容。

- 整体风格配置解析：由于网站的主题是大数据，这样的比较带有科技感的主题，因此网站主要采用绿蓝色结合搭配黑白色，既有科技感整体感觉又很温和，绿色既能够表现大数据的枝繁叶茂结构分明，同时也起到护眼作用，也适合长期坐在长期工作的用户群体，符合我们的用户特征。适中的对比度显得我们的网站更加亲切温和，有利于吸引用户，让用户感到舒适。网站整体可读性不错，能够依靠分区设计找到自己想要的内容。

### 2. 插件运用
-  **Animate it!** ：

**（1）网站侧边栏中的小工具近期文章栏添加了 animated bounce duration1 的动画。** 
![近期文章](https://images.gitee.com/uploads/images/2019/0629/231431_180d9281_1648188.gif "弹跳.gif")

**使用说明 ：通过对近期文章使用这样的动画突出显示近期文章的内容，提醒浏览者关注更新的新文章。**

**（2）首页的封面图片设置了 animated slideInUp duration1 eds-on-scroll 的动画**

由于文件过大无法放置动图

[首页](http://www.shirking.me)

**使用说明 ：使用让封面页快速滑动到页面的方式使得主页更加有活力，同时符合一般网站的设置安排，不会显得突兀。表现了首页应有的质感。**

-  **SiteOrigin** ：
 **
（1）在大数据页面设置了SiteOrigin Post Carousel**

页面显示：
![显示](https://images.gitee.com/uploads/images/2019/0630/021045_5b9586ca_1648188.png "siteoriginpost.png")

后台：
![后台](https://images.gitee.com/uploads/images/2019/0630/021754_f24e3b18_1648188.png "siteoriginpost2.png")

**使用说明 ：通过使用文章幻灯片的形式展示文章，使用好看的背景图使得页面整体更加出彩，星光点点像连接起来的内容，舒服又好看而且还实用。**

**（2）在三篇踩坑文章（建站指南）页面设置了SiteOrigin Slider**

页面显示：
![页面显示](https://images.gitee.com/uploads/images/2019/0630/021817_666c1198_1648188.png "siteoriginslider2.png")

后台：
![后台](https://images.gitee.com/uploads/images/2019/0630/021847_fa63a9bb_1648188.png "siteoriginslider1.png")

**使用说明：区别于上一个大数据的合集页面，使用Slider滑块插件工具展示不一样的内容，封面图片使用的是文章内的图片，可以简洁明了的展示出三篇文章的区别。同时，由于这是固定篇数，Slider滑块比Post Coarousel更加适用。**

**（3）在网站地图页面中设置了SiteOrigin page builder的结构**

页面显示：
![显示](https://images.gitee.com/uploads/images/2019/0630/005108_34333975_1648188.png "siteorigin网站地图1.png")

后台：
![后台](https://images.gitee.com/uploads/images/2019/0630/005142_96da6c5a_1648188.png "siteorigin网站地图2.png")

**使用说明 ：使用page builder构建网站地图使得页面更加舒服，分栏比例清晰好看，让强迫症用户感到舒服。**

## 六、网站架站

## 1. 正常运行和域名使用
- 正常可用的云端网站，使用域名：http://www.shirking.me

## 2. 网站安全：Wordfence
- 使用Wordfence

![wordfence截图1](https://images.gitee.com/uploads/images/2019/0629/193833_b0d2b56c_1648188.png "wordfence截图1.png")
![wordfence截图2](https://images.gitee.com/uploads/images/2019/0629/193901_a9295825_1648188.png "wordfence截图2.png")

**说明 ：通过wordfence给出的数据我能够看到我的网站基本上处于较为安全的状态，曾经扫描之后会有一些提示，借助wordfence的提示功能完善了网站的安全性。**

## 3. 网站性能：Site24×7

![site24×7（1）](https://images.gitee.com/uploads/images/2019/0629/201044_cd8de4d7_1648188.png "24x7.png")
![site24x7（2）](https://images.gitee.com/uploads/images/2019/0629/201134_715cd115_1648188.png "24x7（2）.png")
![site24x7（3）](https://images.gitee.com/uploads/images/2019/0629/201212_fc7159aa_1648188.png "24x7（3）.png")

**说明 ：利用site24x7的监控，我了解到我的网站响应时间尚可，在广州地区的停机时间比起其他时间较长，基本上运行情况良好。没有什么特别情况，利用site24x7监控网站能够定期收到网站的监控报告邮件，了解网站的情况。**

## 4. 网站备份

## 七、站长工具

### 1. 百度：
![百度抓取频次](https://images.gitee.com/uploads/images/2019/0619/001819_bdf2587f_1648188.png "百度抓取频次.png")

![百度抓取内容](https://images.gitee.com/uploads/images/2019/0630/023827_83dac583_1648188.png "百度抓取内容展示.png")

**体验：百度收录速度较慢，需要等待较久，但是通过提供进一步的验证信息又或者是添加文章可以加速文章被抓取的速度。**

### 2. Bing必应：
![Bing网站动态](https://images.gitee.com/uploads/images/2019/0619/002021_16ecd268_1648188.png "Bing网站动态.png")

![bing抓取内容
](https://images.gitee.com/uploads/images/2019/0630/023857_8e7b5d54_1648188.png "bing抓取内容.png")

**体验：必应的收录速度很快，我在提交站长工具的链接后一天就被收录进必应。通过多日的接触与实践优化，我认为更新文章内容是最快速能够被抓取到。**

## 八、SEO优化尝试

### 1. 添加文章、更新网站主页、调整网页主题
实践：在页面添加新的文章，提高更新频率
数据反馈：6月5日浏览量从0变2 是那一段时间的浏览人数最高。（变化截图见下方jetpack数据展示）

### 2.在其他平台发布链接
实践：在微信群内发布自己的网站链接
数据反馈：主页浏览人数增加，但是其他页面浏览量低，数据变化不明显。（变化截图见下方jetpack数据展示）

### 3. 通过yoast SEO的可读性分析完善文章、页面的内容结构
实践部分截图：
![前](https://images.gitee.com/uploads/images/2019/0629/225225_5eb0de22_1648188.png "SEO可读性前.png")
![前](https://images.gitee.com/uploads/images/2019/0629/225331_d724913a_1648188.png "SEO可读性分析平脸.png")

**修改后截图：**
![修改后](https://images.gitee.com/uploads/images/2019/0629/225358_c8b1edb8_1648188.png "SEO可读性分析.png")

数据反馈：修改后几天能够看到可读性较好的页面/文章被点击阅读的数量比可读性较差的要多。在六月中旬网站的浏览量较之前有一点点增加，但是过了这个时间段后就没有这个效果了。

**jetpack数据展示：**

近日数据：
![近日数据](https://images.gitee.com/uploads/images/2019/0629/225926_765bea27_1648188.png "jetpack（1）.png")

![历史数据](https://images.gitee.com/uploads/images/2019/0629/225946_0a6d4792_1648188.png "jetpack.png")

## 九、用户研究

### 1. 用户访谈

#### **人物角色**
-用户人群集中在专业领域，面向初入门的数据分析人员又或者对大数据有兴趣的人。

#### **用户目标分析**
-用户想要了解大数据
-目标是聚集一小部分对数据分析有兴趣的人

####  **访谈内容方向** 
1.页面的平面设计：研究访谈对象对于网站现有的配色、主题的意见

2.文章的内容布局

3.文章图片的设置

4.网站功能是否全面

5.整体感受

#### **访谈得到的反馈**
1. 页面的平面设计舒服，色系偏冷，用在大数据这样比较有科技感的主题上感觉还是比较合适的，但是可以加入一点动画之类的，让网站显得更加有活力，不要太过高冷，让人一看就觉得这个网站好冰冷，一些重点的标题或者内容可以加粗，突出重点。

2.网站的内容感觉和切合这个主题的内容，能够让人学到关于大数据的一些知识。布局上挺合理的，感觉没有什么大问题。

3.网站的图片设置可以稍微更改一下，现在网站文章里的图片都很大，让人感觉有一点突兀，可以试着缩小一点。

4.网站的功能挺全面的，感觉挺好，可以把网站地图放到菜单，这样就更加方便找到想要找到的页面了。

5.感觉网站的内容还是比较齐全的，但是有些地方感觉还可以再做得细致一点，让人对网站的印象更好一点。

### 2. 用户体验地图

![用户体验地图](https://images.gitee.com/uploads/images/2019/0626/115640_19a9fb13_1648188.png "个人网站用户体验地图.png")

## 十、定制化（用户研究成果）

通过用户研究，我发现用户对我的网站的印象基本上都是比较冰冷、生硬，让人有距离感，文字比较多。

我的改进方式是在文章内添加更多的图片内容，让网站内容更丰富。

结合用户访谈以及用户体验地图对网站做出的一些更改如下：

- 通过利用Animate it的动画效果，让网站表现得更加活跃、活泼有趣。

- 在网站首页封面图下放置了最新文章模块，让浏览者能够很快找到想要找的内容。

- 将网站地图放置到了菜单，方便用户点击查阅。

- 缩小了网站的图片，让文章看起来更加舒服，同时将字体进行了调整。

- 根据用户体验地图，在首页添加了找到之前看到的内容的按钮窗口，连接到网站地图，方便用户找到原来看到的内容。

###  **改进前：** 
![首页改造](https://images.gitee.com/uploads/images/2019/0630/141330_2eca0876_1648188.png "首页改造前.png")
![改进前](https://images.gitee.com/uploads/images/2019/0630/134625_2b2ff3d9_1648188.png "改造前.png")
![改造前](https://images.gitee.com/uploads/images/2019/0630/140142_d2709370_1648188.png "改造前2.png")

###  **改进后：** 
![首页改造后](https://images.gitee.com/uploads/images/2019/0630/141355_0c572919_1648188.png "首页改造后.png")
![改进后](https://images.gitee.com/uploads/images/2019/0630/134646_c9b6ca8c_1648188.png "改造后.png")
![改造后](https://images.gitee.com/uploads/images/2019/0630/140202_42d5dd8c_1648188.png "改造后2.png")
![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/144624_0dace8b2_1648188.png "改造改造.png")

SHIRKING/网站运营报告

简介

发行版

贡献者

近期动态

SHIRKING/网站运营报告 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

SHIRKING/网站运营报告