# web_operation **Repository Path**: xinyilynn/web_operation ## Basic Information - **Project Name**: web_operation - **Description**: 运营网站 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-07-06 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营期末项目——[产品经理修炼日记](https://www.ljzxbf.top) - 站长：林心怡 - 本网站的全部文章皆为原创，图片出自bing搜索 - 这是一个用[Wordpress](https://cn.wordpress.org/)搭建起来的网站 # 产品文档 - [一、策划](#策划) - [（一）策划文档与网站地图](#策划文档与网站地图) - [网站建设目标](#网站建设目标) - [目标用户画像](#目标用户画像) - [网站规划等前期策划内容](#网站规划等前期策划内容) - [DVF模型定义需求](#DVF模型定义需求) - [网站地图](#网站地图) - [（二）图片的使用](#图片的使用) - [图片版权问题](#图片版权问题) - [图库风格及配色](#图库风格及配色) - [（三）架站图文文章](#架站图文文章) - [（四）平面设计](#平面设计) - [网站配色、对比度与可读性](#网站配色、对比度与可读性) - [平面设计插件运用](#平面设计插件运用) - [二、管理](#管理) - [云端网站管理](#云端网站管理) - [云端架站](#云端架站) - [网站性能](#网站性能) - [网站安全](#网站性能) - [网站备份](#网站备份) - [三、运营](#运营) - [站长工具](#站长工具) - [SEO优化](#SEO优化) - [用户研究](#用户研究) - [定制化](#定制化) - [加分项](#加分项) # 一、策划 ## 策划文档与网站地图 #### 网站建设目标 - 网站定位：建设网新专业学生的产品经理修炼日记，将自己的学习内容，学习笔记分享出来 - 获取更多的目标客户：与潜在客户建立隐形的商业联系。 - 其他括展功能：建站之后可以更加及时的了解本专业的学习方向，学习内容，并在一定程度上督促自己认真的记笔记，学习专业知识。通过学习资源的共享，来提高网站的有效传播度。 - 提高网站的知名度：为了获得更多的浏览量，当网站知名度提高到一定程度后，可以获得必要的利润。（比如广告代言） - 提供用户服务：提高用户的体验感，当用户有疑问时，提供沟通交流的通道。 #### 目标用户画像 - 年龄为18以上-55岁以下，对于网络与新媒体专业感兴趣的同学，有学习各种网络知识有需求的人。 - 用户需求点：提供简单有用的教程，易于阅读，能够快速解决自己遇到的网络问题。 1. 小刘今年20岁，是一名大二的网新专业学生，她对于python，数据分析等方面课程感兴趣，当写作业遇到困难时，会上网搜索解决方案。 2. 小李今年25岁，是一名互联网公司从业者，主要从事于运营方面的工作，最近想要转行成为产品经理，为了成功转职，时不时上网去搜索关于产品经理的要求与培训方案。 3. 大林子今年36岁，是一个想要转型的传统企业HR，为了公司下一步的转型目标，正在搜索新型互联网人才，特别是有关大数据方向的人才，了解他们的优势与擅长的领域。为接下来的公司新一轮招聘做准备。 #### 网站规划等前期策划内容 1. 搭建站点，加入域名，建立起网站的基本框架，并添加相关文章。 2. 通过SEO工具来优化网站，提高网站的搜索量。 3. 每天手动在百度，必应加入10条内容链接。 4. 通过在其他社交媒体平台上宣传自己的网站，吸引用户进入网站，增加阅读量与浏览量。 #### DVF模型定义需求 * **用户需求**：用户需要一个关于了解产品经理这个岗位，了解中大南方网新专业的平台。 * **商业延续性**：前期为了吸引顾客，可以提供相关学习资源，并在各大平台宣传，如微信公众号、简书、知乎等，为我的网站引流。等后期获得一定的知名度，可以与其他的贩卖课程的网站合作，在网站的侧边栏添加广告专栏，来赚取广告费。 * **可行性**： * 如果网站内容没有办法吸引到用户的进入，没有点击量，浏览数据。广告商不愿意投放广告。 * 运营网站是个长期的过程，可能站长会中途放弃更新。 * 不能保证原创文章的质量 * wordpress在网站运营的中途可能会有一些安全问题，导致网站崩溃。 * SEO优化完毕可能也没办法提高网站的浏览量，网站得不到流量，运营难度增加。 #### 网站地图 - 明确区分网站的“页面”与“文章”，表明页面、文章、分类标签的关系。 - 六边形为页面，长方形为文章。菱形为分类标签 ![网站地图](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E7%BD%91%E7%AB%99%E5%9C%B0%E5%9B%BE.png) ## 图片的使用 #### 图片版权问题 * 首页图片来自于微博 [关于壁纸](https://m.weibo.cn/5392696152/4512473761845051) * 除了首页外，本网站的所有文章末尾均有说明，并且点击图片能跳转至原文的链接（如下图所示） ![可点击此链接进入原文查看：](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E5%9B%BE%E7%89%87%E7%89%88%E6%9D%83%E9%97%AE%E9%A2%98.png) #### 图库风格及配色 * 网站的定位是笔记分享，学术交流。偏严谨风格，但在严谨中带有一点活泼。不想要网站整体显得过于死板。图库风格及配色：图库风格属于简约简笔画的风格。 * 理由：因为本网站的功能是分享学习笔记，交流学习心得的一个平台，因为文章内容本身带有严谨的意味，所以在选择配图时，会选择可爱但是简单不繁琐的图片。在用户观看文章产生视觉疲劳时，看到可爱的配图，更会有好感激起用户的阅读兴趣。 ## 架站图文文章 - [github学生包申请](https://www.ljzxbf.top/index.php/2020/07/02/github-education-pack/) - [云对比](https://www.ljzxbf.top/index.php/2020/07/02/cloud/) - [架站防踩坑指南1-设置端口号](https://www.ljzxbf.top/index.php/2020/07/10/port/) ## 平面设计 1. 首先，网站采用的配色方案是 【重点强调-“#3a6ba5” 、正文-偏灰的黑色：“#111111” 、背景-白色：“#ffffff”】。 这三种颜色很好地配合了网站的banner图，而且明度都较低符合网站主题的严谨风格。 ![文章截图](https://gitee.com/xinyilynn/web_operation/raw/master/image/banner%20%E5%8F%AF%E8%AF%BB%E6%80%A7%E6%88%AA%E5%9B%BE.png) ### 对比度与可读性 - 网站的主色调的灰蓝色，背景颜色选的是白色，两个配在一起，对比明显，但又不突兀。两个颜色在一起相得益彰，既能突出重要元素，又不会让人忽略其他文字信息。（如下图所示） ![对比度](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%96%87%E7%AB%A0%20%E5%8F%AF%E8%AF%BB%E6%80%A7.png) - 我还对文章中的重要的文字，做了加粗和分段处理，在文字较多的地方提供了配图，以此提高网站的可读性，降低用户的疲劳感。（如下图所示） ![可读性](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%96%87%E7%AB%A0%E5%8F%AF%E8%AF%BB%E6%80%A7.png) 2. 3处页面site origin排版与2处animate it site origin排版页 ![产品经理](https://gitee.com/xinyilynn/web_operation/raw/master/image/siteorigin%20%E4%BA%A7%E5%93%81%E7%BB%8F%E7%90%86.png) ![防踩坑](https://gitee.com/xinyilynn/web_operation/raw/master/image/siteorigin%20%E9%98%B2%E8%B8%A9%E5%9D%91.png) ![pandas](https://gitee.com/xinyilynn/web_operation/raw/master/image/siteorigin%20pandas%202.png) site origin效果页 ![产品经理](https://gitee.com/xinyilynn/web_operation/raw/master/image/siteorigin%20%E9%A1%B5%E9%9D%A2.png) ![防踩坑](https://gitee.com/xinyilynn/web_operation/raw/master/image/siteorigin%20%E9%A1%B5%E9%9D%A22.png) ![pandas](https://gitee.com/xinyilynn/web_operation/raw/master/image/siteorigin%20%E9%A1%B5%E9%9D%A23.png) 文章animate it 效果展示 ![jello](https://gitee.com/xinyilynn/web_operation/raw/master/image/animate%20it%20%E6%95%88%E6%9E%9C%20%E6%9E%9C%E5%86%BB.png) [查看jello效果，请点击此链接](https://www.ljzxbf.top/index.php/2020/06/27/user-center-design/) ![filpinx](https://gitee.com/xinyilynn/web_operation/raw/master/image/animate%20it%20%E6%95%88%E6%9E%9C%20%E6%B8%90%E5%85%A5.png) [查看filpinx效果，请点击此链接](https://www.ljzxbf.top/index.php/2020/07/10/port/) ***** # 二、管理 ## 云端网站管理 #### 云端架站 - 有可用的云端网站，使用了域名：ljzxbf.top ![域名](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E5%9F%9F%E5%90%8D.png) #### 网站安全 - 安装了wordfence插件来检测自己网站的安全性。 ![wordfence安全截图](https://gitee.com/xinyilynn/web_operation/raw/master/image/wordfence%E6%88%AA%E5%9B%BE.png) ![截图](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E5%8F%97%E5%88%B0%E6%94%BB%E5%87%BB.png) - 根据截图信息，我发现，目前我的网站的安全性属于中下程度。了解到自己网站的安全性能并不高，只达到60%，防火墙网站防复杂攻击的性能比较弱，只达48%，一天之内的攻击平均有5000多次，但普通的攻击都能抵挡得住，如果要预防黑客的攻击还要提高我的网站安全. #### 网站性能 - 使用了site24*7监控网站，添加了8个地点。 - 根据截图信息，我发现， ![八个地点截图](https://gitee.com/xinyilynn/web_operation/raw/master/image/8%E4%B8%AA%E7%9B%91%E8%A7%86%E5%99%A8%E5%95%8A.png) ![相应1](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E5%85%AB%E4%B8%AA%E5%9C%B0%E6%96%B9%E7%9A%84%E5%93%8D%E5%BA%94%E6%97%B6%E9%97%B4.png) ![响应](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E5%B9%B3%E5%9D%87%E4%B8%8B%E8%BD%BD%E6%97%B6%E9%97%B4.png) 使用site24x7，添加了8个监控地点，通过此监控了解到自己网站的响应时间和速度，在添加的监控地点之中，中国北京的反应时间最快，在加拿大的蒙特利尔的反应时间最慢，这应该与服务器在国内有关，与此同时在监控添加的时间段之内蒙特利尔停机31分钟36秒时间最长。在这八个监控点的平均反应时间为 5.741秒。在国外的反应速度过慢,但是在国内反应速度很快,我的网站可用性高. #### 网站备份 1. winscp备份 使用winscp备份 ![winscp](https://gitee.com/xinyilynn/web_operation/raw/master/image/winscp%E5%A4%87%E4%BB%BD.png) 2. wordpress自带小工具备份 通过wordpress自带小工具完成备份 ![wordpress](https://gitee.com/xinyilynn/web_operation/raw/master/image/wordpress%E5%A4%87%E4%BB%BD.png) 3. 宝塔系统通过 mysql备份 ![宝塔备份](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E5%AE%9D%E5%A1%94mysql%E5%A4%87%E4%BB%BD.png) ******* # 三、运营 ## 站长工具 我运用了 **百度** 和 **bing** 的站长工具 ![站长工具使用]() #### 站长工具A：百度站长工具 - 我在6月06日注册成功百度的站长工具，以下截图就是从6月29日——7月17日的网站的流量情况。 - 6月29日到7月17日的百度流量情况 ![百度流量监控](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%96%B0_baidu%E7%BD%91%E7%AB%99%E6%B5%81%E9%87%8F%E6%88%AA%E5%9B%BE.png) - 百度收录了我的网站截图 ![baidu成功收录](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E7%99%BE%E5%BA%A6%E6%94%B6%E5%BD%95.png) #### 站长工具B：bing站长工具 - 我在6月06日注册成功Bing的站长工具，以下截图为6月29日——7月17日网站的流量情况。同时在6月29日时候提交了一次sitemap，但bing还是一直没有收录我的网站，但他显示sitemap抓取成功。 ![bing站点工具](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%96%B0_bing%E7%BD%91%E7%AB%99%E6%B5%81%E9%87%8F%E6%88%AA%E5%9B%BE.png) - 7月18日bing还是没有收录我的网站截图 ![7月6日bing没有收录我的网站](https://gitee.com/xinyilynn/web_operation/raw/master/image/bing%E6%9C%AA%E6%94%B6%E5%BD%95.png) ## SEO优化 * 方法一：在bing站长工具中手动提交网站链接 ![手动提交bing](https://gitee.com/xinyilynn/web_operation/raw/master/image/bing%E6%89%8B%E5%8A%A8%E6%8F%90%E4%BA%A4%E9%93%BE%E6%8E%A5.png) * 方法二：seo进行优化，增加内链 ![添加内链1](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%B7%BB%E5%8A%A0%E5%86%85%E9%93%BE2.png) ![添加内链2](https://gitee.com/xinyilynn/web_operation/raw/master/image/seo%20%E6%B7%BB%E5%8A%A0%E5%86%85%E9%93%BE.png) * 方法三：在社交平台上宣传本网站 ![知乎推荐](https://gitee.com/xinyilynn/web_operation/raw/master/image/seo%20%E7%9F%A5%E4%B9%8E%E6%89%93%E5%B9%BF%E5%91%8A.jpg) ![微博推荐](https://gitee.com/xinyilynn/web_operation/raw/master/image/seo%20%E5%BE%AE%E5%8D%9A%E6%89%93%E5%B9%BF%E5%91%8A.jpg) * 方法四：在bing站长工具与百度站长工具提交sitemap ![提交sitemap](https://gitee.com/xinyilynn/web_operation/raw/master/image/bingsitemap%E6%94%B6%E5%BD%95.png) * 方法五：添加友情链接 ![罗心怡打广告](https://gitee.com/xinyilynn/web_operation/raw/master/image/seo%20%E6%B7%BB%E5%8A%A0%E5%8F%8B%E6%83%85%E5%A4%96%E9%93%BE.png) * 方法六：在百度站长工具上手动提交链接 ![百度手动提交](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E7%99%BE%E5%BA%A6%E7%AB%99%E9%95%BF%E6%89%8B%E5%8A%A8%E6%8F%90%E4%BA%A4%E9%93%BE%E6%8E%A5.png) SEO优化总结： 截至7.18号的jetpack流量截图 ![jetpack](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%96%B0_jetpack%E7%BD%91%E7%AB%99%E6%B5%81%E9%87%8F%E6%88%AA%E5%9B%BE.png) 从图片看，我的网站自架设以来，一直是浏览量很少的情况，即使是做了SEO优化，但是效果甚微。仅在7.17有一个浏览量。我认为有以下几个原因： 1. 在微博，知乎宣传了我的网站，但是带来的流量过少。 2. 文章内容不够优质 3. 手动提交链接的时间不够长，现在还在抓取的阶段。 4. 引流的办法太单一。不够多元，应该广撒网，利用自己所有的社交平台。不能仅仅把希望寄托在一个知乎回答或者一条微博上。 5. 需要长期坚持下去,持续更新,总有一天网站会有流量的. ## 用户研究 用户研究我采用了用户访谈与A/B testing 两种方法 1. 用户访谈 * 问题设置 * 您认为我的网站主要是做什么的？ * 您对于我的网站平面设计怎么样？ * 您认为这个网站有什么优点或者是缺点吗？ * 您可以给我的网站提一些建议吗？ * 访谈总结 * 80%用户表示能从网站的内容，菜单中看出网站的属性。 * 40%的用户提到专业、文章配图可爱等关键词。 * 60%的用户表示主色调与背景色不融合，希望修改配色方案。 * 80%的用户表示顶板滑块只有单一颜色，有些单调。希望进行修改。 * 60%用户表示文章没有封面，显得过于死板单一。希望给文章增加封面图片。 * 60%的用户希望侧边栏“近期文章” “功能”等侧边栏。 * 40%的用户表示网站速度过慢，影响体验。 * 改进方法 * 修改配色，从配色网站上寻找合理的配色，进行修改。 * 对顶部滑块进行修改，尝试固定图片与滑块两种不一样的形式进行测试。 * 给文章增加特色图片，形成文章封面。 * 删除首页不必要的小工具，使首页更加清爽，让用户一眼看到文章。 * 下载加速插件，提高网站运行速度，提高用户体验。 * 根据用户访谈修改的页面 * 修改前 ![未修改1](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%9C%AA%E4%BF%AE%E6%94%B9.png) ![未修改2](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%9C%AA%E4%BF%AE%E6%94%B92.png) * 修改后 ![修改后1](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E4%BF%AE%E6%94%B9%E5%90%8Ebanner.png) ![修改后2](https://gitee.com/xinyilynn/web_operation/raw/master/image/%E6%96%87%E7%AB%A0%20ABtesting.png) 2. A/B testing A方案: 顶部使用滑块,文章设置封面图片.主题颜色是#2B2950,背景颜色是 #FFFFF. ![A方案01](https://gitee.com/xinyilynn/web_operation/raw/master/image/A%E6%96%B9%E6%A1%88%201.png) ![A方案02](https://gitee.com/xinyilynn/web_operation/raw/master/image/A%E6%96%B9%E6%A1%88%202.png) B方案: 顶部使用固定banner,文章不设置封面图片,主题颜色是#3a6ba5,背景颜色是#FFFFF. ![B方案01](https://gitee.com/xinyilynn/web_operation/raw/master/image/B%E6%96%B9%E6%A1%88%201.png) ![B方案02](https://gitee.com/xinyilynn/web_operation/raw/master/image/B%E6%96%B9%E6%A1%88%202.png) 测试方法： 给定AB组用户看A/B方案,直观的说出自己的感受. 结论： * A组用户认为,滑块的图片显得页面杂乱无章,观感不好,看着不舒服.并且图片的分辨率不同,有差异.但是主题颜色与网站相符,融合的很好,不会显得突兀. * B组用户认为,顶部banner图与网站主题相符但是过于杂乱建议修改,同时主题颜色与黑色相近,文章内插入的超链不明显.不会意识到这是超链接 所以我将banner选为固定横幅板块,同时重新选择适合本网站的banner图;配色方案改为主题颜色#2B2950,背景颜色是 #FFFFF. ## 定制化 方案一: 我的网站作为一个分享学习笔记的地方，用户的大部分使用场景可能都会是碎片化的，这就对网站的速度有一定的要求.根据用户研究,我决定使用WP Super Cache插件，这个插件可以在用户访问网站的设备上自动生成网站缓存，优化访问速度,加快用户的浏览时间。 ![插件Super Cache](https://gitee.com/xinyilynn/web_operation/raw/master/image/super%20cache%E6%88%AA%E5%9B%BE.png) ![插件Super Cache](https://gitee.com/xinyilynn/web_operation/raw/master/image/super%20cache%E6%88%AA%E5%9B%BE2.png) 未装插件前：电脑端首页加载用时4秒，文章加载需6秒；手机端用时10秒，文章加载需6秒。 安装插件后：电脑端首页加载用时3秒，文章加载需2秒；手机端用时6秒，文章加载需4秒。 方案二: 网站内的所有文章均是我个人的原创内容,为保护知识产权和原创内容，决定 使用WP Content Copy Protection 插件，防止网站内容被右键复制粘贴，保护网站内容版权 ![插件WP Content Copy Protection ](https://gitee.com/xinyilynn/web_operation/raw/master/image/wp%20copyright%20protection.png) ## 加分项 * 使用HTTPS：本网站使用了HTTPS 网站url：https://www.ljzxbf.top *