# web-op **Repository Path**: ViolaW/web-op ## Basic Information - **Project Name**: web-op - **Description**: 网站运营期末展示 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-06-28 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营期末项目——[美食Club](http://violahwang.me) * 站长：Viola * 这是一个用Wordpress搭建起来的网站 * 本网站的部分文章均为本人所写，部分图片是我自己拍摄，部分文章图片源自网络，我在文章已标明来源 # 产品文档 - [一、策划](#策划) - [（一）策划文档与网站地图](#策划文档与网站地图) - [1、网站建设目标](#网站建设目标) - [2、目标用户画像](#目标用户画像) - [3、网站规划等前期策划内容](#网站规划等前期策划内容) - [4、DVF模型定义需求](#DVF模型定义需求) - [5、网站地图](#网站地图) - [（二）平面设计](#平面设计) - [1、平面设计插件运用](#平面设计插件运用) - [2、网站配色、对比度与可读性](#网站配色、对比度与可读性) - [3、图片的使用](#图片的使用) - [4、图库风格及配色](#图库风格及配色) - [（三）架站踩坑图文文章](#架站踩坑图文文章) - [二、管理](#管理) - [（一）云端网站管理](#云端网站管理) - [1、云端架站](#云端架站) - [2、网站安全](#网站安全) - [3、网站性能](#网站性能) - [4、网站备份](#网站备份) - [三、运营](#运营) - [（一）站长工具](#站长工具) - [（二）SEO优化](#SEO优化) - [（三）用户研究](#用户研究) - [（四）定制化](#定制化) # 一、策划 ## 策划文档与网站地图 #### 网站建设目标 - 网站定位：建设一个关于美食和饮品的展览以及分享交流的网站。 - 提高网站的排名：获得更高的浏览量。 - 提高用户体验质量：给用户提供一个能长期进行交流的平台，为用户提供美食参考的服务。 - 有效的传播度：一个长期的过程。 #### 目标用户画像：年龄为30岁以下，热爱美食和尝试新鲜美食的群体。 **用户需求点：多样种类丰富的美食推荐以及避雷，美观易用的网页。** 1.小丽今年22岁，是一名大二的学生，她是个“吃货”。每周她都会去喝奶茶吃烤鱼等。喜欢在网上浏览一些新食品和新饮品的推荐。她希望能多吃到一些美食。 2.莉莉今年25岁，是一名公司职员。她喜欢在喝奶茶。几乎每天她都在下班时间买一杯奶茶，她想要有个地方可以向她推荐她没有吃过的美食。 3.小智今年28岁，是一名已婚男性。他喜欢吃烧烤。经常会有聚会去吃烧烤。 #### 网站规划等前期策划内容 1.搭建好网站站点，将平台的大概结构搭建出来。 2.通过SEO工具提升网站排名。 3.通过网站内容以及对网站进行传播吸引用户进入网站，增加阅读量与浏览量，提高网站排名。 #### DVF模型定义需求 1.用户需求：用户需要一个能长期进行美食推荐/避雷的分享的网站。 2.商业延续性：前期为了吸引更多的用户会给注册/对文章进行评价/对文章或网站进行分享的用户发放美食免费吃优惠券， 她们可以通过使用优惠券到店内免费吃；后期得到一定数量的用户之后，与其他网站/商家合作，在网站的侧边栏添加广告专栏，来赚取广告费。 3.可行性： （1）网站在早期吸引不到足够多的用户，浏览量低，后期想要与其他网站/商家合作，添加广告专栏，来赚取广告费是一件不太实际的事情。 （2）对SEO的优化是一件长期的过程，没有办法确保网站可以在短期内提升网站排名。 #### 网站地图 * 明确区分网站的“页面”与“文章”，表明页面、文章、分类标签的关系。 * 蓝色框框起来的为网页，无框的为文章  ![网站地图](https://gitee.com/ViolaW/web-op/raw/master/images/wangzhanditu.png) ## 平面设计 ### 平面设计插件运用 * 考察Animate it! 我再两处文章使用了hover动画效果，当我把鼠标放到相关文字上方时，文字会跳动一下。 ![ANI1](https://gitee.com/ViolaW/web-op/raw/master/images/ANI1.png) ![ANI2](https://gitee.com/ViolaW/web-op/raw/master/images/ANI2.png) 我在首页侧边栏尝试添加谷歌翻译，添加成功了。在页脚的翻译添加了动画 。故我这个插件运用成功。 ![谷歌翻译1](https://gitee.com/ViolaW/web-op/raw/master/images/gugefanyi1.png) ![谷歌翻译2](https://gitee.com/ViolaW/web-op/raw/master/images/gugefanyi2.png) * Siteorigin ![SO1](https://gitee.com/ViolaW/web-op/raw/master/images/SO1.png) ![SO2](https://gitee.com/ViolaW/web-op/raw/master/images/SO2.png) ![SO3](https://gitee.com/ViolaW/web-op/raw/master/images/SO3.png) #### 网站配色、对比度与可读性 网站的配色以白色和黑色为主，除了标题字体为白色，其他字体为黑色，链接字体为深绿色，背景为白色，可读性比较强。 使用右键点击打印的方法来看是否网站具有可读性。  ![打印截图](https://gitee.com/ViolaW/web-op/raw/master/images/dayin.png) #### 图片的使用 *图片有部分我自己拍摄的，版权为我自己所有。 *除此之外，还有来源于百度图库的图片，我已表明并保留水印， *我在网站上有版权声明。 #### 图库风格及配色 图库的风格以简洁清晰为主，配色黑白为主。 ### 架站踩坑图文文章 ![架站截图](https://gitee.com/ViolaW/web-op/raw/master/images/jiazhanjietu.png) [github学生优惠包领取](http://68.183.178.47/2020/06/28/githubxueshengbao/) [namecheap域名绑定踩的坑](http://68.183.178.47/2020/06/28/nccaikeng/) [那些年使用digitalocean架站踩的坑](http://68.183.178.47/2020/06/28/docaikeng/) ## 二、管理 ### 云端网站管理 #### 云端架站 有可用的云端网站，使用了域名：violahwang.me  ![网站域名截图](https://gitee.com/ViolaW/web-op/raw/master/images/yuming.png) #### 网站安全  目前我的网站的安全性属于中上程度。我通过安装了wordfence插件来检测自己网站的安全性，在6月28日通过对网站进行扫描发现我的网站没有太大的问题，没有需要升级或修改的地方。 ![wf截图](https://gitee.com/ViolaW/web-op/raw/master/images/wangzhananquan.png) 我的网站经常会受到别人的攻击，但暂时没有受到很大的影响。但是我通过实时wordfence插件来检测我网站的安全性。 ![被攻击截图](https://gitee.com/ViolaW/web-op/raw/master/images/wangzhananquan2.png) ### 网站性能 使用了site24*7监控网站，添加了8个地点，监视器总数为15个。 ![site24监控1](https://gitee.com/ViolaW/web-op/raw/master/images/jiankong.png) ![site24监控2](https://gitee.com/ViolaW/web-op/raw/master/images/jiankong2.png) ![site24监控3](https://gitee.com/ViolaW/web-op/raw/master/images/jiankong3.png) 网站备份  在本地备份后 ![本地备份](https://gitee.com/ViolaW/web-op/raw/master/images/bendibeifen.png) ## 三、运营  ### 站长工具  我运用了 **Google 和 bing 的站长工具** 站长工具1：Google站长工具  在我申请后的不到十分钟，Google就把我的网站收录了。 速度非常快。 ![谷歌站长截图1](https://gitee.com/ViolaW/web-op/raw/master/images/guge1.png) ![谷歌站长截图2](https://gitee.com/ViolaW/web-op/raw/master/images/guge2.png) 站长工具2：bing站长工具  刚开始申请这个bing的站长工具的时候，我提交了好几次，但是bing还是一直没有收录我的网站，而在后台却一直显示收录成功，直到有一天就突然收录了。是因为bing的抓取速度相比于Google要慢，等了一天我再去看的时候发现我已经被收录了。  ![bing站长截图1](https://gitee.com/ViolaW/web-op/raw/master/images/bing1.png) ![bing站长截图2](https://gitee.com/ViolaW/web-op/raw/master/images/bing2.png) ### SEO优化 *我参考以下文章来优化我的SEO* [常用SEO优化方法总结]（http://www.360doc.com/content/19/0719/09/61855052_849706988.shtml） #### 站中具有相关的统计分析工具 我使用了jetpack统计分析，对于每天的访问量都有统计。我就很方便的可以了解到具体数据。但是我发现浏览量好像并没有很大提升。 #### 网站的访问速度 我使用了lazy loading，加速我的网站页面跳转。 ![lazy](https://gitee.com/ViolaW/web-op/raw/master/images/lazy.png) #### 文章原创内容要经常性更新 我每次添加文章更新以后，网站访问量有很大的提升。 ![文章](https://gitee.com/ViolaW/web-op/raw/master/images/wenzhang.png) #### 网站地图 我添加了网站地图以后我的网站访问量，但是我发现好像没有作用。 ![网站地图截图](https://gitee.com/ViolaW/web-op/raw/master/images/wangzhanjietu.png) ![网站流量截图](https://gitee.com/ViolaW/web-op/raw/master/images/map.png) *通过我更改WordPress主题以后，以及使用SEO优化以后我的网站流量总统计 ![总流量统计](https://gitee.com/ViolaW/web-op/raw/master/images/zongliuliang.png) ## 用户研究 #### 用户访谈 * 人数：5人 我通过用户访谈的形式，对五人进行了采访，采访结果如下： 问题： 1.网站运行太慢了 2.网站内容太少了 改进： 1.使用插件，但是网站因为是通过外网架的，所以依然很慢 ![lazy loading截图](https://gitee.com/ViolaW/web-op/raw/master/images/lazy.png) 2.增加了DIY页面，页面里是食品的做法。 ![改进1](https://gitee.com/ViolaW/web-op/raw/master/images/gaijin1.png) ![改进2](https://gitee.com/ViolaW/web-op/raw/master/images/gaijin2.png) ## 定制化 1.因为是外网架的网站，所以我添加了谷歌翻译在每个页面的右下角，方便用户阅读，没有语言阅读障碍。 ![谷歌翻译](https://gitee.com/ViolaW/web-op/raw/master/images/gugefanyi2.png) 2.通过使用WP Content Copy Protection & No Right Click插件，添加了不可复制网站的功能。通过使用插件使得网站的文章不能被复制，保护了这个文章原本的作者的权益。 ![版权](https://gitee.com/ViolaW/web-op/raw/master/images/banquan.png)