# Web_operations_final
**Repository Path**: lujizhi/Web_operations_final
## Basic Information
- **Project Name**: Web_operations_final
- **Description**: 网站运营期末报告
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-02
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 网站运营期末项目——[Car-share](https://www.zx614.club)
- 站长：卢继志ljzzz
- 网站撰写人：卢继志 181013097
- 网站链接：https://www.zx614.club
# 产品文档
- [一、策划](#策划)
- [（一）策划文档与网站地图](#策划文档与网站地图)
- [1、网站建设目标（从学生角度）](#网站建设目标（从学生角度）)
- [2、目标用户画像](#目标用户画像)
- [3、网站规划等前期策划内容](#网站规划等前期策划内容)
- [4、DVF模型定义需求](#DVF模型定义需求)
- [5、网站地图](#网站地图)
- [（二）平面设计](#平面设计)
- [1、平面设计插件运用](#平面设计插件运用)
- [2、网站配色、对比度与可读性](#网站配色、对比度与可读性)
- [3、图片的使用](#图片的使用)
- [4、图库风格及配色](#图库风格及配色)
- [（三）架站踩坑图文文章](#架站踩坑图文文章)
- [二、管理](#管理)
- [（一）云端网站管理](#云端网站管理)
- [1、云端架站](#云端架站)
- [2、网站安全](#网站安全)
- [3、网站性能](#网站性能)
- [4、网站备份](#网站备份)
- [三、运营](#运营)
- [（一）站长工具](#站长工具)
- [（二）SEO优化](#SEO优化)
- [（三）用户研究](#用户研究)
- [（四）定制化](#定制化)
- [四、加分项](#加分项)
- [（一）多站点](#多站点)
- [（二）HTTPS证书](#HTTPS证书)
# 一、策划
## 策划文档与网站地图
#### 网站建设目标（从学生角度）
- 网站定位：建设一个分析汽车时事、汽车性能对比、新车评比等关于汽车的网站
- 提高网站的排名：通过SEO、站长平台等工具优化网站关键词，提高网站权重
- 深化课程实践：2019-2020下学年《网站运营与管理》课程知识运用
- 得到更多的反馈：包括老师和同学们的建议和点评，进行后期的修改
#### 目标用户画像
* 用户画像1：了解、学习更多汽车知识
* 用户画像2：购买新车需求，关注新车发布
#### 网站规划等前期策划内容
1.搭建好网站站点，对网站进行备案
2.配置好数据库，完整、安全地保存网站数据
3.申请网站安全证书，并进行HTTPS安全配置
4.使用相关插件，如jetpack、wordfence、SEO等，优化网站
5.使用Google、Baidu、Bing等站长工具将站点录入，进行网站内容宣传，增加访问量，提高网站排名和权重
#### DVF模型定义需求
1. 用户需求：长期线上观看汽车时事、了解汽车性能，关注新车，学习相关汽车知识等
2. 商业延续性：前期，以社区的形式搭建平台，用高质量的汽车内容留住、吸引用户，提高网站流量和排名；后期，有固定流量后，发展电商类汽车附加品，寻求与原汽车附加品供应商合作，搭建电商平台获取部分利润；同时提供网站广告位，为汽车品牌打广告，赚取分成和广告费。
3. 可行性：（1）用户群体广泛，且市场汽车普及率高，人们更加主动自愿地了解汽车；（2）新兴产品引流难度较大，宣传成本高；（3）后期发展汽车附加品电商，需要考虑物流问题等（如何更好地保障/保护运输品-包装问题）。
#### 网站地图
* 网站地图由八个页面组成，分别是首页、商务车、SUV、中型车、新能源、云端架站、网站地图、声明
## 平面设计
#### 平面设计插件运用
* 2处animate使用
1.文字动画（示例链接：https://www.zx614.club/2020/07/07/shangwuche/kaluola/）
2.导航栏动画（示例链接：https://gitee.com/lujizhi/Web_operations_final/raw/master/img/animate1.png）
* 3处siteorigin使用
1.“网站地图”页面使用siteorigineditor（示例链接：https://www.zx614.club/sitemap/）
2.“首页”页面使用siteoriginpost（示例链接：https://www.zx614.club/）
3.“网站地图”页面使用siteoriginpost（示例链接：https://www.zx614.club/sitemap/）
#### 网站配色、对比度与可读性
字体对比度：菜单栏网站标题字体为30px、导航字体为20px、导航子级字体为12px、文章标题字体为35px、文章内容字体为16px。
网站配色：以黑（主体内容）、白（背景颜色）为主，链接颜色及菜单栏选中颜色为蓝色。
配色说明：网站背景颜色为白色，文章内容为黑色，黑白搭配是最经典的穿搭，非常的简洁简单，给人一种大大方方的感觉，且**可视程度、可读性**较高，如果选择其他颜色，可能会造成网站流量减少的可能。
#### 图片的使用
本网站内菜单栏中的“商务车”、“SUV”、“中型车”、“新能源”的文章及图片非原创，图片及文章内容版权归属汽车网站”汽车之家”（汽车之家网站链接https://www.autohome.com.cn/guangzhou/）。
本网站内菜单栏中的”云端架站”的文章及图片为原创，原创链接在详细文章内容里，请跳转至“云端架站”分类查看详情文章。
#### 图库风格及配色
图片选择：多以汽车实体图为主，选取汽车外观图，文章内容根据需要并少量涉及汽车内饰图。
图片配色：多以汽车主体色为主，且大多数图片使用为暖色调，少量图片运用冷色调（如文章“大众CC旅行版实车曝光”）。
图片风格：沉稳踏实、端庄严肃。
配色说明：图库配色以冷、暖色调相结合，并与主题色黑、白（中间色）混合搭配，一定程度上减少用户的视觉疲劳，用户不会因为由大部分的单色调导致审美匮乏，让用户有更好的视觉体验。
## 架站踩坑图文文章
* WordPress网站备份
* HTTPS安全证书绑定
* 阿里云与DO的对比
*****
# 二、管理
## 云端网站管理
#### 云端架站
* 完成域名绑定、及https安全证书绑定（https://www.zx614.club）
#### 网站安全
* 使用wordfence插件，为网站进行安全扫描（一般每周需要扫描一次），截止文档写入前，本网站扫描类型为标准扫描，且反馈数据为60%（安全性为中上等），恶意扫描反馈数据为70%（安全性为中上等），网站总体处于安全状态。
* 在wordfence插件的仪表板中，可以随时查看网站阻止的攻击数，wordfence会自动把我们阻止且统计数据，从24小时和30天反馈的攻击数中，可以发现网站时刻被攻击，但还能安全的使用，则是wordfence起了效果。（截止2020/07/04）
#### 网站性能
* 使用site24x7插件监控网站，系统面板中绑定两个网站，分别是www.zx614.club、ud.zx614.club，添加8个地点检测（以广州为中心点城市），监控总数为11个，11个监控点中全部显示监测状态，并随时以邮箱的形式反馈监测结果。在site24x7后台中，以可视化的形式呈现响应时间、不同位置的可用性和响应时间、 不同位置的响应时间、全局平均值等。以www.zx614.club为例，从响应时间数据中可以发现，网站的DNS时间、连接时间、SSL握手时间、第一字节时间短而快速，说明网站延迟低，运作效率高。（截止2020/07/04）
#### 网站备份
* 使用到三种方法备份网站：1.数据库备份；2.wordpress后台工具导出备份；3.wp-config.php备份（使用SSH/Winscp远程软件）
*******
# 三、运营
## 站长工具
#### 百度站长工具
* 网站索引到的结果（在7月13号，搜索时如图排名第二的colorful world为现在网站出现，之前索引的结果是第一版的“文传官网”，大量出现之前的索引结果可能是因为之前网站的文章更新频繁，每天在站长工具中更新自己的文章/页面URL，导致有大量的收录结果。同时近期也在网上查找相关“快速收录网站文章”，如WordPress SEO优化：百度搜索推送管理插件体验，提升百度收录效率的插件、SEO -- WordPress怎设置百度站长链接自动提交）
* 爬取频次
* 索引情况（索引量在1-2次波动，未见起色，可能是因为网站内容太少，可索引内容质量不高）
* 资源提交趋势（截止7.13，连续5天，在站长工具上提交网站地图sitemap及url）
#### Bing站长工具
* 截止提交文档日期前，bing暂未收录我网站的相关内容，且有相对应的爬取量和索引量，在网上查找相关文章优化后，暂未出现好结果（如增加必应（bing）搜索引擎收录的办法、Bing网站收录基础知识问题等）之后会持续跟进并进行优化
* 网站地图提交情况
* 爬取情况
## SEO优化
#### 方案一：添加外链
说明：在相关的博客网站、学习网站等有相关内容的评论区贴入网站URL，增加学习途径，提高网站流量
1.在CSDN博客学习网站相关内容帖子评论区外链我的网站的文章链接
2.在bilibili相关内容视频外链我的网站的文章链接
* 成效
#### 方案二：提交URL至百度/bing站长平台（官方方法）
说明：在百度/bing站长工具提交网站各页面URL（分类、页面、文章等URL），快速录入此平台
1.在百度提交URL
2.在bing提交URL
* 成效:每天坚持提交有一定的效果
**百度索引变化**
**bing索引变化**
#### 方案三：提交sitemap至baidu/bing站长平台
说明：在baidu/bing站长工具提交sitemap，提交全体系的网站链接，增加网站权重
1.在百度提交sitemap
2.在bing提交sitemap
#### 方案四：bing-SEO报告提交url进行seo分析检测（官方方法）
说明：在bing-seo后台进行对应链接的分析，举例文章链接。检测到有相关seo可优化部分，对此进行优化。
#### 方案五：Yoast SEO可读性优化
说明：下载Yoast SEO 自动检测每个页面的可读性，并反馈修改部分，举例“副标题分配”、“段落长度”、“副标题长度”进行修改，使其变为可读（绿点）
#### 方案六：更改链接-固定链接
说明：固定链接更改为：域名+年月日+分类+文章名，提高收录率
## 用户研究
#### 用户访谈
在2020/07/01-2020/07/07对**6位**用户进行为期一周的用户访谈。访谈内容分别是进站速度、网站图片使用规范、网站首页形象、网站交互、文章内容规范。根据为期一周的用户访谈中，总结得出：**进站速度慢**、**侧边栏工具单一**、**首页图片展示使用不规范**、**页面‘分类’和‘文章’模块布局混乱**、**首页图片展示无交互功能**。
* 修改一：修改页面‘分类’和‘文章’版块布局混乱部分，两者放在一起有重复功能，对此，做出了相应修改是把‘文章’模块修改为‘标签’，让用户更好地定位需求内容，快速找到想要查找的内容，且同一标签可容储多篇文章
* 修改二：修改首页图片展示规范（图像放置不规整），增加图片交互功能（根据图片链入相对应的链接内容），修改前图片仅仅展示功能，无任何交互，修改后加入链接，让用户有良好的交互体验及网站多样内容的普及
* 修改三：修改‘侧边栏’模块，‘增加日历’、‘画廊’、‘近期文章’模块，‘日历’可在日程中选中，调整至选中日期所发布的文章内容；‘画廊’模块展示相关汽车图片，起美化效果；‘近期文章’供用户快速选择其他浏览内容。让用户更高效的浏览网站内容。
#### A/B 测试（关于**主页内容显示**方案测试）
* **A方案（主页内容显示“近期文章”+“侧边栏”模块）**：对3位用户进行此部分的访谈中，均表示此方案的展示方式比较大众化且内容单调，主页显示的内容可以以定制化的形式呈现，更加吸引用户的注意及停留。
* **B方案（主页内容显示定制化页面）**：对另3位用户进行此部分的访谈总，均认为该方案的展示方式非常特殊化、个性化，更愿意长时间停留流浪，且突出网站内容，快速定位内容，减少用户搜寻时间。
**综上所述，本人选择方案B（定制化页面的呈现形式），该形式更加特别与新颖，且从外观看更加规整，排版更加合理。内容布局定位明确，图片展示突出网站主题，且交互性的定制提高了用户体验感**
## 定制化
#### 定制化方案一：文章内容防盗，保护原创作者劳动成果，建立高标准的内容防盗汽车网站
由于此网站“商务车”、“SUV”、“中型车”、“新能源”分类的文章内容及图片均来自“汽车之家网站”,版权不归此网站所有，但在每篇文章都有备注说明来源“汽车之家”，为了不被其他用户盗用，启动内容防盗插件“WP-Copyright-Protection”,，该插件启防盗作用，即不可复制文章内容。
* 未启动插件-鼠标可选可复制内容
* 启动插件-鼠标不可选不可复制内容
#### 定制化方案二：修改首页展示图片CSS样式，增加图片可链入链接，规范图片使用，建立更规整的汽车展示网站
经过用户访谈结果，得到用户对于首页汽车图片展示的规范性提出要求，对此，为了规范图片的使用，增加图片边框，修改图片尺寸，使其完整适应整个页面（左右边距相同，等差距错开），且图片效果不仅只是单单展示，还链入相关内容链接，如汽车品牌内容等。
```
使用的CSS样式代码：
.bujiadi{
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
.baoshijie911{
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
.baoshijie918{
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
.binli{
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
```
* 链入相关链接
* 图片规范前
* 图片规范后（页面规范）
# 四、加分项
## 多站点
* 使用两个站点，分别是www.zx614.club（WEB期末设计网站）和ud.zx614.club（UX期末设计原型）
## HTTPS证书
* 安全证书SSL，申请流程文章在“云端架站”菜单栏
