# 网站运营与管理 **Repository Path**: siii/control ## Basic Information - **Project Name**: 网站运营与管理 - **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-08 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 美妆集合站 周三班 严诗婷 - 站长：严诗婷 - 网站url：https://www.siiting.top/ - 网站搭建和模拟来自于wordpress ## 策划文档与网站地图 **1.网站建设目标：** 美妆集合站是一个美妆、护肤产品的“集合点”，涵盖面广，用户不仅可以通过浏览网站查阅自己感兴趣的美妆产品，还可以在这里学习到关于美妆的一些“冷知识”。 **2.目标用户画像** - 人群：对美妆产品感兴趣的群体 - 年龄：16-35岁 - 性格/行为特点：（1）喜欢打扮自己，购物欲较强，对美妆产品有较浓厚的兴趣，每天网上在线时长至少3小时，喜欢在网上查阅美妆产品的相关信息。（2）比较内向，不熟悉美妆领域，想查阅资料初步了解美妆产品。 - 网站使用场景：用户想了解某款产品以及更多相关产品时，可以在“美妆集合站”搜索到这一类别的文章并进行一个比较详细的查阅。 - 使用原因：其他的了解渠道广告较多，真实性可疑，类别不齐全，查阅过程费力费时。 - 对网站的希望：用户对网站依赖性强，信任度高；网站具有分类目录方便用户能够很快地查阅到自己想了解的信息；有评论功能，用户可以反馈建议同时也能看到其他人的评论；能够快速了解网站的功能和结构；高质量的网站文章。 **3.网站规划** - 前期规划：持续添加高质量的文章，根据用户建议持续改进网站的平面设计、交互设计、文章排版和文章内容，注重提高网站的易用性，筛选有价值的用户评论，提高信息真实性。 - 中期规划：增加原创文章篇数，进行市场调研了解市场需求、用户喜好，优化网站形式和内容，维护网站安全。 - 后期规划：网站创新形式并持续为用户产出网站内容，与其他平台合作推广网站，增加曝光度；与美妆博主合作，利用博主知名度增加网站曝光度。 **4.DVF模型** 用户需求：设有搜索功能；设有分类目录；设有评论功能；网站文章可读性高； 可持续性：持续添加网站的高质量文章，前期以转载为主，中后期以原创为主，创新网站形式，与其他平台及美妆博主合作，增加网站曝光度，推广网站。同时，注重用户体验感，根据用户的建议改进网站内容形式。健全网站安全性能，保护用户隐私。 可行性：使用site origin等插件对页面和文章进行排版布局的优化；在首页页面添加侧边栏小工具实现搜索和评论功能；在主题外观设置中实现导航栏功能；在布局设置中添加菜单栏，设有分类目录方便用户查找不同类别的文章。 **5.网站地图** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/094544_a424047e_2228721.png "未命名文件 (1).png") ## 图片的使用 **1.图片来源** ：本网站的图片来源在文章的图片下方均有标注，文章“特色图片”的来源链接在图片说明中有标注 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/161704_a50ee13e_2228721.png "git1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/161728_4474a7e9_2228721.png "git2.png") **2.图库风格及配色** ：文章的配图主要以鲜艳、冷色为主；特色图片以简约为主；网站配色以清新、靓丽为主。 **原因** ：网站的主题为《时尚生活》，内容以美妆产品为主。美妆产品的风格配色大多数是鲜明靓丽的，因此文章配图也选择了以鲜艳、冷色为主；网站的主要配色是冷色调，展现一种清新的风格，因此在特色图片的选择上，采用了较为简约的图片与此搭配。 ## 三篇云端架站/运维图文文章 1. [WordPress架站网站](https://www.siiting.top/?p=367) 2. [Github Education Pack申请流程](https://www.siiting.top/?p=361) 3. [阿里云域名注册](https://www.siiting.top/?p=475) ## 平面设计 #### 网站主题色调为青色[#60c5ba]，两边背景色为极亮度的红色阴影[#ffd7d7]，文章背景为白色，字体颜色为不同梯度的灰色。这几种颜色均为亮色，符合网站清新的风格。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/164020_2ea29693_2228721.png "git5.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/164031_d92cc781_2228721.png "git6.png") #### 网站两边的背景色与LOGO的颜色一致，增加用户浏览网站愉悦感。在鼠标在文字上方处于悬空状态时，文字由黑色转为青色。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/163436_deffdd90_2228721.png "git3.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/163454_f53e1f57_2228721.png "git4.png") ## 云端网站管理 **1.云端架站** - 网站域名siiting.top - 网址：https://www.siiting.top/ **2.网站安全：Wordfence监控截图** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/204741_cbf65f53_2228721.png "fen1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/204754_0a898bb8_2228721.png "fen2.png") 通过wordfence的监控记录我发现目前网站的安全性能不高，一天以内被攻击的次数高达725411次，虽然在防火墙的作用下被阻止了，但是在中期后要健全网站安全系统，保障网站安全和用户隐私。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/204804_b7ded24b_2228721.png "fen3.png") 其次通过防火墙功能可以看出网站目前处于学习模式，此复杂程度仅有35%，复杂度太低容易收到黑客入侵，在“蛮力保护”的停止密码猜测攻击保护下，Wordfence防火墙会主动阻止与已知攻击模式匹配的请求，并主动保护我的站点免受攻击者攻击。 **3.网站性能：使用site24x7监控截图** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/211439_be6ee2cb_2228721.png "site1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/212549_19d115b5_2228721.png "site2.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/212558_818de0ee_2228721.png "site3.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/212612_93ad0c80_2228721.png "site4.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/212622_02352d8b_2228721.png "site5.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/212632_51233667_2228721.png "site6.png") 在site24x7中一共添加了八个监控地点，分别是：杭州、长野、中国香港、东京、马尼拉、深圳、雅加达、重庆。从截图中我们可以看到不同位置的可用性和响应时间。其中最快的是深圳3.94s，最慢的是马尼拉7.3s，平均时间为4.45s。中国香港、东京和重庆的响应时间没有显示，具体原因还不明确。全局可用性为100%。 **4. 网站备份** wp-config.php备份本地 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/163139_3f9f7bee_2228721.png "备份1.png") 通过插件备份数据库 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/163154_9eeaef92_2228721.png "备份2.png") 通过wordpress后台导出工具导到本地的文件 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/163205_accbacd6_2228721.png "备份3.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/230129_33fdf6df_2228721.png "截图.png") ## 站长工具 #### A.百度 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0712/230414_790fdc39_2228721.png "百度.png") 网站已被收录 ![](https://images.gitee.com/uploads/images/2020/0713/095729_d9cc9d5f_2228721.png "索引量.png") 7.8-7.9网站的百度索引量为1 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/095815_c95141f5_2228721.png "流量.png") 7.5-7.11网站最高展现量为2，最低为0；点击量持续不变。可能是网站收录时间太短还没有流量。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/095740_af6c2afb_2228721.png "频次.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/095752_deaed675_2228721.png "异常.png") 7.9日出现一次网站抓取异常，可能是服务器过载导致网络不稳定，抓取请求连接超时。 #### B.bing ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/164702_4edaebc8_2228721.png "bing.png") bing站长工具已经认证，但是还没有被收录，在bing上搜索不到我的网站 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/165053_44efc462_2228721.png "bing1.png") 在bing网站管理员添加了我的网站，由于还没有被收录，搜索关键词和网站流量还没有数据。 ## SEO优化 **方法一：在bing和百度的网站管理中手动添加本人网站里的所有有意义的url，提高网站页面或文章被搜索到的概率。** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/104500_4fc0e67c_2228721.png "bing1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/104512_d8bc00c2_2228721.png "百度1.png") **方法二： 主动向百度站长工具和bing网站管理员提交网站的站点地图** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/105037_c0c6ddd6_2228721.png "bing2.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/105047_06911e88_2228721.png "baidu2.png") **方法三：关键词优化** 利用Yoast SEO插件对网站文章进行优化，对seo title、slug、meta description进行了关键词优化以及对文章做了可读性编辑，使文章在网页搜索时匹配度更高。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/112117_cce3153a_2228721.png "前1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/112135_c282c146_2228721.png "后1.png") 移动端的呈现效果 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/112147_10837326_2228721.png "终1.png") **方法四：添加外链** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/113249_3af3fe89_2228721.png "jianshu.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/113310_fc7c328f_2228721.png "评论.png") 在简书的相关文章评论处引导读者点击网站，以此增加外部流量 **方法五：添加内链** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/142008_93c1ed5e_2228721.png "内链.png") 在文章底部添加相关文章链接，减少用户动作，增加文章阅读量。 **成效** ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/171258_5f9083fe_2228721.png "seo.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/171312_7b60a3e3_2228721.png "seo2.png") 在进行seo优化的两个小时内展现量已有提升 ## 用户研究 #### 1.用户访谈 本次访谈一共对五位用户进行了访谈 **问题设置** 1. 平时您对美妆产品的关注度高吗 1. 如果想要了解一款美妆产品你会选择什么途径 1. 您认为网站首页的排版是否使您感到舒适 1. 您是否能快速找到自己感兴趣的内容 1. 对比您经常使用的查阅美妆产品的途径您认为此网站的优势/不足之处是什么 **根据用户访谈结果，总结得出** 用户可以在导航栏的分类目录处找到自己感兴趣的产品分类，并通过搜索文章快速找到文章类型。用户认为网站首页文章展现的文字过多，排列不整齐美观，容易产生视觉疲劳。 修改前 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/151749_6f62d3de_2228721.png "用户1.png") 修改后 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/152152_70920d03_2228721.png "更改1.png") 添加more标签 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/152235_5854e66b_2228721.png "更改后.png") 文章排版整齐，虽然没有设置文章简介，但是文章标题可读性高。 #### 2. A/B testing **首页顶部布局设置** A方案：导航栏的分页目录在网站标题下呈居中布局，但网站标题和菜单的位置排列略显单一。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/153403_fba68208_2228721.png "第一.png") B方案：导航栏的分页目录在网站标题上方呈左对齐，底部背景颜色为主题颜色。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/153559_9c1f7a98_2228721.png "第二.png") **测试方法：一部分用户观察 A 方案，另一部分用户观察 B 方案，记录下用户的浏览感受，看哪个方案更符合设计目标。** 总结：根据用户反馈建议我选择了A方案。A方案更符合网站简洁、清新风格，菜单栏的排列清晰明了，方便用户查找信息；B方案网站标题周围的空白位置显得空旷，且背景颜色与主题颜色在大范围展现下融合性不高。 ## 定制化 **1.安装WP Super Cache插件加速网站** wordpress网站运行速度较慢，用户等待文章加载时间偏长，WP Super Cache是WordPress的快速缓存插件，启用此插件可以加速网站缓存，加速信息展现，为用户节约浏览时间，提高用户浏览体验感。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/162048_9c2a727d_2228721.png "定制化2.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/162103_4ca7b170_2228721.png "定制化2.1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/162116_a281f322_2228721.png "定制化2.2.png") **2.使用jetpack图片懒加载** 为了改善和优化站点的加载时间，“惰性图像”在页面速度和带宽上提供了显着的优势，特别适合低带宽或昂贵带宽环境中的用户，尤其是移动用户。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0713/160314_0e3bbc64_2228721.png "定制化.png") 延迟加载图像可改进站点的速度并打造更流畅的浏览体验。仅加载可见图像，等待用户向下滚动时加载屏幕外的图像，使页面加载更快。