# web_Operations **Repository Path**: fyx20000101/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**: 0 - **Created**: 2020-03-22 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营期末项目——[占星之家](https://www.fanyingxi.cn/) - 站长：樊颖禧 181013102 - 本网站的所有文章，图片都出自对应的博主的微博公众号，且每篇文章都有相应的原文链接导出。 - 这是一个用[Wordpress](https://cn.wordpress.org/)搭建起来的网站 # 产品文档 - [一、策划](#策划) - [（一）策划文档与网站地图](#策划文档与网站地图) - [1、网站建设目标](#网站建设目标) - [2、目标用户画像](#目标用户画像) - [3、网站规划等前期策划内容](#网站规划等前期策划内容) - [4、DVF模型定义需求](#DVF模型定义需求) - [5、网站地图](#网站地图) - [（二）平面设计](#平面设计) - [1、平面设计插件运用](#平面设计插件运用) - [2、网站配色、对比度与可读性](#网站配色、对比度与可读性) - [3、图片的使用](#图片的使用) - [4、图库风格及配色](#图库风格及配色) - [（三）架站踩坑图文文章](#架站踩坑图文文章) - [二、管理](#管理) - [（一）云端网站管理](#云端网站管理) - [1、云端架站](#云端架站) - [2、网站安全](#网站安全) - [3、网站性能](#网站性能) - [4、网站备份](#网站备份) - [三、运营](#运营) - [（一）站长工具](#站长工具) - [（二）SEO优化](#SEO优化) - [（三）用户研究](#用户研究) - [（四）定制化](#定制化) - [加分项](#加分项) # 一、策划 ## 策划文档与网站地图 #### 网站建设目标 - 占星之家希望能给广大的用户带来一个轻松、方便的占星平台。可以在这样的一个平台轻松的找到星座、星象、运程等信息，还有一些占星、命理学的小常识供大家参考。并且提供专业、正规的命理学饰品，让占星师与用户有良好的交流平台，赢得共赢的局面。 #### 目标用户画像 ![目标用户画像](/img/1.png) #### 网站规划等前期策划内容 - 前期： 与相关的占星博主合作，进行沟通拿到文章的对应版权。尽全力将网站的整体风格配色往潮流、神秘风格走，吸引更多年轻人的目光。 - 中期： 商务洽谈，可以与占星师、塔罗博主等进行商务洽谈。开一个专栏上线转运水晶、学业手绳、十二星座花语鲜花等等命理学主题用品。 - 后期： 有盈利之后可以在网站中加入小游戏、小程序等，提高互动感。例如，塔罗占卜小程序、与星座相关的互动情境剧等。 #### DVF模型定义需求 ![DVF模型](https://images.gitee.com/uploads/images/2020/0707/004949_d2abae1b_2230091.png "屏幕截图.png") #### 网站地图 ![网站地图](https://images.gitee.com/uploads/images/2020/0707/005006_ce3bf587_2230091.png "屏幕截图.png") ## 平面设计 #### 平面设计插件运用 ##### 考察Animate it! - 首页简介图片加入动画 [简介图片加入动画链接](https://www.fanyingxi.cn/) ![简介图片加入动画](https://images.gitee.com/uploads/images/2020/0707/005028_ce50f6fe_2230091.png "屏幕截图.png") - 强调搜索栏加入了动态动画 [动态动画链接](https://www.fanyingxi.cn/) ![搜索栏加入动画](https://images.gitee.com/uploads/images/2020/0707/005058_1e20e7f9_2230091.png "屏幕截图.png") ##### SiteOriginrig - 一篇文章更改了主题色 一个页面更改背景 ![页面处使用](https://images.gitee.com/uploads/images/2020/0707/005126_c2c669cc_2230091.png "屏幕截图.png") [页面处使用链接查看](https://www.fanyingxi.cn/chuchuang/) ![文章处使用](https://images.gitee.com/uploads/images/2020/0707/005155_20b91669_2230091.png "屏幕截图.png") [文章处更改颜色链接查看](https://www.fanyingxi.cn/2020/06/25/zhanxingyaoyaominglixue/) ![文章处使用](https://images.gitee.com/uploads/images/2020/0707/005215_c0f2cd78_2230091.png "屏幕截图.png") [文章处更改排版链接查看](https://www.fanyingxi.cn/2020/06/24/haiwangxingnixing/) #### 网站配色、对比度与可读性 - 网站配色为暗色主题，符合本身网站内容主题，神秘而特点。背景采用紫色星象图覆盖片，文章字体采用浅灰色，目录页搭配浅橙色起到强调效果。 - 文章字数都适中，字体行距合适。可以认为整体可读性很强。 ![网站配色](https://images.gitee.com/uploads/images/2020/0707/005244_06c49b97_2230091.png "屏幕截图.png") - 采用打印的方法发现其有非常强的对比度。 ![页面对比度](https://images.gitee.com/uploads/images/2020/0707/005841_0e688712_2230091.png "屏幕截图.png") #### 图片的使用 - 标题图片使用了百度的紫色星象图，切合主题，有神秘气息。 - 我在网站和每一篇文章及页面上有版权的属定和链接的原来源。[点此可查看](https://www.fanyingxi.cn/) ![版权属定](/img/12.png) ![原文章链接署名](/img/13.png) #### 图库风格及配色 图库的风格以暗色、紫色为主，图库多为星象、星座等神秘图像。 ## 架站踩坑图文文章 - [word press踩坑日记之后台操作](https://www.fanyingxi.cn/2020/07/02/wordpresshoutaicaozuo/) - [word press踩坑日记之ssl证书](https://www.fanyingxi.cn/2020/06/30/sslzhengshutianjiabuchenggong/) - [word press踩坑日记之维护模式](https://www.fanyingxi.cn/2020/06/29/weihumoshi/) ***** # 二、管理 ## 云端网站管理 #### 云端架站 - 有可用的云端网站，使用了域名：fanyingxi.cn ![域名](/img/11.png) - 目前我的网站的安全性属于中上程度。我通过安装了wordfence插件来检测自己网站的安全性，在2020年7月6日通过对网站进行扫描发现我有一处没升级的地方，有两个最近的漏洞，需要完善。 ![wordfence](/img/14.png) - 在最近的24小时和30天内我的网站会时常受到别人的攻击，但所幸的是暂时并未受到影响。但未雨绸缪，我会通过实时wordfence插件来检测我网站的安全性，防范于未然。继续完善我的网站保护安全。 ![wordfence2](/img/15.png) ![30天网站攻击](https://images.gitee.com/uploads/images/2020/0707/150909_4fb04d5d_2230091.png "屏幕截图.png") #### 网站性能 - 使用了site24*7监控网站，添加了8个地点，从图可以看出布达佩斯、张家口和台北没有响应的时间。而我的占星之家网站性能没有异常，没有被中断过。总体来说比较安全，接下来详细到时间和地点的分析。 ![site1](/img/16.png) 可以看出主要的响应时间在早上的6-10点与晚上的10点是比较长的。而这两个时间点用户可能会比较多，可以想办法将其改进。 ![site2](/img/17.png) 而在地理地点来看，杭州所需要的响应时间是最长的。 ![site3](/img/18.png) 从截图与总体来分析site24*7的数据来看整体较安全，但需要继续完善细节，减少网站响应时间，做到更好的用户体验。 #### 网站备份 ![文件备份](https://images.gitee.com/uploads/images/2020/0707/152415_eeff35c0_2230091.png "屏幕截图.png") - 我对网站进行了数据库文件备份； ![winscp](https://images.gitee.com/uploads/images/2020/0712/133830_09c8e426_2230091.png "屏幕截图.png") - 使用了winscp软件备份。 ![wordpress后台导出备份](https://images.gitee.com/uploads/images/2020/0707/152446_e518f411_2230091.png "屏幕截图.png") - 通过wordpress后台导出工具导到本地的文件。 ![插件备份](https://images.gitee.com/uploads/images/2020/0707/152514_222d3d5a_2230091.png "屏幕截图.png") - 使用了WordPress Backup Plugin插件进行导出 # 三、运营 ## 站长工具 我运用了 **百度** 和 **bing** 的站长工具 #### 站长工具A：百度站长工具 ![百度站长收录](/img/20.png) ![site搜索](https://images.gitee.com/uploads/images/2020/0707/152652_f4db3fbc_2230091.png "屏幕截图.png") ![百度站长流量](https://images.gitee.com/uploads/images/2020/0707/152553_0c82f249_2230091.png "屏幕截图.png") ![百度站长抓取频次](https://images.gitee.com/uploads/images/2020/0707/152619_c94773a6_2230091.png "屏幕截图.png") 百度站长分析：从流量来看，我的百度流量很少甚至几乎没有，抓取频次不高，说明我的网站对于百度来说质量不是特别好。可能是因为SEO没有优化的很好的原因，这一点需要改进。 #### 站长工具B：bing站长工具 ![必应站长收录](/img/21.png) ![site搜索](https://images.gitee.com/uploads/images/2020/0707/153431_8ac1783a_2230091.png "屏幕截图.png") ![必应站长流量](https://images.gitee.com/uploads/images/2020/0707/153455_d48dbe2a_2230091.png "屏幕截图.png") 必应站长分析：从流量来看，我在必应网站上的数据被抓取的次数较多，但是发现有抓取错误的有两次。可能是我的关键词和网站信息没有完善的很好，需要改进。 ## SEO优化 在我还没通过优化SEO来提高我网站浏览量之前，我在7月2日用Jetpack记录了以下的数据。可以明显看出，在24小时内几乎没有人流量我的网站。 ![seo初始](/img/22.png) 1. 我增加了内部链接和外部链接 ![增加了内外部链接](https://images.gitee.com/uploads/images/2020/0707/160957_066965f1_2230091.png "屏幕截图.png") 2. 在Yoast里添加文章的关键词同时补充完善描述文本，以此增加搜索引擎的收录机会。 ![利用Yoast](https://images.gitee.com/uploads/images/2020/0707/160553_0c72e735_2230091.png "屏幕截图.png") 3.拓宽了SEO标题以及元描述的长度 ![图片说明](https://images.gitee.com/uploads/images/2020/0707/160717_31e967a8_2230091.png "屏幕截图.png") 4.修改文章url的定义规则，使得其更加规范化以便于搜索引擎收录。 ![图片说明](https://images.gitee.com/uploads/images/2020/0707/160932_df881148_2230091.png "屏幕截图.png") 5.使用Yoast用于SEO网站地图配置，完善SEO优化 ![图片说明](https://images.gitee.com/uploads/images/2020/0707/162508_76958baf_2230091.png "屏幕截图.png") SEO优化后： ![最近seo](https://images.gitee.com/uploads/images/2020/0707/162116_62fdd520_2230091.png "屏幕截图.png") 分析：从整体流量来讲，在最近的一周内（即7.2-7.7），访客量有明显的增加，从从前一两个增长到10+，在七号这天完成了Yoast配置后有明显提升。说明我的一些SEO优化是由成效的，我认为是主要是Yoast网站地图起了大作用。SEO优化是一个漫长且重要的过程，需要不断地完善、努力。 ## 用户研究 #### 用户访谈 人数：3人 我在微信上访谈了三个朋友询问对我网站的一眼意见。这是我得到的聊天记录。 ![访谈记录1](https://images.gitee.com/uploads/images/2020/0715/205731_7c1fd8c3_2230091.png "屏幕截图.png") ![访谈记录2](https://images.gitee.com/uploads/images/2020/0715/205758_74abc5f0_2230091.png "屏幕截图.png") ![访谈记录3](https://images.gitee.com/uploads/images/2020/0715/205815_6ad1827a_2230091.png "屏幕截图.png") 总结，从我访谈的内容中我得到了一些用户认为不足的地方： 1. 搜索框不够明显，有时候会找不到搜索框 ![原先](https://images.gitee.com/uploads/images/2020/0713/021225_aa4a3a8b_2230091.png "屏幕截图.png") 2. 简介页面内容排版没有很清晰，可以加一些特殊排版增加观赏度。 ![简介](https://images.gitee.com/uploads/images/2020/0713/021419_a9784b0d_2230091.png "屏幕截图.png") 我做了以下改进： #### A/B方案测试法 **第一方案：** - 改进A：把搜索框增加了动画抖动，增加了强调的作用，当进入页面时，搜索框会抖动，鼠标悬停在上面时，也会抖动，使搜索框更容易被发现。 ![改进A](/img/5.png) ![改进A效果](https://images.gitee.com/uploads/images/2020/0707/163555_9f770b10_2230091.png "屏幕截图.png") [详细见页面图](https://www.fanyingxi.cn/) - 改进B：更改网站主题为二〇二〇版本，搜索框在于右上角，比本来的明显。 ![改进B效果](https://images.gitee.com/uploads/images/2020/0713/021026_8b904b39_2230091.png "屏幕截图.png") 分析：最后选择了改进A，改进B的网站主题不太适合我的网页风格，于是我的用户放弃选择B，认为A的小动画更有意思。 **第二方案：** - 改进A：在编辑页面处用区块编辑器修改文字样式，加了边框，更有简介的感觉。 ![改进A](https://images.gitee.com/uploads/images/2020/0713/022614_e6b025f4_2230091.png "屏幕截图.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/022246_955b7bf6_2230091.png "屏幕截图.png") - 改进B：在自定义的额外css中加入了关于字体行距的代码，使文本更美观。给用户的观感更加良好。 ![改进B](/img/23.png) ![改进B效果](https://images.gitee.com/uploads/images/2020/0707/163654_e37a5f6f_2230091.png "屏幕截图.png") 分析：最后选择了改进B，改进A的排版比较繁琐，每一次都需要多次修改，而额外css的更改可以直接使网站的文字优化。在修改后提高了观赏度。 ## 定制化 1. 使用插件WooCommerce尝试进行电商合作，在幸运物橱窗增加内容。暂时选用了几款免费的主题，并成功上新产品，用于售卖幸运物，如水晶、翡翠等饰品。对于占星之家的网站而言是有利发展。尝试建立了购物车，但由于免费的主题与本网站内容主题并不相符，所以这个计划押后，但是已经尝试使用了。 ![插件](https://images.gitee.com/uploads/images/2020/0707/172109_c2f84305_2230091.png "屏幕截图.png") ![定制化A1](https://images.gitee.com/uploads/images/2020/0707/164636_c5b04592_2230091.png "屏幕截图.png") ![定制化A2](https://images.gitee.com/uploads/images/2020/0707/164659_63428117_2230091.png "屏幕截图.png") 2.因为是跟占星师与塔罗博主合作，网站的文章对于版权是比较重视的，为了保护作者及提供者的知识产权，安装版权保护的插件十分必要。使用插件WP-copyright-protection插件，一些页面禁止用户复制。 ![插件](https://images.gitee.com/uploads/images/2020/0707/172305_e0713dcd_2230091.png "屏幕截图.png") ![定制化B](https://images.gitee.com/uploads/images/2020/0707/172326_a65eb7ce_2230091.png "屏幕截图.png") # 加分项 使用HTTPs:https://www.fanyingxi.cn/ ![https截图](https://images.gitee.com/uploads/images/2020/0707/173522_1896d1b4_2230091.png "屏幕截图.png")