# WebOperations **Repository Path**: kg2000/WebOperations ## Basic Information - **Project Name**: WebOperations - **Description**: 网站运营项目 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2020-07-02 - **Last Updated**: 2024-05-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站 | 网站名称 | 旧漫网 | | --- | --- | | 站长 | 徐旖芊 181013093 | ## 网站策划 ### 网站目的 分享不同漫画的名句子和名场面，安利老漫画 ### 目标用户画像 | 目标用户画像 | | | --- | --- | | ![user1](https://gitee.com/kg2000/WebOperations/raw/master/images/user1.png) | 图源[花瓣网](https://huaban.com/pins/1703393683/) | | 圈名 | 小小 | | 年龄 | 14岁 | | 痛点 | 刚刚接触漫圈，已经开始试着cos一些流行角色。最近发现重制版的旧漫画《灌篮高手》挺好看的，后续想要cos里面的赤木晴子。希望能够了解到更多和这个漫画有关的梗，避免cos时人设崩。 | | ![user2](https://gitee.com/kg2000/WebOperations/raw/master/images/user2.png) | 图源[花瓣网](https://huaban.com/pins/1114482498/) | | 圈名 | 菌子 | | 年龄 | 16岁 | | 痛点 | 刚上高中，以前接触的都是新番，最近想要了解一下老番。想找一个能了解老番的网站，然后根据推荐选择看一些旧漫，但是通过搜索引擎找不到这样的网站。 | | ![user3](https://gitee.com/kg2000/WebOperations/raw/master/images/user3.png) | 图源[花瓣网](https://huaban.com/pins/2808688242/) | | 圈名 | 今天也是不更新的铜铃 | | 年龄 | 18岁 | | 痛点 |写手年龄3年，平日沉迷于看和写各种同人文，老是卡文没灵感。今天，她又疯狂的啃了的一部300集的出了N本单行本的老漫画，又喜欢上了几个角色。她想要找一些旧梗来对漫画进行二次创作。 | ### 市场 那些能被人记住的老漫画都是通过时间磨练出来的精品。一个老作品的内涵是丰富，对于新入坑的读者来说对旧漫画有太多不了的地方了。特别是对于00后而言，他们恰巧出生在国漫崛起、韩漫流行和日漫成熟的时代，看漫画在他们眼中是一种常见的的娱乐方式。 ### DVF模型 - 用户需求：了解漫画梗，查找好看的漫画 - 可持续性：那些能被人记住的老漫画都是通过时间磨练出来的精品。但是新入坑的人并不了解与老漫画有关的各种资料，他们希望能够有一个平台来熟悉这些内容。 - 可行性：网站主要进行的是漫画知识分享，维护成本不高 ### 网站地图 ![旧漫网网站地图](https://gitee.com/kg2000/WebOperations/raw/master/images/sitemape.png) ### 迭代要求 - 前期 提供部分文章,按照时间和题材进行分类，丰富网站内容。 增加友情链接，优化SEO,增加搜索量。 - 中期 维护网站安全，增强网站的可读性，增加两个动画效果 - 后期 根据用户访谈，增加其他功能。 ## 图库 #### 版权 使用Image Watermark为图片增加水印 ![right](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/copyright.png) 图片下方放置图源链接 ![right2](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/copyright2.png) #### 图片风格和配色 图片源自动漫图片，图片颜色多数色彩各异。 ![image](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/image.png) 首页图片源自《月刊少女野崎君》的OP,增加了红色滤镜，以符合网站配色。 ![home](https://gitee.com/kg2000/WebOperations/raw/master/images/B.png) ## 平面设计1 #### 风格配色 - 风格：简约精炼的现代化网站 ![风格](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/page.png) - 配色 网站颜色分别为黑灰白红。 使用这个颜色的原因是能够营造出质感。像是扑克牌一样的红黑搭配永不过时。红色寓意着激情，希望能让年轻人领略到旧漫的热度。 ![配色](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/colour.png) #### 背景 因为动漫图片的颜色各异，所以背景为白色，以避免显得过于杂乱 #### 字体 主要字体颜色为#000000 ![font](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/font.png) #### 可读性 通过yaost发分析数据提高页面的可读性，目前文章可读性为优 ![read](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/read2.png) 其中一篇文章的文字 ![read1](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A11/read.png) ## 平面设计2 #### Animate it! 启用了两个动画 - 在[关于网站](https://www.kg2000.club/about/)的页面内设置动画：触碰和进入社交媒体图标会抖动 ![icon](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A12/icon.png) - 在[文章](https://www.kg2000.club/2020/06/29/use-wordpress-to-create-a-site/)设置动画：触碰图片会放大，以清晰看小图 !(reimage)[https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A12/reimage.png] #### Siteorign 启用在3处 - 在[架站第一部](https://www.kg2000.club/2020/06/28/cloud-server-for-students/)启用了accordition优化阅读 ![siteorigin](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A12/letter.png) - 在[关于网站](https://www.kg2000.club/about/)启用contact form，提供联系方法 ![contactform](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A12/bar.png) - 在[名句子](https://www.kg2000.club/%e5%90%8d%e5%8f%a5%e5%ad%90/)启用了icon list进行排版，并且设置hover显示句子 ![iconlist](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A12/iconlist.png) ## 云端架站/运维文章 - [如何申请GitHub教育包？](https://www.kg2000.club/2020/06/28/%e5%a6%82%e4%bd%95%e7%94%b3%e8%af%b7github-education-pack%ef%bc%9f/) - [架站第一步|适合在校学生的云服务器有什么?](https://www.kg2000.club/2020/06/28/cloud-server-for-students/) - [架站第二步|使用腾讯云服务器架wordpress博客](https://www.kg2000.club/2020/06/29/use-wordpress-to-create-a-site/) - [架站第三步|用腾讯云建站系统的Ngnix配置SSL证书实现https](https://www.kg2000.club/2020/07/09/configure-ssl-certificate-to-implement-https/) ## 域名使用 [https://www.kg2000.club](https://www.kg2000.club) ## WORDFENCE - 20200709网站安全指数为60%，还行 ![20200709wordfence](https://gitee.com/kg2000/WebOperations/raw/master/images/wordfence20200709.png) - 用的是标准扫描模式 ![scan](https://gitee.com/kg2000/WebOperations/raw/master/images/wordfence/1.png) - 网站在晚上遭受到的攻击比早上多，每小时约5000次。在本月wordfence成功拦截了3次 ![attack](https://gitee.com/kg2000/WebOperations/raw/master/images/wordfence/3.png) ## SITE24X7 - 加载时间平均为3点多秒。通过搜索后，我发现有可能是安装太多插件会导致网站运行缓慢 ![second](https://gitee.com/kg2000/WebOperations/raw/master/images/site24x7second.png) - 已经开了8个监视器 ![countries](https://gitee.com/kg2000/WebOperations/raw/master/images/site24x7countries.png) ## 网站备份 - 第一个备份是进入Mysql数据库进行备份 - 第二个备份是使用wordpress自带的备份功能进行备份 - 第三个备份是用putty进入后台通过拷贝进行备份 ![网站备份](https://gitee.com/kg2000/WebOperations/raw/master/images/copy.png) ## 站长工具 使用了360站长关键词搜索。发现旧漫画的关键词检索量为0。查看百度趋势的分析发现百度搜索引擎内没有收录旧漫画这个词条。因此，判断网站缺少流量的原因可能来自受众少。 #### 20200709的截图 - 百度 ![20200709百度统计](https://gitee.com/kg2000/WebOperations/raw/master/images/baidu20200709.png) - google ![20200709google统计数据](https://gitee.com/kg2000/WebOperations/raw/master/images/google20200709.png) - bing ![20200709bing统计数据](https://gitee.com/kg2000/WebOperations/raw/master/images/bing20200709.png) #### 20200717的截图 - 百度 ![20200709百度统计](https://gitee.com/kg2000/WebOperations/raw/master/images/%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7/baidu.png) 百度搜索的网站名还停留在之前的网新的名称。通过搜索后，我了解到，当网站名更改后百度会给网站降权，一般需要一个月后才有可能再次搜索到。 ![20200709百度搜索](https://gitee.com/kg2000/WebOperations/raw/master/images/%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7/baidusearch.png) - google ![20200709google统计数据](https://gitee.com/kg2000/WebOperations/raw/master/images/%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7/googledata.png) google对新网站都很友好，很快就能被搜索到 ![googlesearch](https://gitee.com/kg2000/WebOperations/raw/master/images/%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7/googlesearch.png) - bing 则对新网站很不好，经常性的手动提交url，但至今搜索不出自己的网站 ![20200709bing](https://gitee.com/kg2000/WebOperations/raw/master/images/%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7/bing.png) ## SEO优化 - jetpack 明显看出7月3日的浏览数有所上升，应该是由于通过以下4个步骤优化了SEO - 20200709的数据 ![20200709jetpack统计数据](https://gitee.com/kg2000/WebOperations/raw/master/images/jetpack20200709.png) -20200717的数据 ![20200717](https://gitee.com/kg2000/WebOperations/raw/master/images/%E7%AB%99%E9%95%BF%E5%B7%A5%E5%85%B7/flowdata.png) - 主动提交网站链接 在百度主动提交了网站链接 ![submit](https://gitee.com/kg2000/WebOperations/raw/master/images/SEO/submit.png) - 主动提交sitemap地图 在三个平台都有主动提交网站地图 ![sitemap](https://gitee.com/kg2000/WebOperations/raw/master/images/SEO/sitemap.png) - 关键词优化 yaost的关键词查找是需要付费的，所以需要去试一下每一个关键词，目前只能做到橙色的表情 ![keyword](https://gitee.com/kg2000/WebOperations/raw/master/images/SEO/keyword.png) - url有意义 使用的是有含义的英文单词，也许是因为这个，所以google才收录的又快又好 ![url](https://gitee.com/kg2000/WebOperations/raw/master/images/SEO/url.png) ## 用户研究A 采访5位目标用户。[结果记录](https://gitee.com/kg2000/WebOperations/tree/master/images/%E7%94%A8%E6%88%B7%E8%AE%BF%E8%B0%88) 问题： - 你进入网站的第一印象是什么？ - 从1-10分，你给网站打几分？ - 你对我们最喜欢/最不喜欢的地方是？ - 你最想让我们增加的功能是？ - 你对此网站有什么建议吗？ 结果： - 40%的人觉得网站简约，20%人觉得首页图糊，20%不习惯这种页面操作,20%认为是个与漫画有关的网站 - 100%人都打7分 - 40%的人觉得页面很有趣，20%的人觉得还需要加强功能，20%觉得图片糊，20%觉得图片有点大 - 20%希望图片瀑布流多点，20%想要检索功能，20%想要可以跳转看漫画的链接，20%希望能适配手机 - 60%希望功能多点，20%希望能按类型分配，20%希望有个讨论区 更改： - 增加搜索框 - 增加讨论区 ## 用户研究B 原因：根据调查，用户反应网站缺少搜索框，现设计两种方案 方案A: 将搜索框设计在banner内 ![A](https://gitee.com/kg2000/WebOperations/raw/master/images/B.png) 方案B： 将搜索框设计在菜单上，通过跳转进入搜索框 ![B](https://gitee.com/kg2000/WebOperations/raw/master/images/A.png) 采访者表示没有留意到菜单栏上有搜索，认为可以设计在banner内 ## 定制化 #### 名句子 原因：原页面是一篇收集了许多句子的文章。做用户研究的时候有用户建议我做个可以交互的图标页面，而不是一个简单的文章页。 分析：现设计为爱心图标页面。修改了部分CSS，以实现倒三角的排版。让用户通过鼠标触碰图标，随意探索各种经典句子。 ![icon](https://gitee.com/kg2000/WebOperations/raw/master/images/%E5%B9%B3%E9%9D%A2%E8%AE%BE%E8%AE%A12/iconlist.png) #### 加载问题 原因：根据用户调查，部分页面加载过慢 分析：使用WP Super Cache提升国内用户的加载速度，提高用户体验 ![cache](https://gitee.com/kg2000/WebOperations/raw/master/images/load.png) ## https ![https](https://gitee.com/kg2000/WebOperations/raw/master/images/https.png)