# web_operation **Repository Path**: lihuahe/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**: 2019-06-21 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 站长工具 本网站注册了必应、谷歌、百度三家站长工具，下面是Yoast截图 ![image](Yoast.png) 百度站长工具抓取频次统计图 ![image](baidu_crawl.jpg) Bing站长工具抓取频次统计图 ![image](bing_crawl.png) Google站长工具抓取频次统计图 ![image](google_crawl.jpg) ## SEO优化 1.完成了百度、必应、谷歌站长工具的认证 ![image](Yoast.png) 结果： 原本在百度、必应和谷歌都找不到自己的网站，现在都可以搜到自己的网站了 百度 ![image](baidu.png) 必应 ![image](bing.png) 谷歌 ![image](google.png) 而且网站Jetpack的流量也激增 ![image](liuliang.png) 2.因为本网站在百度的抓取频次不高，不利于搜索引擎排名，所以本网站添加了百度自动推送的代码，如下图所示： ![image](baidu_code.jpg) 结果：原本本网站在百度的索引关键字只局限于网站标题和域名，添加推送代码之后，效果比较明显，现在在输入网页的标题也可以搜到本网站 ![image](wangzijia.jpg) 3.因为网站的响应速度会影响至搜索引擎的排名，影响用户体验，为了提高网站的响应速度，本网站安装了Autoptimize来优化网站的HTML+CSS，提高响应速度： Autoptimize的设置截图 ![image](autoptimize.png) 设置之后，Jetpack流量变化图 ![image](optimize.jpg) 4.使用Yoast插件给文章添加 Focus keyphrase，优化文章的SEO ![image](focus.jpg) 结果： 没添加Focus keyphrase之前 ![image](seo_origin.jpg) 添加Focus keyphrase之后 ![image](seo_optimize.jpg) ## 用户研究 **用户访谈** 时间：2019年6月7日 用户：陈柔银等6位文传学生 目的：针对页面布局及交互提出改进方案，提高用户的使用体验 问题： 1. 你可以看清网站的主题么？ 2. 你可以快速找到搜寻框吗？可以正常使用吗？ 3. 你可以快速找到“可用性测试的七个步骤”的文章吗？ 4. 你当前处在二级页面，你可以快速找到两种方法回到首页吗？ 5. 你认为，页面底部统计数据部分是否有必要？ 6. 你会愿意分享点赞网站中你喜欢的文章吗？ **访谈结果记录：** - 6个人都可以表示可以看清网站的主题，可以快速找到搜寻框，而且可以正常使用，可以快速找到“可用性测试的七个步骤”的文章，并且表示，为了节省寻找时间，她们会考虑直接使用搜索框进行搜索，并且都能都索到。 ![image](nav.png) ![image](test_seven.png) ![image](search.png) - 6个人都能找到两种回到首页的方式：1是通过点击网页名称，2是通过面包屑导航回到。 - 超过4个用户认为底部数据统计部分对他们没有任何作用。 - 6个用户表示愿意分享和点赞网站内的文章。 **做出的修改：** - 底部数据统计删除 修改前 ![image](footer_code.jpg) 修改后 ![image](footer_code_set.jpg) 影响：修改之后，用户减少浏览了无关紧要的信息，专注于页面内容 - 文章底部加点赞和分享按钮 修改前： ![image](share_before.jpg) 修改后 ![image](share_after.png) 影响：修改之后，更加注重用户的情感需求，同时网站也能获取到用户对文章内容的认可程度。 **A/B测试** 时间：2019年6月8日 用户：何淑怡等6位文传学生（每组测试为3人） 目的：对页面的布局、配色、字体等，使页面布局更符合用户习惯，视觉上更美观。 过程：字体、配色、布局不同的两个网页让不同的用户浏览，并提出建议。 调查结果记录： 对A类网站测试的用户：2人表示Slogan的字体取消斜体样式、导航栏的字体过小。蓝色背景显得网站不够专业，不适用于学术性网站。 对B类网站测试的用户：3人表示网站的字体大小合适，白色背景黑色字体可以被大多数用户接受，但是若只是单纯的黑白搭配则显得网站的颜色有些单调，网站可以再丰富一下配色。另外，二级页面中的侧边栏置于页面左侧不符合用户使用习惯，放置在右侧更佳。 **做出的修改：** 1. 将slogan字体样式取消斜体 修改前 ![image](slogan_before.png) 修改后 ![image](slogan_after.jpg) 影响：减少用户误以为这是一条链接的可能性。 2. 调大导航栏的字体大小 修改前 ![image](nav_font_before.jpg) 修改后 ![image](nav_font_after.jpg) 影响：页面导航更加凸显，用户也能快速了解到网站的结构 3. 采用B中的白色背景黑色字体的样式 修改前 ![image](background_before.png) 修改后 ![image](background_after.png) 影响：页面更为简洁美观 4. 侧边栏修改位置 修改前 ![image](sidebar_left.jpg) 修改后 ![image](sidebar_right.jpg) 影响：将侧边栏防止右侧，更符合用户的浏览习惯。 ## 定制化 根据用户研究的结果，本网站总共有两个定制化方案： - 利用CSS代码修改首页导航栏字体 用户研究中反应本网站的首页导航栏字体太小，所以利用CSS将导航栏字体调至1.3em,CSS代码截图如下： ![image](css1.jpg) 修改结果后如下 ![image](nav_font_after.jpg) - 利用CSS代码修改首页slogan字体样式 用户研究中反映本网站的slogan不宜采用斜体，所以利用CSS调整slogan样式,CSS代码截图如下： ![image](css2.jpg) 修改后截图如下： ![image](slogan_after.jpg) - 安装了WP Content Copy Protection & No Right Click插件防止文章被粘贴复制 因为网站的架站手册属于原创作品，为了避免被滥用，所以本网站禁止用户粘贴复制文章，WP Content Copy Protection & No Right Click的设置如下图所示： ![image](copy.jpg) 设置后网站的内容已经被禁止粘贴复制