# web_operation_end_project **Repository Path**: lucaszy/web_operation_end_project ## Basic Information - **Project Name**: web_operation_end_project - **Description**: 网站运营期末项目 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-07-01 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营期末项目 ## 一.策划 #### 站长：黄智毅 ### 策划文档与网站地图 #### 网站主题 ### [LUCAS技术分享博客](https://www.lucaszy.com/) ### 网站建设目标 * 一个专门分享技术的博客，为喜爱技术或者想学技术的人提供一点点的指引，少走一点弯路。 ### 用户画像 ![用户画像](https://images.gitee.com/uploads/images/2020/0701/205000_7a56c463_2228669.png) ### 网站规划 ![网站规划](https://images.gitee.com/uploads/images/2020/0701/204937_3849ef5c_2228669.png) ### DVF模型定义需求 ![DVF模型定义](https://images.gitee.com/uploads/images/2020/0628/094927_fb1f4b46_2228500.png) ![网站需求](https://images.gitee.com/uploads/images/2020/0701/211459_e58b9e83_2228669.png) ### 网站地图 ![](https://images.gitee.com/uploads/images/2020/0701/211537_dc912ce2_2228669.png) ### 平面设计 #### 动画合理使用 1. 搜索框。当用户徘徊在搜索框时，搜索框会晃动一下，增加网站的小乐趣 2. 日历。当用户徘徊在日历时，日历会放大，方便用户点击，提高用户使用时的体验感 3. 音频。当用户徘徊在音频控件时会要摇摆一下，吸引用户点击 ### siteorigin ### 平面设计 * 网站配色、对比度与可读性 网站配色以白色为主，对于技术控来说，最重要的是能在短时间内找到想要的文章解决自己遇到的问题，白底黑字的文章提高了文字的可读性，同时也给人一种清晰简洁的感觉。 * 图片版权 本网站所有图片和文章内容均为自己原创。 * 图库风格及配色 本博客专注于技术分享，图片是本人对某一些问题关键点思考后的截图，图片与文章内容有较大的关联性，并且特殊地方会有其他颜色的图形标注。 ### Siteorigin * 页面添加一个音频播放，让技术控在查看文章的时候不会感到枯燥，提高用户体验 * 页面添加一个按钮点击观看一个比较正能量的音乐视频，让技术控可以坚持自己心中所想，在技术路上越走越远。 * [网站地图](https://www.lucaszy.com/sitemap/)网站地图添加了一个返回主页按钮，方便用户回到首页 ### 原创云端架站文章 * [基于wordpress网站为文章或者工具添加动画](https://www.lucaszy.com/animate-in-wp/) * [部署SSL证书：使你的网站更安全](https://www.lucaszy.com/ssl-url/) * [关于几个主流的云主机平台的对比](https://www.lucaszy.com/zhuliuyunzhujiduibi/) ## 二.管理 ### 云端架站-启用了SSL证书使网站更安全 [我的网站](https://www.lucaszy.com/) ![网站截图](https://images.gitee.com/uploads/images/2020/0701/220345_8bdd11b1_2228669.png) ### 网站安全 * 使用Wordfence进行实时监控 * 目前我的网站的安全性属于中等的程度。 ![网站状态](https://www.lucaszy.com/wp-content/uploads/2020/07/网站状态.png) ![网站监控](https://images.gitee.com/uploads/images/2020/0701/220345_6e379765_2228669.png) ![网站监控](https://images.gitee.com/uploads/images/2020/0701/220413_aea88447_2228669.png) ### 网站性能 * 启用了9个监视器对网站进行实时监测 ![监视器](https://images.gitee.com/uploads/images/2020/0703/162046_2881dc99_2228669.png) * 响应时间是2.6秒左右，没有停机时间 ![响应率](https://images.gitee.com/uploads/images/2020/0703/162214_6a7344bc_2228669.png) ![响应率](https://images.gitee.com/uploads/images/2020/0703/162323_8cc5ad7b_2228669.png) ##### 我认为照片大小会影响网站的响应速度，因为我更换了一些比较小的照片，后边响应时间由2.6s减到2s左右，相对来说用户还是能快速的打开网站的。 ![响应时间](https://www.lucaszy.com/wp-content/uploads/2020/07/响应时间.png) ### 网站备份 * wordpress后台导出工具导到本地 ![](https://images.gitee.com/uploads/images/2020/0701/220848_2ec45fbc_2228669.png) * 备份到本地 ![](https://images.gitee.com/uploads/images/2020/0701/221058_b77dd773_2228669.png) * 备份数据库 ![](https://images.gitee.com/uploads/images/2020/0701/220820_27f94d74_2228669.png) * 备份到本地总览 ![](https://images.gitee.com/uploads/images/2020/0701/221145_96c2b52f_2228669.png) ### 网站流量 * 最近几天网站浏览量突然有了增加，到目前为止有1298浏览量，就7.8今天已经有95条浏览量，访客主要来自菲律宾 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/7.8浏览量.png) ![](https://www.lucaszy.com/wp-content/uploads/2020/07/国家.png) ## 三.SEO优化 ### 站长工具 * 我运用了百度站长和google站长工具，站长工具显示，百度收录了19条，Google收录了23条 ![](https://images.gitee.com/uploads/images/2020/0703/164049_10a8ccb2_2228669.png) ![](https://images.gitee.com/uploads/images/2020/0703/164137_c30f9717_2228669.png) ![](https://images.gitee.com/uploads/images/2020/0703/164201_e2c29c57_2228669.png) ![](https://images.gitee.com/uploads/images/2020/0703/221606_29a86349_2228669.png) ### SEO优化 ####我参考以下文章对网站进行SEO优化 * [SEO 网站优化的步骤和技巧有哪些？](https://www.zhihu.com/question/19808905) * [常用SEO优化方法总结](https://baijiahao.baidu.com/s?id=1588992193863453100&wfr=spider&for=pc) 1. 在文章末尾添加外链或者内链，即可以跳转到本网站其他页面或者跳转到其他网站 ![](https://images.gitee.com/uploads/images/2020/0703/165733_87bf4c6c_2228669.png) 2. 网页的标题要告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎在判断一个网页内容权重时，标题是主要参考信息之一。我们建议网页标题可以这样描述： * 首页：网站名称_提供服务介绍or产品介绍，控制在25个字左右 * 频道页：频道名称_网站名称 * 文章页：文章title频道名称网站名称 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/标题做什么.png) 3. 网页结构、排版要不断优化 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/网页布局.png) 4. 网站地图 网站地图的设置可以让让网站的浏览量得到提升。 5. 根据bing站长工具SEO提供优化建议 ##### 优化前 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/优化前.png) ##### 优化后 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/优化后.png) #### SEO优化后bing.com网站数据情况 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/网页情况.png) ### 用户研究 #### 用户访谈,人数：四人 * 访谈目的：通过用户访谈，得到一些建议性回馈，以改进网站的相关设计； * 访谈对象：与本人同专业的网络与新媒体5位同学进行了用户访谈； * 访谈流程：参与者浏览网站，就网站的各方面（平面设计、内容、页面布局等）给出修改的建议； * 访谈成果：总结出目前网站各方面(平面设计、内容、页面布局）存在的一些问题，如下所示。 1. 首页banner与主题不符，文章顶部界面较空 ##### 修改前 ![](https://images.gitee.com/uploads/images/2020/0704/092723_d385c0c6_2228669.jpeg) ##### 修改后 ![](https://images.gitee.com/uploads/images/2020/0704/092653_245f254e_2228669.png) 2. 页面文章标题不能给人提示是一条链接 ##### 修改前 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/微信截图_20200704091338.png) ##### 修改后 ![](https://www.lucaszy.com/wp-content/uploads/2020/07/微信截图_20200704091520.png) ### 定制化 1. 使用插件"AddToAny",可将网站文章末尾处分享至各主流平台,有利于提高文章浏览量 ![](https://images.gitee.com/uploads/images/2020/0703/172001_5ec46e9a_2228669.png) 2. 使用to top插件，可在页面任意一个地方返回到页面顶部，对于文章较长的页面来说非常方便用户 ![](https://images.gitee.com/uploads/images/2020/0703/172942_da094437_2228669.png) 3.为网站添加面包屑导航 ![](https://gitee.com/EdisonQXF/Web_Operations/raw/master/images/%E9%9D%A2%E5%8C%85%E5%B1%91%E5%AF%BC%E8%88%AA%E5%AE%89%E8%A3%85.png) ![](https://images.gitee.com/uploads/images/2020/0704/092630_74677b4c_2228669.png)