Skip to content

LUOJIHAO/web-operation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

中大南方大数据学习踩坑空间—运营报告

网站名称 中大南方大数据学习踩坑空间
网址 https://luojiahao.me/
站长 罗家濠 161013072
运营报告撰写人 罗家濠 161013072

1.策划

1.1策划文档与网站地图:

  • 网站建设目标:分享大数据的相关知识,构建一个共有的学习平台,用户可以在讨论区自由讨论学习心得,同时邀约一些业界大咖解答专业性问题,致力于打造一个大数据平台经济。

  • 目标用户画像:


姓名:勇勇

年龄:21岁
职业:大学生
人物简介 目前正在学校学习大数据的相关知识,如数据的获取及处理,大数据可以运用的领域等。对大数据只是有较高的求知欲望,在学习过程中有自己的见解,想通过一些平台去发表自己的看法和交流学习心得。
用户行为 多数情况下使用电脑设备获取网站信息,有时候会使用手机。 网站浏览频率:在学习期间会上网站获取相关学习资料。
用户态度和观点 喜欢清新自然、简洁明了的风格,对于喜欢的颜色有多种看法。在浏览网站的时候更注重网站的布局还有展示的内容。
痛点 目前网上大数据知识较为枯燥无味,课堂所学知识有限且老师讲课速度过快,想寻找一个平台不仅能学习同时也能发表一些自己在学习过程中所遇到的问题能有业界大咖解答。
图片来源morecoder
姓名:豪豪

年龄:29岁
职业:数据分析师
人物简介 目前在某公司从事大数据分析的工作,已从业多年,专业知识过硬,但遇到一些业界新的事物的出现,需要找到一个可以交流讨论的地方。
用户行为 使用电脑设备获取网站信息。实名制登录,可以为自己的简历添加一笔。 网站浏览频率:工作之余会上网站浏览信息和发表评论。
用户态度和观点 喜欢未来科幻风的主题,注重网站展示的内容。
痛点 自己对于行业内的一些领域有一定的经验,想寻找一个专业性较强的平台去分享自己的见解同时也可以通过这个平台去获取打赏而赚取一定的外快。
  • 网站规划:
  1. 网站的非更新性内容:关于页面、联系方式、导航栏、网站标题及logo
  2. 网站的更新性内容:大数据、数据空间、网站报告、最新文章、学习论坛
  3. 更新性内容的优先级:大数据=数据空间>网站报告
  4. 基于用户调研和访谈,使用DVF模型定义需求——与网站的前期规划对比,暂缓平台经济这一模块功能。同时明确本网站是要用优质文章吸引用户,以达到前期目标。

dvf.png

  • 网站地图: map.jpg

1.2 图库版权


1.3 图库风格及配色

  • 风格:本网站采用数字、科技未来风格——通过用户调研以及访谈,发现用户对于“大数据”这个主题下,未来科幻风会更受欢迎。

  • 配色:本网站的主题色选取蓝色和深蓝色之间的颜色——蓝色是最冷的色彩,表现出一种美丽、文静、理智、安祥与洁净。由于蓝色沉稳的特性,具有理智,准确的意象,在商业设计中,强调科技,效率的商品或企业形象。

  • 图片风格:紧扣网站的风格以及配色进行选图,整体文章封面的风格都保持一致。

  • 部分图库展示

style.png


1.4 云端架站踩坑图文文章:


1.5 平面设计1

  • 网站配色:网站配色为蓝白黑三种主要配色(eg.导航栏图标文字默认黑色,选中变蓝),一方面是和图库风格保持一致,另一方面使得整个网站整体显得干净清爽(基于用户调研而得出的)

navigation.png

  • 背景及字体的对比度:背景采用纯白,文章节标题字体大小为20号,加粗,黑色;主内容字体大小为16号,偏灰色。读者能够一眼明晰文章的内容框架,故对比度强。

  • 可读性:本网站所有文章均有配图、副标题、内链等,且段落数及文字数量均在合理范围内,故可读性强。


1.6 平面设计2

Animate it! (因为服务器在外国,故打开网页加载需要一段时间,可能在此期间效果已展示完,若没看到效果请刷新几次):

  1. 图片采用浏览到此处会放大出现的效果,以此起到强调的作用 网址链接

20190624_125428.gif

  1. 侧边栏采用从右向左滑入,以此起到提醒的作用 网址链接

20190624_125901.gif

  1. 文章“引言”采用从左到右滑动进入的动画效果 网址链接

Animate4.gif

Siteorigin

  1. 使用Posts Grid的布局风格,用户可以直观的从分类标签中获取所需的文章 网址链接

20190624_130738.gif

  1. 使用FooGallery插件,再用自定义html的功能将此插入,制作画廊(在文章结尾处) 网址链接

20190624_131017.gif

3.使用了Icon List的功能,用户可以点击此按钮直接进入到文章界面 网址链接

