# 网站运营 **Repository Path**: fork-excellent-code/WangZhanYunYing ## Basic Information - **Project Name**: 网站运营 - **Description**: No description available - **Primary Language**: HTML - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2024-11-24 - **Last Updated**: 2024-11-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营 ## 一. 策划文档与网站地图 **网站建设目标：** 为想要了解网站可用性分析，以及关于网站用户研究的人提供信息。 **目标用户画像：** 从事网站运营的人员，UX，就读网络与新媒体专业的学生，以及向从事网络方面的人员 **网站规划：** 网站的目的的为了让人们了解关于网站的可用性和用户体验的专业知识，指导人们更好地去建设自己的网站，这里的知识更专业，更具体，可以不需要四处去网站里搜索，节省需求者搜索所花费的时间。再者，我们会不断地测试网站的可用性，增强用户使用网站时能获得更好的体验。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0629/181946_61791459_1648231.png "DVF.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0629/181909_b48f7c9f_1648231.png "site.png") ## 二. 图片的使用： 1. 图片版权交代 - 《搭建wordpress》的文章中，有部分图片来自于网络，文章中以标明 此为图片来源 https://cdc.tencent.com/2013/02/19/%e3%80%90cdc%e7%bf%bb%e5%ae%a2%e3%80%91%e7%a7%bb%e5%8a%a8%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%e8%a6%81%e7%b4%a0%ef%bc%88%e4%b8%8b%e7%af%87%ef%bc%89/ - 《解读眼动的12个误区（一）（二）(三）》这几篇文章内容及图片由中山大学南方学院 文学与传媒学院 吴雪老师整理提供 文章及图片来源于 https://cdc.tencent.com/2013/11/22/%e8%a7%a3%e8%af%bb%e7%9c%bc%e5%8a%a8%e7%9a%8412%e4%b8%aa%e8%af%af%e5%8c%ba/ - 《移动用户体验要素（上）（中）（下）》这几篇文章内容及图片由中山大学南方学院 文学与传媒学院 吴雪老师整理提供 文章及图片来源于 https://cdc.tencent.com/2013/01/08/%e3%80%90cdc%e7%bf%bb%e5%ae%a2-%e3%80%91%e7%a7%bb%e5%8a%a8%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%e8%a6%81%e7%b4%a0%ef%bc%88%e4%b8%8a%e7%af%87%ef%bc%89/ https://cdc.tencent.com/2013/02/19/%e3%80%90cdc%e7%bf%bb%e5%ae%a2%e3%80%91%e7%a7%bb%e5%8a%a8%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%e8%a6%81%e7%b4%a0%ef%bc%88%e4%b8%8b%e7%af%87%ef%bc%89/ - 用户体验要素页面中的照片墙照片来源于： http://www.51pptmoban.com/tongyong/3535.html - 商店中的商品介绍及图片来源于淘宝网 https://item.taobao.com/item.htm?id=584390369278 - 添加的背景音乐是从酷狗音乐中下载 http://www.kugou.com 网站搭建和模板来自于 wordpress https://wordpress.org 2. 图库风格及配色 > 图库中的图片主要是以电子设备，网站页面的图片为主，而网站的主题文章是关于网站建设的文章及用户在网页中的视觉方位等相关，偏向去专业性，属于互联网的范畴，因此选择了该种类的图片。 ## 三. 架站文章已放入网站中 - http://liuqw.me/wordpress-2/ ## 四. 平面设计 **考察背景、字体使用及对比度与可读性，网站配色、对比度与可读性：** 1. 网站的风格主要是以简洁，简单为主，简洁的往往是美的，而美的东西不一定简洁。在网页设计上，对于内容很多的门户网站，任何多余的修饰都会加重浏览者眼睛的负担，所以门户设计得比较简单； 2. 网站的色调以蓝色，白色为主，其次是黑色。蓝色给人的感觉就是沉稳，具有理智、准确的意象，让人看起来很舒适；在商业设计中，强调科技，效率的商品或企业形象，大多选用蓝色当标准色，而白色则代表着纯洁，纯净。网站的内容主要是一些比较专业性的知识，如网站的可用性研究等，蓝色不仅让人看起来视觉上觉得舒适，而且蓝色比较能与专业性，沉稳联想在一起，表现出文章的专业。白色代表着纯洁，专一地为你服务，且蓝色与白色的配色比较搭。 3. 主题的图片我选择了办公桌样式的图片，图片上主要有电脑，计算机，手机等电子产品，与网站的主题比较相符合。网站的可用性都是因为有了电脑，手机等通讯设备才会产生的。 **平面设计插件Animate it! 及Siteorigin运用** - Animate it!第一处：在每篇文章的页面中运用了动画， 如链接：http://liuqw.me/2019/06/02/http-liuqw-me-2019-06-02-wordpress/ - Animate it!第二处：在移动用户体验要素（上）的文章中，第一张图。 如链接：http://liuqw.me/2019/06/22/user-experience-element-one/?preview=true - Animate it!第三处：网站的侧边栏增加了动画 如链接：http://liuqw.me - Siteorigin运用第一处：在shop的页面中添加了音频 如链接：http://liuqw.me/shop/ - Siteorigin运用第二处：在用户体验要素中添加了画栏 如链接：http://liuqw.me/factor/ - Siteorigin运用第三处：在搭建WordPress的文章后面添加了搜索功能 如链接：http://liuqw.me/2019/06/02/http-liuqw-me-2019-06-02-wordpress/ ## 五. 云端网站管理 **1. 正常使用域名：** liuqw.me **2. 网站安全** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/012617_6a66a166_1648231.png "wordfence.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/012652_5ab43227_1648231.png "safety.png") - 在Wordfence的被阻止网络攻击总数在24小时内的变化趋势趋势不大，而在图中看到Wordfence帮我的网站阻止了被攻击，保护网站的安全。 - 通过Wordfence扫描，可以看到在社区中的恶意软件签名存在，信誉检查为0%，可能是存在着垃圾邮件等比较严重，且网站存在有漏洞的情况，综合以上可以推测出网站的安全性能不算特别好，还存在需要改善的地方 **2. 网站性能** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/023453_17659484_1648231.png "stop.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/023508_924d5660_1648231.png "places.png") - 从图中可以看到网站的可用性是63.87%，是一个比较低的数值，说明网站性能比较差，还需要改善。在监视器中可以看到总停机的时间是36.13%，在24小时内停机8小时40分钟，停机的时间主要是在凌晨两点到三点，早上十点到十一点。网站的性能还有很大的提高空间。 - 广州是被设置为首要的监控地点，而最终广州的停机持续时间是最长的，网站在该地的可用性最差。而新加坡，成都，重庆是没有出现停机的现象，可用性较强。总的来说网站性能仍然是比较差的，还需要改善。 **3. 网站备份** - 提供将wp-config.php备份本地的截图 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/150647_a1fa6a9c_1648231.png "config.png") - 提供通过插件（Wordpress Database Backup/WordPress Backup Plugin）备份“数据库文件”截图； - 提供通过wordpress后台导出工具导到本地的文件截图 （以上两个文件截为一张图） ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/150833_9725c010_1648231.png "wordpresssql.png") ## 六. 站长工具 ### **一. 要求baidu、google、bing三者选择两个进行站长认证，有流量数字截屏且能进行成果优化。** **完成了bing，与baidu的站长工具认证。** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/115432_0f4c88e6_1648231.png "bing.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/120806_6c581e55_1648231.png "bingsite.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/120751_18c19967_1648231.png "baidusite.png") - bing的流量分析 **以下是5月23号到6月7号bing的流量变化** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/115859_a2b2fb37_1648231.png "bingqian.png") 1. 在图中可以看到bing中的网站抓取到的网页是由5月31号以及6月6号是两个峰值，由于5月29号时添加了站长工具，并且在bing的网站中添加了我的网站，在bing的页面中能够通过我的网站名域名能搜索出来，可能因此导致31号的有流量较高。6月6号的流量变化可能是因为增加了三篇关于解读眼动的文章，可能因此导致了有流量的变化 2. 但也能看到有时候抓取的网页也会出现抓取错误的情况出现。但是通过搜索点击的点击率为0，也就是说网站的关键词还需要修改调整等。 **以下是6月1号到6月25号bing的流量变化** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/121018_760c9b3b_1648231.png "bingpicture.png") > 在图中可以看到，大部分的时间段流量变化不大，但6月20号是一个峰值，再这之前增加了3篇关于用户体验要素的文章，可能会因此导致有流量的变化，其他时间没有太大地改动网站，因此流量不大。 **- baidu的流量分析** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/122303_5c2ddcbf_1648231.png "baiduliu.png") > 在5月30号左右，那时的百度的站长工具刚完成申请并获得了百度的验证码，但并没有被百度所收录，这可能是因为网站关键词，文章结构等原因没有被网站所收录，在完善着网站以为文章，以及通过手动提交的方法让百度尽快收录。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/130557_a30b80e2_1648231.png "baiduzhua.png") 1. 发现网站被百度收录是大概在6月15号左右，那时将原始的网站名称my blog修改为网站建设指南，而且还增加了与网站名相关的主题文章，在此期间也一直在通过手动提交的方式让百度收录。 2. 在那24号做鱼修改了网站的主题，完善了网站的界面设计，使网站更加美观，可能这也是导致流量变化的因素之一。 3. 在百度的流量截图中可以看到，有时会出现链接超时的现象出现，这可能是导致部分天数的流量较少的原因。 ### **二. SEO优化** - Jetpack 在这段时间内的流量变化截图，因为seo的优化方法有些是同一时间段做，因此后面的分析也根据此图流量变化分析。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/135116_4751c8bb_1648231.png "jetpack1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/134824_536ca009_1648231.png "jetpack.png") ### **1. 通过安装插件yoast SEO的插件。** 这个插件能够改善文章的结构，文章可读性，它主要是对网页内容的排版结构进行测评并给出建议。这个插件安装大概是在5月末的时候安装的，文章的排版，结构会根据yoast的建议修改，尽量做到可读性最好。我将文章的格式根据可读性分析的建议修改了文章的内容与格式，这也可能是导致在22号到28号都没有流量变化，而29号出现了流量变化。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/140812_dc25c236_1648231.png "analysis.png") ### **2. 通过修改关键词使网站更易被发现。** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/142620_15fa1964_1648231.png "eye.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/142709_17d7d33c_1648231.png "user.png") - 文章的关键词设定是通过在关键词搜索的网站中找不到类似的关键词，因此将该词设定为文章的关键词。比如在bing中输入关键词“解读眼动”，在bing的首页就能看到我的网站。我修改的关键词是大概在6月20号左右进行关键词的优化，从上图的流量变化可以看到，26号开始，每天的流量是过百的。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/143741_ccf26044_1648231.png "myblog.png") ### **3. 网站的结构优化** - wordpress的文章标题，目录，关键词，标签等架构清晰明了也是seo优化的其中一种方法。文章的分类清晰让人能更加清楚哪一篇文章对应的是那一标签和目录分类，可用性更强。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/164842_5f25ffe5_1648231.png "SEO优化.png") **（修改前）** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/164855_a84d9975_1648231.png "SEOhua.png") **（修改后）** ## 七. 用户研究 ### 3选2之图文展示两种用户研究方法的成果，以及如何影响了你的网站设计方案 **1. 用户访谈** > 对象：5位网新学生，需要学习较为专业的wordpress架站以及网站运营，用户体验等多种知识。 > > 时间：12：00-13:00 > > 结果：大部分用户认为我的网站的平面设计中的背景图片与网站的内容，架构不符合 > > 改进方案：因此根据用户所提的意见和建议以及我个人的想法修改如下。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/181125_11dd51e1_1648231.png "主题.png") （修改前） ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/181229_037450bf_1648231.png "usr.png") （修改后） **2. 用户体验地图** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/183815_cfd0de31_1648231.png "map.png") > 结果：根据用户体验地图以及用户在浏览网站时的感觉与反应，给出的评价，可以看到网站中的文章架构，编写的方式使用户阅读起来不舒服 > > 改进方案：修改文章内容的等级标题，文字不要时而大时而小，修改文章内容的格式，不要大篇幅的聚合在一起 > **修改前：** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/185700_3df3a3cb_1648231.png "article.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/185709_ddae6a5b_1648231.png "articles.png") **修改后：** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/194847_43ff4f47_1648231.png "hou1.png") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/194901_71cd51f5_1648231.png "hou2.png") ### 定制化： - WooCommerce插件 WooCommerce是一个在网站中可以放入商品售卖的插件，网站也是需要运营获得收益，而WooCommerce就是为此提供一个方法，网站中我们出售的商品是关于wordpress方面的书籍，后期会有更多关于用户研究等方面的数据增加上去。 在进行用户研究的时候，有用户提到网站中可以在发布专业知识的同时，为用户提供一个渠道去购买该知识的商品，不仅可为网站获得收益，还能为用户提供方便。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/174551_a9d6c6dd_1648231.png "shop.png")![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/174602_f9dd5076_1648231.png "shop1.png") - 在商店中添加背景音乐 在用户调研时，有部分被调研者提要，在选购产品时，产品越多，选购的时间越长，那放着音乐会更让人能放松心情，如果歌曲选得好，能让用户在此界面停留的时间增长，就像逛商场时，商场总会播放着音乐而不至于让人更舒心。因此我选择了在商店的页面添加了背景音乐，让顾客们在选购产品时更加舒心，增强顾客粘性。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/233758_e59ff5e6_1648231.png "shop.png")