# web-operations **Repository Path**: guiyueYan/web-operations ## Basic Information - **Project Name**: web-operations - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 4 - **Created**: 2020-07-05 - **Last Updated**: 2024-12-21 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

网站运营报告

颜癸悦181013128

--- | **网站名称** | READ WORLD | | ---- | ---- | | 站长 | 颜癸悦（YUIAN) | | 网站url | [READ WORLD](https://guiyue.site) | | 内容主要来源 | 豆瓣读书+知乎+百度 | # 1. **云端网站策划** ## 策划文档与网站地图 ### 1.网站建设目标：为喜欢阅读、喜欢分享的人群提供一个可以全方位了解书籍内容的推荐网站。通过该网站的建立，在互联网上通过对书籍分类推荐、原文摘录展示并进行实时性书评的发表，方便访者找到更为合适的书籍进行阅读。 ### 2.目标用户画像 * 群体用户画像：对书籍感兴趣\对作家有研究的人群、喜欢发表自己对书籍见解的人群。 * 具体人物画像： ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/huaxiang1.png) ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/huaxiang23.png) ### 3.网站规划作为网站的规划者，原本我只是想搬运相关的优秀书籍的点评文章，做一个有关书籍主题的平台资源整合，后来经过用户调研，至少有三位以上的朋友都表示，如果存在这样只是大数据推荐和书评整合的一个网站，他们会觉得很单薄并且不会去经常点击，而且只是做优秀书籍的解说与评价，可能会涉及到剧透的风险，因为可能大部分访者还没看过这本书，就已经查阅了大部分相关的内容评价，不利于网站的可持续浏览。 1. 基础建设：包括网站整体架构规划、数据库后台管理、后台管理系统建设、前台界面设计、服务器运转、域名绑定 2. 前期规划：收集优质书籍资源、以用户为中心，设计符合用户需求的页面操作模式，使文章排版结构统一化便于提升易读性，提高用户的阅读体验。 3. 中期优化：持续更新网站内容，提供更优质的的文章，同时做好网站SEO工作提高网站流量，保持较好的网站运营能力。 4. 后期规划：增加网站的页面与功能，有规律地进行文章的更新，开放互动平台供用户进行交流沟通，增加用户与网站的粘性。基于用户调研和访谈，使用DVF模型定义需求——与网站的前期规划对比，增加西方经典著作这一页面模块功能，使之成为书籍内容更加多元化的网站，更大限度地满足用户的需求。 ### 4.DVF模型 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/DVF.jpg) ### 5.网站地图 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/ditu.jpg) ## 平面设计 ### 1.图库版权 * 每张文章内容的图片都相应添加超链接——"图源"（点击即可跳转） ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/tuyuan.png) * 首页的装饰性图片也表明标明来源和附上原链接（点击即可跳转） ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/tuyuan2.png) * 在每篇非原创文章内容末尾，标明文章来源并链接原网页（点击即可跳转） ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/laiyuan2.png) ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/lianjie2.png) > 链接结果： ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/lianjie4.png) ### 2.图库风格和配色 * 配色风格：网站名称为“READ WORLD”，想颠覆以往对阅读网站的固有观感，所以挑选网站配色时用的是对比度较强的几个色调，主体选用白色与黑色的相间搭配，白色区域放置文章/文字内容，侧面图片选用深蓝和黑色进行搭配，增强了用户的视觉对比，使得页面模块非常清晰明朗。整体网站的基调理智又不失趣味和神秘感，这样会给用户一种想要去探索书本世界的冲动。 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/peise1.png) ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/peise2.png) ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/peise3.png) * 图片风格：在图片的挑选上，文章页面的图片主要选用多数出处书本相关的截图，画面主要是有关该书籍的主人公的人物形象或经典语句摘录图片，意在于增强用户阅读文章时的代入感和体验感。首页的配片的风格则是根据整体搭配而作出的选择，通过黑色和白色两个色调的基础上，选用颜色对比度较强的深蓝色系图片区分内容区域。 * 部分图库展示： | ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/lan1.jpg) | ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/lan2.jpg) |![](https://gitee.com/guiyueYan/web-operations/raw/master/img/lan3.jpg)| |:-|:-|:-| | ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/mi1.jpg) | ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/mi2.jpg) |![](https://gitee.com/guiyueYan/web-operations/raw/master/img/mi3.jpg)| |:-|:-|:-| | ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/wen1.jpg) |![](https://gitee.com/guiyueYan/web-operations/raw/master/img/wen3.jpg)|![](https://gitee.com/guiyueYan/web-operations/raw/master/img/wen5.jpg)| |:-|:-|:-| * 背景及字体的对比度：文章页面背景采用纯白，文章主内容字体大小为15号，黑色。文章副标题大小为H2,绿色加粗。非重要文字描述采用13px大小。读者能够一眼明晰文章的内容框架，文章区域对比度较强。 * 可读性：本网站所有文章均有配图、副标题、内链等，且段落数及文字数量均在合理范围内，故可读性较强。 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/kedu.png) ### 3.平面设计插件运用 #### Animate it！ > 网站多处运用了Animate it！动画： * 首页banner图下的书籍摘录文字 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/a1.png) * 主页面之一的侧边图片 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/a2.png) * 主页面之一的画廊 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/a3.png) #### Site origin: > 网站多处运用了site origin： * [首页](https://guiyue.site/) 整个页面都运用了site origin(如图所示） | ![首页](https://gitee.com/guiyueYan/web-operations/raw/master/img/siteorigin.png) | ![效果](https://gitee.com/guiyueYan/web-operations/raw/master/img/peise1.png) | |:-|:-| | ![首页](https://gitee.com/guiyueYan/web-operations/raw/master/img/siteorigin1.png) | ![效果](https://gitee.com/guiyueYan/web-operations/raw/master/img/peise2.png) | |:-|:-| * [文章](https://guiyue.site/index.php/2020/06/22/architect/)页面使用了site origin(如图所示） | ![文章](https://gitee.com/guiyueYan/web-operations/raw/master/img/siteorign3.png) | ![效果](https://gitee.com/guiyueYan/web-operations/raw/master/img/wenzhang2.png) | |:-|:-| * [西方经典名著页面](https://guiyue.site/index.php/western-classics/)使用了site origin(如图所示） | ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/siteorign4.png) | ![效果](https://gitee.com/guiyueYan/web-operations/raw/master/img/wenzhang.png) | |:-|:-| ### 3篇原创云端架站图文文章 1. [架站|如何加网站的站长认证](https://guiyue.site/index.php/2020/07/01/webmaster-certification/) 2. [架站资源|国内外云主机架站平台服务分析](https://guiyue.site/index.php/2020/06/30/%e5%9b%bd%e5%86%85%e5%a4%96%e4%ba%91%e4%b8%bb%e6%9c%ba%e6%9e%b6%e7%ab%99%e5%b9%b3%e5%8f%b0%e6%9c%8d%e5%8a%a1%e5%88%86%e6%9e%90/) 3. [架站前期|Github Education Pack申请](https://guiyue.site/index.php/2020/06/30/github-education-pack-apply/) # 二、**云端网站管理** ### 1.云端架站 * 正常可用的云端网站，使用域名：[https://guiyue.site](https://guiyue.site/) * 网站https加密，提高安全度：[https://guiyue.site](https://guiyue.site/) ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/yuming.png) ### 2.网站安全（wordfence） * 安装了插件Wordfence来检测自己网站的安全性，能有效阻止这些蛮力攻击，并主动保护我的站点免受攻击者攻击。 * 通过第一二张截图的扫描结果可以看出，防火墙扫描的评分不高，发现网站的插件还有部位文章的主题版本过低，需要进行升级。垃圾广告检查、垃圾邮件检查、黑名单检查也都需要进行升级。 * 由第三张图可以看出网站的攻击数量较高，且比较一直在稳定的趋势，由此可见网站的安全性一般，有待提高。 * 第四张图虽然反应网站的回应为正常值200、IP地址稳定。但当各个地区的hecker在“攻击”我的网站的时候，响应状态也是如此，说明我的网站防攻击性能较差。 | ![1](https://gitee.com/guiyueYan/web-operations/raw/master/img/w4.png) | ![2](https://gitee.com/guiyueYan/web-operations/raw/master/img/w1.png) | |:-|:-| | ![3](https://gitee.com/guiyueYan/web-operations/raw/master/img/w2.png) | ![4](https://gitee.com/guiyueYan/web-operations/raw/master/img/w3.png) | |:-|:-| ### 3.网站性能（site24x7） * 如图所示，添加了8个监控地点，并且8个地点的响应时间均不同（图上示例7月6日到7月17日的监测结果比较）。 * 截至2020年7月6日，READ WORLD网站的响应速度良好，从图片上也可以看见在8个站点中，并没有停机状态产生，所以说明在各地区的响应良好，且都比较稳定。从总体数据来分析，网站性能基本正常。 * 通过数据可知本网站对国内的用户都特别友好，可用性总体上都高于99.5%。但在新加披和香港监测点分别于7月16日和7月17日停机了，停机时间为5分钟左右。 * 截至2020年7月16日，READ WORLD网站的响应速度表现良好，网站的响应速度相较于7月6日有所提高，证明网站在慢慢优化的过程中各网络性能也在慢慢提升。 | ![2020.7.6](https://gitee.com/guiyueYan/web-operations/raw/master/img/24.png) | ![2020.7.17](https://gitee.com/guiyueYan/web-operations/raw/master/img/241.png) | |:-|:-| | ![2020.7.6](https://gitee.com/guiyueYan/web-operations/raw/master/img/242.png) | ![2020.7.17](https://gitee.com/guiyueYan/web-operations/raw/master/img/243.png) | |:-|:-| | ![2020.7.17](https://gitee.com/guiyueYan/web-operations/raw/master/img/244.png) | ![2020.7.17](https://gitee.com/guiyueYan/web-operations/raw/master/img/245.png) | |:-|:-| ![八个监测地点](https://gitee.com/guiyueYan/web-operations/raw/master/img/246.png) ### 4.网站备份 #### 1.手动备份主程序文件：WinSCP ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/scp.png) ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/zheng.png) #### 2.使用wordpress自带工具备份配置文件 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/bei2.png) #### 3.使用UpdraftPlus插件备份数据库 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/beifen.png) * 最后备份结果 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/beifen2.png) ## 三、**云端网站运营** ## 1. 站长工具 #### 我尝试分别使用了百度/binge二种站长工具（百度和必应都被收录） ### 必应（Bing）： * Bing站长认证——方法：登录Bing站长工具，下载网页提供的xml文件，将该文件上载到注册网站的根目录下(6.26日)。 #### 7.4日还未检测到无法搜索到本网站 > 解决方法：经常手动提交网站链接 * 7.4日手动提交6条网站链接 * 7.7日手动提交10条网站链接 * 7.11日手动提交20条网站链接 | ![7.4](https://gitee.com/guiyueYan/web-operations/raw/master/img/bing.png) | ![7.7](https://gitee.com/guiyueYan/web-operations/raw/master/img/bing2.png) |![7.11](https://gitee.com/guiyueYan/web-operations/raw/master/img/710.png) | |:-|:-|:-| ### 最后结果（成功）：必应已收录本网站（7月16日） ![必应](https://gitee.com/guiyueYan/web-operations/raw/master/img/bingcheng.png) ### bing站长工具显示的“页面流量”、“搜索点击数量”、“搜索结果”、“抓取页面数量”等数值趋于平稳且数量较少。 ![必应](https://gitee.com/guiyueYan/web-operations/raw/master/img/bingsou.png) ### 百度 * Baidu站长认证（尝试过两种方法）: * **方法1**：登录百度站长工具，下载网页提供的xml文件，将该文件上载到注册网站的根目录下(6.26日) 。 * **方法2**：登录百度站长工具，选择通过html标签的验证方法，将其验证码贴入Yoast SEO，完成验证后提交sitemap（7.9日)。 > 由于用了方法一并手动提交了网页链接后还是未有结果，又尝试了方法二，结果成功了。 * 失败期间提交的链接展示： ![必应](https://gitee.com/guiyueYan/web-operations/raw/master/img/bailian.png) ### 最后结果（成功）：百度已收录本网站（7月14日） ![百度](https://gitee.com/guiyueYan/web-operations/raw/master/img/baiducheng.png) ### 可能是因为百度搜索引擎收集/统计数据需要时间等未知原因，并没有有效数据展示 ![百度](https://gitee.com/guiyueYan/web-operations/raw/master/img/baidusou.png) ## 2. SEO优化 ### 方法一：SEO的内容优化，在Yoast里添加文章的关键词同时补充完善描述文本，以此增加搜索引擎的收录机会。 * 添加方法：在每篇文章的最后面会出现Yoast的工具，添加文章、页面的SEO的元描述，在文章编辑页面的下方有seo元描述的窗口，可以截取文章的一部分放上去，也可以把文章最吸引别人的点写上，最好加文章标题或首段的关键词。 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/yuan.png) #### 结果：以举例的文章为例，文章浏览流量以天为单位统计变化并不明显 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/yuanguo.png) ### 方法二（官方方法）：修改文章url的定义规则，使得其更加规范化以便于搜索引擎收录。修改方法：在wordpress后台中找到“设置”在子菜单中找到“固定链接”即可在里面修改整个网站的url的定义，我采用网站主页url+分类目录+文章英文名。 ![修改](https://gitee.com/guiyueYan/web-operations/raw/master/img/gai2.png) | ![修改前](https://gitee.com/guiyueYan/web-operations/raw/master/img/gai1.png) | ![修改后](https://gitee.com/guiyueYan/web-operations/raw/master/img/gai3.png) | |:-|:-| #### 结果：以举例的文章为例，文章浏览流量以天为单位统计变化并不明显 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/yuanguo.png) ### 方法三（官方方法）：在百度站长工具和bing站长工具主动提交文章url。添加方法：登录bing和baidu站长工具网站，找到提交url的位置，将目前网页所有页面的链接都主动提交上去。 | ![百度](https://gitee.com/guiyueYan/web-operations/raw/master/img/bailian.png) | ![必应](https://gitee.com/guiyueYan/web-operations/raw/master/img/710.png) | |:-|:-| #### 结果：以《人生海海》这篇url为例，还是不可以通过搜索引擎直接搜索到，说明该网页还没被收录。 ![图片alt](https://gitee.com/guiyueYan/web-operations/raw/master/img/bingguo.png) ### 方法四：提交网站的sitemap到bing和baidu的站长工具（以必应为例）。 ![bing](https://gitee.com/guiyueYan/web-operations/raw/master/img/bingsite.png) #### 结果：bing已成功抓取网站sitemap ![bing](https://gitee.com/guiyueYan/web-operations/raw/master/img/bincheng.png) ### 方法五：尝试为全部文章添加出站链接 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/chuzhan.png) > 链接到 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/lianjie3.png) #### 通过外链链接到豆瓣读书的平台上，通过更多推送优质的内容，提高网站的内容质量，优质的外链往往代表着网站信任度的提升。 ### 方法六：站外优化：在流量较大的平台写下网站链接，为自己的网站收获了一波浏览游客，增加了流量。 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/zhanwai.jpg) ## 2.Jetpack及Yoast SEO前后的数据对比、分析原因 |![](https://gitee.com/guiyueYan/web-operations/raw/master/img/fen1.png) |![ ](https://gitee.com/guiyueYan/web-operations/raw/master/img/fen2.png) | |:-|:-| |![](https://gitee.com/guiyueYan/web-operations/raw/master/img/zhan1.png) |![ ](https://gitee.com/guiyueYan/web-operations/raw/master/img/zhan2.png) | |:-|:-| ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/youxiu.png) * 在Yoast SEO中可以看出目前网站总体的SEO分析是优秀。 * 从整体的jetpack流量截图来看，网站在正常运营中，浏览和访问的次数日期比较集中，并非每天都有人进行网站的访问和浏览。 * 从第一组的对比中可以看到，在进行了站外优化后，网站浏览量有一定的变化和提高，说明SEO优化方法能够为网站获得流量，并且是可行有用的，但是成效可能不是那么快速，是一个日积月累，慢慢坚持的过程。 * 从第二组的对比看出，在进行了站长验证后，网站的索引量有一定的变化和提高，说明了站长认证后，网站被百度收录后会增加网站的曝光率。 ## 3.用户研究 ### 用户研究方法（选取了线上用户访谈和A/B测试方案） ### 方法一：小组访谈(5人) -线上形式 > 部分访谈截图展示： | ![第一位](https://gitee.com/guiyueYan/web-operations/raw/master/img/yong1.jpg) | ![第二位](https://gitee.com/guiyueYan/web-operations/raw/master/img/yong2.jpg) |![第二位](https://gitee.com/guiyueYan/web-operations/raw/master/img/yong22.jpg) | |:-|:-|:-| | ![第三位](https://gitee.com/guiyueYan/web-operations/raw/master/img/yong3.jpg) | ![第三位](https://gitee.com/guiyueYan/web-operations/raw/master/img/yong33.jpg) | |:-|:-| #### 问题设置： * 1.您进入网站的第一印象是什么？ * 2.从1到10分，您给这个网站打多少分？ * 3.您对我们的网站最不喜欢/最喜欢的地方是什么？ * 4.您最想让我们增加的一个功能是什么？ #### 访谈总结： #### 100%的用户进入后觉得网站的配色、图片的选择都符合“书籍书评”这个大主题，而且配色非常现代，让人有想要浏览的冲动。 #### 60%的用户对本网站打了8分，20%的用户打了9分，20%的用户打了10分。 #### 60%的用户觉得没有搜索按钮无法通过关键词搜索到所需内容。 #### 80%的用户表示喜欢首页文章封面的整齐程度。 #### 60%的用户希望能够增加网站的互动形式。 #### 20%的用户希望可以增加网站内容的多样性，可以增加西方的名著导读之类。 ### 改进措施： #### 1. 在每个页面上方增加搜索入口 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/sousuo.png) #### 2. 增加西方名著导读页面 |![](https://gitee.com/guiyueYan/web-operations/raw/master/img/xifang.png) | ![白色](https://gitee.com/guiyueYan/web-operations/raw/master/img/xifang2.png) | |:-|:-| #### 3. 文章封面形式规划很统一清晰（保留） |![](https://gitee.com/guiyueYan/web-operations/raw/master/img/fenmian.png) | ![白色](https://gitee.com/guiyueYan/web-operations/raw/master/img/fenmian2.png) | |:-|:-| ### 方法二：A/B测试（6人）方案考量：首页轮播图是否需要，以及对于踩坑实录布局的观感效果如何，是否需要作出调整。考量用户对于网页结构整体浏览的把握。测试方法：给AB组用户共同的任务：在无提醒的情况下，进行网站的点击浏览，查看AB组对于网站页面浏览的情况。两种方案区别：首页轮播图的有无，踩坑实录部分的颜色设置。 * A方案：有首页轮播图和踩坑实录为白色 |![轮播图](https://gitee.com/guiyueYan/web-operations/raw/master/img/fangan1.png) | ![白色](https://gitee.com/guiyueYan/web-operations/raw/master/img/fangan12.png) | |:-|:-| * B方案：无首页轮播图和踩坑实录为黑色 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/fangan2.png) ### A/B方案总结: #### A小组用户行为：80%的用户会被轮播图吸引住目光，因为轮播图片有点大，有时并不进入到踩坑实录的页面。只有20%的用户会稍微看一下轮播图下面的内容。 #### B小组用户行为：90%以上的用户因为网站的总体结构分析明确，而去点击踩坑实录的文章。同时有50%的用户会直接通过导航栏而直接进入所需的页面。剩下的50%的人会先浏览下面的最新文章页面后再做出自己的选择。 #### A/B 测试结果总结：通过对比发现B方案更符合目前本网站的架站目标，让用户能够直观的了解到本网站的结构，按照自己的需求去使用本网站，而且有的用户认为轮播图没有存在的必要。综上，决定采用B方案。 ## 4. 网站定制化方案 #### 方案一：安装WP-ULIKE插件 * 原因：在做用户访谈时，有部分人表示只有评论区的互动有点单调，希望能多一些互动形式。 * 结果：上网搜寻后，发现WP-ULIKE插件能满足目前我的需求，浏览者可以通过点赞文章功能，表示对网站文章内容的肯定，也能向站长反应一些讯息，增加用户与网站的互动性。 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/like1.png) ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/like.png) #### 方案二：安装WP Super Cache插件 * 原因：用户的使用体验以及加载速度对网站的访问量有很大的影响，为了提高用户对网站的体验感，选择此插件进行优化。 * 结果：该插件功能丰富，包括gzip压缩，页面缓存，缓存预加载，CDN支持，高级缓存预加载，都能提高网页的加载速度，提升用户体验。 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/super.png) ## 5.加分项 #### 使用https ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/yuming.png) #### 开启多站点 ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/zhandian2.png) ![](https://gitee.com/guiyueYan/web-operations/raw/master/img/zhandian1.png)