# web-operation
**Repository Path**: leochen520/web-operation
## Basic Information
- **Project Name**: web-operation
- **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-03
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 神奇动物在哪里—运营报告
网站名称 | 神奇动物在哪里
---|---
网址 | [https://chenleo.top/](https://chenleo.top/)
站长| 陈立豪 181013057
运营报告撰写人| 陈立豪 181013057
# 1.策划
### 1.1策划文档与网站地图：
- 网站建设目标：通过网站建设，让用户通过互联网来科普一些宠物的相关知识及相关有趣的宠物新闻，获取更多的潜在目标用户，帮助用户了解宠物们的习性展开训练，同时解决宠物经常会出现的小状况。
- 目标用户画像：
[女生图片来源于](http://www.51yuansu.com/sc/qjecaxtmoy.html)
- 网站规划：
这是一个宠物爱好者的综合型网站，主题是宠物方面的，网站中的图文主要来源于网络及主题相似的官网。我的网站主要面向于家里养有宠物的铲屎官以及其他宠物爱好者，主要是年轻人，所面向的主要地区不限。我的网站能给别人提供宠物的相关知识及相关有趣的宠物新闻。网站架好之后，通过一些方式进行监控和管理，再去优化。
- 根据用户调研的结果进行目标的调整：
通过网站建设，展示更多有趣的宠物常识科普及应对宠物问题的策略，并且做好留言板与用户互动，了解用户需求，以及做好版权保护的工作。
- 使用DVF模型描述如何定义需求：
- 网站地图：
主标题为首页，子标题下为页面和文章分类目录，通过层级关系表明页面、文章、分类标签的关系。
文章偏向动态页面，而页面偏向静态页面，也可以理解为网站的主要内容为文章，次要内容为页面。
---
### 1.2 图库版权
- 每篇文章中非原创的每张图片都有版权交代，且附有超链接
---
### 1.3 图库风格及配色
- 图片风格：网站内每一篇的文章的配图选择，是与文章内容相关联的。本网站的主题为“宠物”相关，我都会选择可爱小清新风格的宠物图片作为插图。一般不采用鲜艳的高饱和度的图片，避免画面越来越腻，视觉冲击更强的同时，画面给人的感觉越来越不自然，越来越不耐看。
---
### 1.4 云端架站踩坑图文文章：
- 每篇文章结尾均有超链接至网上其他可行的方法
- [首页的文章标题只显示一行](https://chenleo.top/index.php/2020/06/25/title/)
- [如何编辑首页顶部菜单](https://chenleo.top/index.php/2020/06/25/menu/)
- [首页文章设置阅读更多](https://chenleo.top/index.php/2020/06/25/readmore/)
---
### 1.5 平面设计1
- 风格：我的网站主题是“宠物”相关，我希望它是给人感觉可爱欢快活泼的风格。
- 配色：为了使整体风格呈现出可爱活泼的视觉体验，主导颜色我选择了白色和橙色，白色是一种非常干净简单的色彩而橙色代表阳光、健康、快乐，橙色中加入较多的白色会带来一种甜腻的感觉。
- 对比度与可读性：背景采用纯白，主内容字体大小为16号，黑色的字体和白色的背景呈鲜明的对比令文章内容更加突出，更利于读者阅读。
- 可读性：本网站主要文章均有配图、副标题、内链等，且段落数及文字数量均在合理范围内，故可读性强。
---
### 1.6 平面设计2
#### Animate it!
1. 在侧边栏搜索框添加了（ animated bounce duration1），每次刷新都带有弹跳的效果，提醒用户可以通过搜索框找到想要的信息。[效果链接](https://chenleo.top/)
2. 在侧边栏自定义图像添加了（ animated swing duration4 infinite eds-on-scroll ），一只不断在前后摇摆的猫为网站增加了趣味性，同时也符合网站主题。[效果链接](https://chenleo.top/)
#### Siteorigin
1. 在首页添加音频、帖子循环、近期文章和萌宠画廊，把网站主要区块展现给进入网站的游客。 [效果链接](https://chenleo.top/)
2. 在文章《柯基犬》的顶部下添加了音频，作为内容的点缀，营造了阅读氛围。[效果链接](https://chenleo.top/index.php/2020/05/28/wenchuanyingshigongzuoshi/)
3. 在文章《布偶猫》底下添加了图像，并链接至哔哩哔哩中的一段关于布偶猫的短视频，可供用户深入了解宠物日常动态，视频会更直观具体。[效果链接](https://chenleo.top/index.php/2020/05/28/kaoyanzuotan/)
# 2.管理
### 2.1云端架站：https://chenleo.top
- 正常可用的云端网站，使用域名。[神奇动物在哪里 ](https://chenleo.top)
---
### 2.2网站安全：使用Wordfence
- 通过数据可知本网站安全系数高，浏览登录记录均为本人，暂无发现恶意攻击本网站的行为。
- 在扫描反馈的各项均没发生异常。
- 同时通过图片数据可知，该防火墙在不断的学习中，以此提高网站的安全性。
- 网站的回应为正常值、IP地址稳定
- 我学习到维护网站要经常进行扫描，就像手机要经常杀毒清理垃圾，才能维持运行流畅。
---
### 2.3网站性能：使用site24x7
- 我添加的监控点分别是各大洲的主要城市，以此来看看整体的网站性能，
- 通过数据可知本网站的平均响应速度为3.13秒，算是挺不错的。
- 其它各大洲的监测地点均为正常值，可用性为100%，停机时间为0，能正常访问本网站。
- 使用site24x7进行网站性能的监控，我添加了8个监控地点
---
### 2.4网站备份：
* 本地备份（我把三个截图放在同一个文件夹里并有标注说明哪个文件对应哪种备份方式）
# 3.运营
### 3.1 站长工具：
- Baidu站长认证——方法：登录百度站长工具，选择通过html的验证方法，将其验证码贴入Yoast SEO。
1. 在未注册百度站长工具前，无法搜索到本网站
2. 因为显示网站验证失败，原因为30天才能改网站主题验证，所以暂时没提交sitemap
3. 每天都有手动提交及利用site：查看收录情况，但均未被收录。“索引量”和“抓取频次”都在原地踏步。
4. 在普通收录处手动提交sitemap及链接，等待中。（7月2日）
5. 网站终于被百度收录了（7月13日）
- Bing站长认证——方法：登录Bing站长工具，选择通过html的验证方法，将其验证码贴入Yoast SEO，完成验证后提交sitemap
1. 在未注册bing站长工具前，无法搜索到本网站
2. 提交了sitemap但还未被收录（6月30日）
3. 自五月底认证bing站长工具以及使用SEO优化后，“页面流量”、“搜索点击数量”、“搜索结果”等无明显变动，但“抓取页面数量”有波动
4. 继续等待中
---
### 3.2 SEO优化
* 进行SEO优化前后的数据对比
* 6月15号开始更改网站主题，刚开始陆续发表了几篇文章，网站点击率相对而言还好。
* 但是后面一直没被百度、bing收录，流量情况十分不客观。
* 6.25有作出相应的优化，比如尝试写软文，推荐给朋友浏览，浏览次数有上升。
* 6.26-7.5 网站没有动态，没有更新，点击量暴跌。
* 7.7之后的点击量突然很高
##### 方法一： 为图像添加alt替换文本，alt描述使图片更容易被搜索引擎加入索引，这是图片的文字标识，告诉搜索引擎你这张是什么图片，好让搜索引擎更合理的加入到索引里。<课堂未提及方法>
结果：以举例的文章为例，文章浏览流量以天为单位统计变化并不明显
##### 方法二：尝试在我的首页中添加一个去其他宠物主题网站的出站链接。
结果：文章浏览流量以天为单位统计变化并不明显
##### 方法三： 优化文章url<课堂未提及方法>
- 网上论坛分享说，url越短越好，且最好包含文章关键词，可以稍微提高页面相关性。
- 优化前我的网站url后缀（以个别文章为例）。
- 优化后，标题尽量短了很多。
结果：优化链接之后，网页的抓取速度更快了，第二天点击量也得到了很大提升。
##### 方法四： 在简书写软文推荐自己的网站，增加点击率。[简书文章 ](https://www.jianshu.com/p/867b70e8a2f0)
但是阅读数只有9，对网站点击数增长帮助不大。
##### 方法五：网站结构最好是以树状扁平化为最好，内容页与首页的点击距离在4次以内为好。<课堂未提及方法>
- 有一个好的、合理的站点结构，能够节省访问者的时间，提升用户的体验。目录的层次也不要太深，不然搜索引擎很难抓取网站的内容。
#### Jetpack及Yoast SEO前后的数据对比、分析原因
注：本部分内容与前面的站长工具认证以及seo优化方法内容有部分重复故不再展示。
数据对比：
在Jetpack后台数据对比可以看出，访客的数量在增加
前
后
##### 分析原因
1. 通过主动提交sitemap以及网页的链接后，网站更容易被搜索引擎收录。
2. 在完成了所有的SEO优化方法后，要保持对网页文章内容的更新，尽量保持两三天更新一篇文章，保持网站的活跃度。
3. 网页浏览量激增的原因原因在于使用了site24*7的检测工具，但排除这部分流量数据，网页的浏览量和文章的浏览量都有部分提升。
4. 有空之余可以给身边的朋友分享网站链接，能对网站起到宣传作用，增加点击量。
---
### 3.3 用户研究。
#### 方法一：用户访谈（3人）
受访者信息：3名中山大学南方学院的学生，来自于不同年级，不同专业
访谈目的：通过用户访谈，得到一些建议性的反馈，以此来对网站进行改进，做定制化的设计
访谈流程：受访者依次浏览网站，针对网站的各个方面说出自己的想法，并且给出一些修改提升的建议
产品|内容|用户|目标
---|---|---|---
宠物爱好者的综合型网站|定期更新有关于宠物的文章，内容以文字结合图片为主。|一类萌宠爱好者，另一类是养有宠物的铲屎官。|改善网站质量与不足之处，满足用户的基本需要，提升阅读量与网站的点击量。
问题|怎样可以让网站看起来更有趣，互动性更强？|网站平面设计方面是否赏心悦目？|搜索框需要贯穿到每一个页面吗？|网站的文章部分还有需要改进的部分吗？
---|---|---|---|---
访谈总结|三位访谈者一致认为可以在网站首页增加一个音乐播放区块，营造活泼的阅读氛围。|其中一名访谈者认为背景有些空，建议加点动物素材，其余两名认为整体配色很符合网站主题。|三位访谈者都认为需要多放置搜索框，同时访谈者也提出了一个意见：搜索框可以设置一个小动画，让用户知道在这里搜索|三位访谈者都认为文章内容较不够丰富。
#### 方法二：用户旅程地图
---
### 3.4 定制化：
#### 定制化方案一：在网站首页增加一个音乐播放区块，且在侧边栏增加搜索小工具。（根据访谈结果定制）
- 原本的首页：只有几个展示文章和图片的区块，看起来很单调乏味。
- 原本的侧边栏：只有最近文章
- 定制化后的首页：在首页标题下区块添加音频播放，作为内容的点缀，营造了阅读氛围。
- 定制化后的侧边栏：添加了搜索框小工具并带有弹跳的效果，提醒用户可以通过搜索框找到想要的信息。
- 改版前的首页及侧边栏
- 改版后的首页及侧边栏
#### 定制化方案二：防盗需求
- 安装了WP Content Copy Protection & No Right Click的插件，用途在于保护网站文章与图片的版权问题。
- 经测试后，确认开启此功能，除管理员外的其他用户无法复制文章。
# 加分项
#### 使用HTTPS：https://chenleo.top