20190624_131234.gif

4.使用了Posts Carousel的功能,将文章轮播展示 页面运用了黄金比例 右侧页面上面用了文字模块,下面运用Icon List模块 网址链接

Siteorigin.png

2.管理

2.1云端架站:https://luojiahao.me


2.2网站安全:使用Wordfence

  • 通过数据可知本网站安全系数高,浏览登录记录均为本人,暂无发现恶意攻击本网站的行为。
  • 同时通过图片数据可知,该防火墙在不断的学习中,以此提高网站的安全性。
  • 网站的回应为正常值、IP地址稳定(除了有一次用科学上网,IP显示在美国)。

safe.png safe.png safe1.png


2.3网站性能:使用site24x7

  • 我添加的监控点分别是各大洲的主要城市,以此来看看整体的网站性能,
  • 通过数据可知本网站对国内的用户并不是特别友好,在广州监测点,可用性为10.93%,停机时间为21小时23分钟,需要借助科学上网工具才能获得良好的用户体验,
  • 其它各大洲的监测地点均为正常值,可用性为100%,停机时间为0,能正常访问本网站。

site2.png site.png site1.png


2.4网站备份:

    1. winSCP的截图: backup1.png backup2.png
    1. 通过插件(Wordpress Database Backup) 备份数据库 (sql文件)截图 : backup3.png backup4.png
    1. 通过wordpress后台导出工具导到本地的文件截图 backup5.png backup6.png

3.运营

3.1 站长工具:

  • Baidu站长认证——方法:登录百度站长工具,选择通过html的验证方法,将其验证码贴入Yoast SEO,完成验证后提交sitemap
  1. 在未注册百度站长工具前,无法搜索到本网站(5月28日) baidu222.jpg

  2. 百度已收录本网站,且为网站最新内容(6月26日) baidu2.png

  3. 自五月底认证百度站长工具以来和使用相关SEO优化后,“索引量”和“抓取频次”都在稳步提升,可以看出本网站的出现在baidu搜索引擎上的几率在不断增加。 site22222.png baidu.png

  • Bing站长认证——方法:登录Bing站长工具,选择通过html的验证方法,将其验证码贴入Yoast SEO,完成验证后提交sitemap
  1. 在未注册bing站长工具前,无法搜索到本网站(5月28日) bing222.png

  2. bing已收录本网站,且国内版、国际版均可搜索到(6月26日) bing2.png

2.自五月底认证bing站长工具以及使用SEO优化后,“页面流量”、“搜索点击数量”、“搜索结果”、“抓取页面数量”等数值呈稳步上升趋势 bing.png bing1.png


3.2 SEO优化。

方法一: 在Yoast里添加文章的关键词同时补充完善描述文本,以此增加搜索引擎的收录机会。

添加方法:在每篇文章的最后面会出现Yoast的工具,通过总结文章最有价值的关键词,同时利用关键词搜索工具查询该关键词的使用频率确定,最后确定的文章关键词。 seo3.png

结果:以举例的文章为例,文章浏览流量以天为单位统计变化并不明显 seo1212.png

方法二(官方方法): 修改文章url的定义规则,使得其更加规范化以便于搜索引擎收录。

修改方法:在wordpress后台中找到“设置”在子菜单中找到“固定链接”即可在里面修改整个网站的url的定义,我将其修改为文章分类目录+文章英文名

修改前: seo1.png

修改后:采用网站主页url+分类目录+文章英文名 seo2.png

结果:以举例的文章为例,文章浏览流量以天为单位统计变化并不明显 seo1212.png

方法三(官方方法): 在百度站长工具和bing站长工具主动提交文章url。

添加方法:登录bing和baidu站长工具网站,找到提交url的位置,将目前网页所有页面的链接都主动提交上去。 site3.png site4.png

结果:以《常用的大数据获取》这篇url为例,可以通过搜索引擎直接搜索到,说明改网页已被收录! seo1515.png

方法四(官方方法): bing站长工具自带的SEO优化建议,这里在首页内容的图片要添加描述文本。

方法:进入bing后台找到seo优化,之后输入网址,按照提示修改。 seo.png

方法五:提交网站的sitemap到bing和baidu的站长工具。

方法:在Yoast中找到本网站的sitemap,将sitemap提交至bing和baidu站长工具中。 本网站的sitemap地图

site3.png

baidu站长工具提交sitemap

site4.png

baidu已成功抓取网站sitemap

site5.png

bing已成功抓取网站sitemap

site6.png

Jetpack及Yoast SEO前后的数据对比、分析原因

注:本部分内容与前面的站长工具认证以及seo优化方法内容有部分重复故不再展示。

数据对比: 这是Jetpack分别在6月8日和6月24日的截图,在完成了站长认证和SEO的方法优化后,从图中可以看到流量数得到了明显的提升。 站长报告8.jpg seo.png

同时登录Jetpack后台数据可以看出,访客的数量在增加 wordpress111.png

