# 网站运营期末项目

**Repository Path**: QiuYuAn0303/web_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-07-09
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网站运营期末项目——[ACG聚集地](https://nfushrike.top/)
- 站长：邱瑜安
- 本站文章来自游研社，知乎，动漫之家等网站
- 这是一个用wordpress搭建的网站

# 产品文档
# 一.策划
### 网站建设目标
- 网站定位：建设一个提供动漫和游戏的新闻以及分享一些比较有深度的动漫游戏相关文章，并且分享一些ACG相关音乐的网站。
- 提高网站的排名：获得更高的浏览量。
- 提高用户体验质量：及时提供最新的新闻，收集一些高质量文章以及更多的分享一些ACG优质音乐。
### 目标用户画像
- 15-25岁之间，喜欢ACG相关内容的男性女性
- 用户需求：希望得到最新的ACG相关消息并希望阅读一些内容丰富的ACG相关文章。

1.杨敬今年20岁，是某大学的大学生。像许多年轻人一样，他平时也有追番，也喜欢和同学谈论一些新番内容。他想要及时了解最新的新番消息，并作为和同学聊天的话题。

2.张译今年24岁，是一个游戏爱好者，平时不仅爱玩游戏也爱看游戏。他不仅有关注一些最新的游戏动态，还喜欢看一些游戏相关的有趣文章。他希望有个网站能够多提供一些关于游戏的文章。

3.龙文章今年18岁，是一个高中生。他喜欢动漫，也喜欢游戏，但繁重的学业让他没有太多的时间去关注他喜欢的东西。他最大的消遣就是在课间休息时间听几首自己喜欢的音乐。他希望有个网站能够让他在休息时间看看那些番剧的音乐特别出彩，自己在回家的时候好下来听听。

### 网站规划
#### 前期
- 搭建好网站站点，尽可能的填充丰富网站的内容。
#### 中期
- 通过SEO工具提升网站排名。
#### 后期
- 通过分成等方式吸引一批原创作者，打造独有内容，提高网站的竞争力。并通过广告等方式盈利。
### DVF需求定义模型
- 用户需求(Desirability):1.获得ACG相关的最新新闻。2.阅读动漫、游戏相关文章。3.了解一些乐队以及音乐趣闻。

- 可持续性（Viability）：网站文章早期主要来源是转载各大网站的文章，当网站走入正轨后，可以让作者入驻为网站提供文章，提高网站竞争力。

- 可行性（Feasibility）:使用site origin等插件对页面和文章进行排版布局的优化；在首页页面添加侧边栏小工具实现搜索和评论功能；在主题外观设置中实现导航栏功能。

### 网站地图
- 红色为页面，青色为文章
![](./image/sitemap.png)

## 平面设计
### 平面设计插件运用
* Animate it!
* 侧边工具栏使用了三种不同的动画效果。

![image](./image/动画-1.png)

- 在文章对图片使用了动画效果，增加了阅读的趣味性。

![image](./image/动画-2.png)

* SiteOrigin
- 有三篇文章使用了siteorigin来进行页面规划。
- [从零开始的架站操作——其一](https://nfushrike.top/2020/07/01/edupack/)

![](./image/siteorigin-1.png)

- [乐队介绍——Daft Punk](https://nfushrike.top/2020/06/30/daft-punk/)

![](./image/siteorigin-2.png)

- [乐队介绍——Projectmili](https://nfushrike.top/2020/06/28/projectmili/)

![](./image/siteorigin.png)

### 网站配色、对比度与可读性
- 以黑色和白色作为网站的主要元素，链接则使用棕黄色，与网页背景有一个对比。
- banner使用的是一个以黑色与深蓝色为主的图片，比较契合整个网站的色彩，同时也契合本网站的定位。
- 使用上学期老师交的用右键点击打印的方法来看是否网站具有可读性。
![](./image/可读性.png)

### 图片的使用
- 原创文章所使用的图片将会在文章的底部标明出处。

![图片使用](./image/图片使用-2.png)

- 非原创文章则会在底部标明文章转载自何处并提供文章链接。

![图片使用](./image/图片使用.png)

### 架站踩坑图文文章
[从零开始的架站操作——其一](https://nfushrike.top/edupack/)

[l从零开始的架站操作——阿里云](https://nfushrike.top/alicloud/)

[从零开始的架站——域名绑定与SSL](https://nfushrike.top/domainname/)

# 二、管理
### 云端架站
- 网站绑定了一个域名：[ACG聚集地](https://nfushrike.top/)

![网站域名](./image/域名.png)
### 网站安全
* 我使用wordfence插件来保障自己网站的安全，通过对网站进行扫描发现我的网站没有太大的安全隐患,在通过教程进行防火墙设置后网站安全度上升到了60%.

![](./image/网站安全.png)

* 我的网站受人攻击的次数不算太高，但我还会用wordfence插件来保证我的网站不会受到外部攻击的影响。
![](./image/网站攻击-1.png)

![](./image/网站攻击-2.png)

### 网站性能
* 使用了site24*7监控网站，添加了8个网页监视器，这些监视器将会在世界各大洲对我的网站进行监控
![](./image/site-4.png)

![](./image/site.png)

![](./image/site-2.png)

![](./image/site-3.png)

- 可以看出，在最近的一段时间内，网站总体运行状况不太平稳，平均响应时间为4.37秒，可用性为100%。响应速度较慢，需要在网站结构上在做出一些优化。

### 网站备份
- 一共使用了三种备份方法，得出三份备份文件。

![备份](./image/备份文件.png)

- WinSCP

![备份](./image/winSCP.png)

- wordpress站点直接导出

![备份](./image/备份-1.png)

- 使用WordPress Backup Plugin插件进行导出

![备份](./image/备份-3.png)

# 三.运营
### 站长工具
- 这里主要使用了两个站长工具：必应和百度

#### bing站长工具
- 必应站长分析：我在必应网站上的数据被抓取的次数较多，但是发现有抓取错误的有两次。可能是在SEO设置上还有缺陷。

![bing](./image/bing站长.png)

- 搜索引擎收录的内容仍然是以前的内容，可能需要bing再次抓取后才能更新。

![bing](./image/bing.png)

#### 百度站长工具
- 在百度上网页的抓取率很低，可能是我的网站索引以及SEO不够完善，还需要进一步改进。

![百度](./image/百度站长-1.png)

![百度](./image/百度站长-2.png)

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

### SEO
1. 为每篇文章都加上了焦点关键词。

![SEO](./image/SEO.png)

2. 在文章底部添加了通往其他文章页面的链接。

![SEO](./image/SEO-1.png)

3.将文章链接由原来的日期式的固定链接，改成基于文章标题、网站路径的固定链接。这种做法既方便了爬虫爬取，也方便了用户的记忆。

![SEO](./image/SEO-3.png)

4.使用YoastSEO优化关键词。

![SEO](./image/YoastSEO.png)

- 截止到7月16号，我的网站浏览量还是没有明显的提升，可能是我的SEO关键词设置的不够好，也可能是因为bing站长工具和百度站长工具中的参数没有调整好，总之就是要继续修改。
![流量](./image/网站流量.png)

### 用户研究
- 这次用户研究的一共寻找到三位符合我们网站用户定位的受访者，并通过视屏通话采访以及远程操控获取受访者页面信息，仔细记录他们对网站的建议以及需求

- 问题一：网站响应速度过慢，有时候要等差不多半分钟才能把一个页面完全的加载出来。
- 方案A：压缩图片的大小，重新压缩并上传媒体库中的图片，减少文章字数。
- 方案B：使用WP Fastest Cache插件进行缓存清理，减少垃圾文件。
- 最终选择了方案B，方案A的压缩图片的策略会严重影响用户在浏览文章时的体验。

![wpfaster](./image/wpfaster.png)

- 问题二:文章的层级不够明显，很容易让用户迷失。
- 方案A：利用主题的标签功能提供定位。
- 方案B：在文章开头提供层级说明。
- 最终选择了方案A。利用主题的标签功能既美观，又很好的实现了告诉目标位置的效果。

![标签](./image/标签.png)

### 定制化
- 根据用户反映的加载速度过慢的情况进一步优化，使用了Swift Performance Lite插件，将网站的所有页面进行缓存，这样用户读取网站的速度就能够进一步加快了。

![swift](./image/swift.png)

- 利用面包屑导航插件，在页面banner图的右下角增加了面包屑导航，用户可以更加清晰的知道自己位于哪个层级了。

![面包屑导航](./image/面包屑.png)

### 加分项
- 使用了https: https://nfushrike.top
![https](./image/https.png)