# 网站运营

**Repository Path**: Tengzyi/website_operation

## 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-06-26
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 网站运营期末应用项目开发成果报告——U-Test

## 1. 策划文档与网站地图

### 策划文档

#### 网站主题：如何运营网站——网站可用性&用户研究资料

#### 网站建设目标
U-Test是一个关于了解网站可用性及用户研究相关资料的分享平台，网站目标是收集并分享互联网上的业界精英所写的文章和想法来帮助人们更好地建设网站、优化网站。

#### 目标用户画像

* 修改前：

- 姓名：小陈
- 年龄：21岁
- 职业：学生
- 人物介绍
小陈是一名在校大学生，他在课余时间学习了如何架站等知识，现在他已做出了属于自己的网站。他了解到要想吸引到更多的流量，除了需要有好的内容质量，还要一些网站提高整体功能性和可用性及了解用户的“小技巧”，才能帮助自己网站受到更多人的关注。

#### DVF模型定义需求

![DVF模型](./img/DVF模型.png)

| 模型 | 内容 |
| :-: | :-: |
| 需求Desirability | 基于用户在搭建网站时想要提高网站人气，提供一些有效方法。 并在网站中增加搜索及分享功能，提高用户体验感|
| 可持续性Viability | 让用户参与设计过程是设计开发出可用性更强的网站因素，而可用性测试是用户中心设计的关键 |
| 可行性Feasibility | 可用性测试在新建站点和网站改进方面的重要作用，希望对网站设计开发者有所启发 |

* 修改后：

- 姓名：小孙
- 年龄：28岁
- 职业：网站开发人员
- 人物介绍
小孙是一名网站开发人员，迫于时间、经济的压力，他只能尽可能的降低成本开发。与此同时，他却忽略了网站开发前必要的需求收集和可用性测试。因此，他利用该网站学习到的内容，让他快速提高网站可用性。

#### 网站规划
| 规划 | 内容 |
| :-: | :-: |
| 前期搭建 | 搭建起基本的具有指定主题的可读性网站，并分享相关的高质量文章 |
| 中期改善 | 根据用户研究及反馈，改善网站现存问题，注意seo优化，提高网站点击量 |
| 后期优化 | 通过添加插件等方式优化网站架构，如利用“WP Content Copy Protection & No Right Click”插件保护文章版权 |

### 网站地图

![网站地图流程图](./img/网站地图.png)

### 图库版权