在Yoast SEO中可以看出目前网站总体的SEO分析是优秀 seo2.png seo1.png

分析原因
  1. 通过主动提交sitemap以及网页的链接后,网站更容易被搜索引擎收录。
  2. 在完成了所有的SEO优化方法后,要保持对网页文章内容的更新,尽量保持两三天更新一篇文章,保持网站的活跃度。
  3. 网页浏览量激增的原因原因在于使用了site24*7的检测工具,但排除这部分流量数据,网页的浏览量和文章的浏览量都有部分提升。
  4. 目前搜索网页关键词还需要在后面加site:luojiahao.me才能搜索出来,原因在于网站总体的点击量,以及关键词的设置还不是尽如人意,同质化较严重,后期运营需加强。 seo4.png

3.3 用户研究。

方法一:用户访谈(5人) 录音文件

  • 问题设置:
  1. 您进入网站的第一印象是什么?
  2. 从1到10分,您给这个网站打多少分?
  3. 您对我们的网站最不喜欢/最喜欢的地方是什么?
  4. 您最想让我们增加的一个功能是什么?
  • 访谈总结:
  1. 100%的用户进入后觉得网站的配色、图片的选择都符合“大数据”这个主题。
  2. 60%的用户对本网站打了7分,20%的用户打了9分,20%的用户打了10分。
  3. 100%的用户普遍不喜欢文章封面没有配图;60%的用户觉得没有搜索按钮无法通过关键词搜索到所需内容。
  4. 100%的用户喜欢在浏览文章的时候导航栏始终处于置顶状态,能够随时进入想要的页面。
  5. 80%的用户喜欢网站logo的设计,简约大气。
  6. 100%的用户觉得在网页的右下角有一个直接返回顶端的按钮很人性化。
  • 改进措施:
  1. 在导航栏增加搜索入口
  2. 在首页增加直接跳转文章页的按钮
  3. 给所有的文章添加封面图片

用户访谈前页面布局:

  • 首页(需改进)

user.png

  • 文章(需改进)

user1.png

  • 导航栏(需改进)

user2.png

  • 右下角直接返回顶部按钮(普遍受到用户喜爱,保留)

user5.png

  • logo设计大气合理(保留)

user6.png

基于用户访谈改进后的页面布局

  • 首页——添加直接进入文章页面的按钮

user.png

  • 文章——为每篇文章添加封面图片

user3.png

  • 导航栏——添加了搜索入口

user1.png

方法二:A/B 测试 录音文件

  • A方案导航栏无图标

schedue1.png

  • B方案导航栏有图标

schedue2.png

  • A小组用户行为:80%的用户并没有过多关注导航栏,而是直接往下浏览页面,进入到最新文章页面。只有20%的用户会稍微看一下导航栏但并没有点击进入页面。

  • B小组用户行为:100%的用户因为导航栏的图标设置新颖,会先去看看网站的导航栏,了解网站的总体结构。同时有50%的用户会直接通过导航栏而直接进入所需的页面。剩下的50%的人会先浏览下面的最新文章页面后再做出自己的选择。

  • A/B 测试结果总结:通过对比发现B方案更符合目前本网站的架站目标,让用户能够直观的了解到本网站的结构,按照自己的需求去使用本网站,但在测试过程中发现B方案会淡化最新文章这一页面,不过总的来说并不是特别的影响。综上,决定采用B方案。


3.4 定制化:

定制化方案一:使用WP Super Cache插件,提升国内用户的体验

原因:在做用户访谈的时候,普遍反映打开网页的速度过慢,影响正常的用户体验。

分析:服务器原因无法更改但本网站在国外访问正常(从site24*7可知),故只能从网站的加载上优化。

结果:上网搜寻后,发现WP Super Cache缓存插件能满足目前我的需求,其功能包括gzip压缩,页面缓存,缓存预加载,CDN支持,高级缓存预加载,能提高网页的加载速度,提升用户体验。 1.png 2.png

定制化方案二:

原因:本网站有一些原创内容,为了保护作者及提供者的知识产权,安装版权保护的插件十分必要

分析:本站中并不是所有网站均为原创,故需要挑出需要禁止复制的页面

结果:安装WP-copyright-protection插件,同时可以定制化需要保护的页面。 1.png 10.png

定制化方案三:

原因:在“踩坑问题”页面中因为使用了siteorigin Layout,影响了文本的显示,不符合整个网页的美观度

分析:该插件右边有自定义CSS的功能可以在此处加入CSS代码,更改布局

结果:通过CSS修改了文字布局,使其居中显示,较之前整齐有序

修改CSS前页面布局 css.jpg

修改CSS代码 css1.jpg

修改后的文字布局 css2.jpg

加分项

1. 子网站(开启子域名):https://6666.luojiahao.me

子网站.png


2. 使用HTTPS:https://luojiahao.me

https.png

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published