- 文章底部皆有图片版权交待且附有原超链结[示例文章链接](https://wp.tzyi.top/blog/2020/06/24/yandong/)

![结尾交代](./img/结尾交代.png)

### 图库风格及配色

图库选择：该网站图片主要来源于资料中(大部分为原文中的图片)，且与文章内容相符。

图片风格大致与网站配色一致，文章图文并茂，以使得用户在阅读文章的时候，可以拥有更好的体验，更加深刻地明白文章所说明的含义。

### 原创云端架站文章
- [为域名添加HTTPS](https://wp.tzyi.top/2020/07/08/https/)
- [如何架构WordPress网站](https://wp.tzyi.top/2020/07/07/jiagou/)
- [几个好用便捷的WordPress插件](https://wp.tzyi.top/2020/07/07/chajian/)

### 平面设计1

- 网站配色、对比度与可读性

网站配色以蓝白为主基调。淡蓝色让人联想到海洋、天空、水，表现出一种冷静、理智与广阔。白色是清纯、纯洁的象征。两者结合，给用户一种安心舒适的氛围，让他们在烦劳的工作中得以舒缓，提高工作效率，正与网站的内容相符。白底黑字，增强网站对比度的同时，也提高了文字的可读性。

### 平面设计2——插件运用
- Animate it! （合理使用2处）
	1. 搜索框：单击搜索框时，出现float浮动效果，提高用户体验感

![搜索](./img/搜索.gif)

[链接](https://wp.tzyi.top)↑↓

    2. 日历：但鼠标悬停日历时，会出现push推动效果，提示用户该区域可进行点击操作。

![日历](./img/日历.gif)

- SiteOrigin  （使用3处）
	1. [网站总览](https://wp.tzyi.top/zonglan/)
		
		![](./img/siteorigin1.png)

	2. [persona——Web人物角色](https://wp.tzyi.top/2020/06/24/persona/)

		![](./img/siteorigin2.png)

	3. [为域名添加https](https://wp.tzyi.top/2020/07/08/https/)

		![](./img/siteorigin3.png)

---

## 2. 管理
### 云端架站（域名实践，并成功添加https）
网站：[https://wp.tzyi.top](https://wp.tzyi.top)

### 网站安全

使用wordfence进行实时监控

![](./img/wordfence1.png)
![](./img/wordfence2.png)

通过wordfence监控所知，在检测安全问题时，我的网站的安全系数只有60%。在防火墙方面，Wordfence Web应用防火墙可以做到主动阻止与已知攻击模式匹配的请求，并在主动保护站点免受攻击者的侵害。在最近的30天内，一天被wordfence阻止的攻击次数在1亿~1.6亿次，次数非常之多。而在24小时内，从凌晨12点到5点的时间内，攻击次数明显增加，我认为可能是因为主要的攻击来源于国外（时差问题）。

### 网站性能

使用site24x7监控

![](./img/site1.png)
![](./img/site2.png)


我在site24X7中启用了1个监视器对网站进行实时监测，6个监视位置为：上海，马尼拉（主要），普钠，迪拜，新德里，麦纳麦，台北，北京。在site24X7中，首先我可以了解到我的网站在这八个地方的响应时间和速度，其中马尼拉的访问速度最慢，上海的访问速度最快。在相应时间中，在SSL握手和首字节占了大部分时间。通过Sit24x7监视器观测到所有地区均可访问，网站无异常、无中断、无告警历史，处于较稳定的状态，所有服务运行正常。



### 网站备份

- 下图为利用SSH手动备份wp-config.php到本地
![](./img/SSH备份.png)

- 下图为进入后台数据库将sql文件备份到本地
![](./img/数据库备份.png)

- 下图为通过WordPress后台导出工具将导到本地
![](./img/插件备份.png)

- 下图为利用“UpdraftPlus”插件将文件备份到本地
![](./img/插件备份.png)

![](./img/备份.png)

## 3. 运营
### 站长工具

- A：使用了百度站长工具，已经可以在百度搜引擎中搜索到我的网站。

![](./img/百度.png)

*值得注意：在最开始的十几天，我发现SERP标题显示无误，但是域名却显示错误。（正确域名为wp.tzyi.top，但是搜索上显示www.tzyi.top），与我所提交的域名不符（如上图所示）。经过我之后不断重新手动添加该网站后，终于恢复为正确域名（如下图所示）。*

![](./img/百度搜索.png)

添加多项SEO优化，在手动添加站点20天后，网站内的文章页面终于被收录了7项。展现量为11，索引量始上升至5，但点击量依旧为0。

![](./img/百度提交.png)
![](./img/百度展现量.png)

- B：使用了必应站长工具，进行了SEO优化，且网站地图已被成功爬取，但是任何网址依旧未被收录，依旧无法搜索到任何有关页面。无任何流量显示。不知是什么原因。

![](./img/必应搜索.png)
![](./img/必应站长工具.png)
![](./img/必应报告.png)
![](./img/必应流量.png)

### SEO优化

在优化SEO后，流量目前并未发生任何明显变化，因此无法深入分析SEO方法与流量变化之间的关系。（已了解并询问其他通过优化SEO成功提高网站流量的同学，但依旧不知是什么原因）

下图为jetpack的流量分析截图，在进行了SEO优化后，浏览量仍未起色。

![](./img/jetpack流量分析.png)

下图为WordPress统计信息和数据分析的网页（以天为单位）。除6月15日有浏览量以外，其余几乎无任何流量。也许是和网站仍未被必应收录有关。

![](./img/WordPress流量分析.png)

1. 根据Yoast SEO所给建议进行修改。seo分析均从红色变为橙色。

![](./img/seo优化.png)

2. 根据网上查询到的方法，将URL长度控制在255byte

3. 为网站添加meta标记及标题信息

![](./img/meta.png)

4. 将网站中的URL手动提交到站长平台。

![](./img/百度提交URL.png)
![](./img/必应站长工具.png)

5. 启用CDN。通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。（课外获得方法）

![](./img/CDN.png)

![](./img/必应站长工具.png)

6. 利用WP Fastest Cache插件，启用缓存系统及浏览器缓存，以减少重复访问者的页面加载时间（课外获得方法）

![](./img/缓存.png)

### 用户研究

#### 方法A  用户访谈

- 访谈目的：通过用户访谈，了解访客初步想法，获得一些建议性回馈，以改进网站的相关设计
- 访谈对象：同学、好友
- 访谈流程：访谈对象浏览网站，就个人看法，提出点网站各方面（如页面设计，文章内容等）提出个人建议
- 访谈成果：对一系列问题进行修正、优化以提高浏览者观感体验。以下为访谈成果对网站的修改前后对比。

##### 修改前：
1. 访谈对象认为当文章内容对自己有帮助且想要分享给他人时，只能复制链接，相对麻烦。

2. 有同学认为用“如何运营网站”作为网站标题，有些不符。

3. 在整个网站中并未体现出最新文章，无法了解到网站最新动态。

##### 修改后：
1. 在查询资料后了解到有关于分享的WordPress插件并使用插件——AddToAny。通过该插件，轻松将文章分享到国内外主流平台上。

![](./img/分享.gif)

2. 将网站标题修改为“U-Test”。

3. 将首页顶部幻灯片轮播图内容修改为最新文章。并在导航栏处添加了一个文章总览的页面，方便用户了解新增文章。

![](./img/幻灯片.png)

![](./img/文章总览.png)

#### 方法B  用户旅程地图

![](./img/用户旅程地图.png)

##### 修改前：

在用户旅程地图中，发现痛点有：内容不够丰富、无法分享、界面优化不好、网站较为平淡等问题

##### 修改后：

1. 利用AddToAny插件，使用户可将感兴趣文章分享给好友。

2. 利用Animate it、siteorigin插件为网站添加更多元更有趣的内容

3. 在各页面右下角中添加了“返回顶部”的按键，提高访客使用体验。

![](./img/顶部.gif)
### 定制化	

1. 使用插件"AddToAny"——通过添加插件，可将网站文章分享至国内外各主流平台。通过该引流方案，使个人网站更具传播性，易被更多人所了解，满足为网站吸引更多流量的目标。与用户研究中访客对象所表达的需要随时分享文章内容的需求相吻合，也实现了提高网站可用性的6大原则之一————立刻给用户他们想要的。将该插件与文章结合，实现了插件的作用的同时，也对文章起到了很好的推广作用。

![](./img/分享.gif)

2. 使用插件“	WP Content Copy Protection & No Right Click”——通过该插件，禁止用户对文章内容进行复制等操作，保护文章版权。如图下所示，当访客在各个页面中，双击或是右键等其他操作时，便会弹出该窗口，且任何操作无法实现。在访客可以查看文章内容的同时，也解决了文章版权问题。

![](./img/版权.png)

### 加分项

- 使用HTTPS

[https](https://wp.tzyi.top/)

![](./img/https.gif)

- 添加多站点

[多站点](https://wp.tzyi.top/duozhandian/)

![](./img/多站点.png)

![](./img/多站点网站.png)