# 网站运营与管理 **Repository Path**: Xubaooo/wai_guidelines ## Basic Information - **Project Name**: 网站运营与管理 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-03-23 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 网络与新媒体专业18级 许泳诗 181013070 ## 网站运营与管理 期末项目： [粤地道 粤好味](https://www.xubaooo.top/) ### 策划文档与网站地图 #### 1. 网站建设目标 - “粤地道 粤好味”是一个介绍广州地道美食、推荐广东美食店铺、广东美食DIY的网站，目的为来广州出差旅游，想要了解更多广州美食的人群能够再本网站找到广州特色美食，亦为广州美食提供一个推广的平台。 #### 2. 目标用户画像： - 小慧：18岁的本地学生，喜欢拍照探店，喜欢广州怀旧美食，每周都会上网搜索各种网红点周末放假时打卡。 - 熊熊：30岁的年轻家庭主妇，目前全职在家照顾家庭。喜欢在家捣鼓各种菜式，经常上网学习家庭版菜式和制造甜点。 #### 3. 网站规划 |阶段|规划| |--|--| |前期|提供相关美食资源和美食教程，吸引各大博主来本平台交流| |中期|在同类美食栏目引流，开放用户可发表文章，持续优化网站，| |后期|持续优化网站，接广告盈利，接通商家资源，打造本平台的带货KOI| #### 4. 使用DVF模型描述如何定义需求 | 模型 | 内容 | |------------------|--------------------------------------------------------------------------------------| | 用户需求Desirability | 根据搜索发现，美食资源网站有很多，但缺乏一个集推荐美食，美食教程的一体化平台，并且某些平台资源虚假，导致一些想了解广州美食的并且想动手去做的人不知道哪里寻找更好的答案。 | | 可持续性Viability | 定期更新网站资料内容，增加用户粘性；开放用户的可使用性。 | | 可行性Feasibility | 广州街头美食缺乏发掘，相关推荐平台较少，且近年广州美食一直火爆，“食在广州”的口号深入民心。此网站可行性高 | #### 5. 制作“网站地图”明确区分网站的“页面”与“文章”，表明页面、文章、分类标签的关系 ![地图](https://images.gitee.com/uploads/images/2020/0715/125947_86ab266d_2229911.png "9071323b6ab9ef580c0f616a623bea1.png") ![结构](https://images.gitee.com/uploads/images/2020/0715/130001_d0d5d066_2229911.png "cab445370faa543430df7425b447439.png") ### 图片使用 #### 1. 版权说明 - 收录文章均来自吃喝玩乐in广州 ![版权说明1](https://images.gitee.com/uploads/images/2020/0716/011050_1dc43644_2229911.png "微信图片_202007160109243.png") - 每张图片下都有备注原出处 ![版权说明2](https://images.gitee.com/uploads/images/2020/0716/011114_0581fc4a_2229911.png "微信图片_202007160109245.png") #### 2. 配色风格 网站整体以白色为背景，主色为#FF6600，采用此配色鲜艳活泼而不失对比，高饱和度更加温暖热烈，突出食物的魅力。让用户在使用的过程中能舒适地阅读文章内容。链接字体为荧光橙，与主题配色相呼应，其他字体黑色，可读性比较强。 ### 云端架站/运维图文 - 请点击[踩坑笔记传送门](https://www.xubaooo.top/index.php/category/caikengbiji/) - [大头虾啦！WordPress忘记密码怎么办!!](https://www.xubaooo.top/index.php/2020/07/14/forgetpassword/) - [手贱！错改wordpress地址！](https://www.xubaooo.top/index.php/2020/07/14/wrong-ip-address/) - [WordPress如何快速开启Https？！](https://www.xubaooo.top/index.php/2020/07/13/https-setting/) ### 平面设计 #### 1. 网站配色，背景及字体的对比度 - 页面与文章以白色为背景，主色为#FF6600，采用此配色鲜艳活泼而不失对比，高饱和度更加温暖热烈，突出食物的魅力。 #### 2. 可读性 - 可读性较强，用户使用流畅；字体较大；配色风格相对中性，热情活泼。 #### 3. Animate it!使用 1. 鼠标徘徊，云标签抖动，提醒用户进入云标签。 - ![1](https://images.gitee.com/uploads/images/2020/0716/015010_fcf6c502_2229911.gif "1.gif") 2. 鼠标徘徊，搜索框抖动，提醒用户已经进入搜索框，引导用户能够进行搜索操作 - ![2](https://images.gitee.com/uploads/images/2020/0716/015025_3c290534_2229911.gif "2.gif") 3. 鼠标徘徊，sidebar的所有工具放大 - ![3](https://images.gitee.com/uploads/images/2020/0718/132538_5714ce84_2229911.gif "lsl1_3.gif") #### 4. SiteOrigin使用 - 所有文章中使用siteorigin小工具添加图像。 - ![3](https://images.gitee.com/uploads/images/2020/0716/020630_0cd17e88_2229911.jpeg "微信图片_20200716020554.jpg") ### 云端网站管理 #### 1. 云端架站 - 网站正常运行，使用域名（xubaooo.top)且成功在阿里云备案。 - ![](https://images.gitee.com/uploads/images/2020/0716/021055_f63a8298_2229911.png "98edebf31533d26cc6e780ef8ddc42e.png") #### 2. 网站安全 - 使用Wordfence插件 - ![Wordfence](https://images.gitee.com/uploads/images/2020/0716/021132_50b42a84_2229911.png "微信图片_20200716010831.png") - 已开启Wordfence防火墙，通过此监控了解到自己网站的安全性中等；有五个漏洞，均为插件无法更新，可忽视。 #### 3. 网站性能 - 监视器共8个，实时监控网站，确保安全。 site24x7监视器 ![](https://images.gitee.com/uploads/images/2020/0716/021824_f4007386_2229911.png "微信图片_202007160109246.png") - site24x7监控网站了解到访问网站的用户，开启防火墙。通过监视器可以实时知道，本网站处于安全状态，风险较低。 #### 4. 网站备份 - wp-config.php备份本地；数据库（sql文件）； - ![备份1](https://images.gitee.com/uploads/images/2020/0716/024515_2172a9bb_2229911.png "7bd518feff937c312e5ffe20580a68b.png") - 通过wordpress后台导出工具导到本地的文件 - ![备份2](https://images.gitee.com/uploads/images/2020/0716/024525_319f8d4d_2229911.png "bd2faf5800f65aa1b7f65a0e33164e2.png") ### 站长工具 #### 站长工具A 百度 - ![baidu](https://images.gitee.com/uploads/images/2020/0716/025321_2f9a1a8e_2229911.png "微信图片_202007160109253.png") #### 站长工具B 必应 - ![bing](https://images.gitee.com/uploads/images/2020/0716/025036_b8de325c_2229911.png "bing.png") #### SEO优化。 - 每一篇文章都有设置图像alt，添加元描述，增加SEO标题，添加焦点关键词 - 1. 设置图像alt-->所有图像都有与主题相关的描述 - ![seo图片](https://images.gitee.com/uploads/images/2020/0716/031057_d6107e98_2229911.png "图片.png") - 2. 添加元描述-->在搜索引擎中有关于文章的缩略描述 - 3. 增加SEO标题-->设置与文章主题相关的SEO标题 - ![seo2](https://images.gitee.com/uploads/images/2020/0716/031121_dd237e3a_2229911.png "seo2.png") - 4. 添加焦点关键词-->添加精准的关键词，让搜索引擎能够更加容易爬取到 - ![seo1](https://images.gitee.com/uploads/images/2020/0716/031138_1585113e_2229911.png "seo1.png") ### 用户研究 #### 1.用户研究成果及设计改进： - #### 2.定制化 - 为页面和文章增加面包屑导航（ **Breadcrumb NavXT** ） - ![输入图片说明](https://images.gitee.com/uploads/images/2020/0716/032757_8ca83f1e_2229911.png "0fa402eea6b7ab613822efc3d402dbc.png") - 为读者提供社交分享功能，激励网站访客互动，提升文章点击率。（ **博客社交分享组件** ） - ![输入图片说明](https://images.gitee.com/uploads/images/2020/0716/032601_01bc11db_2229911.png "微信图片_2020071601092513.png") ### 加分项 - 开启https - ![](https://images.gitee.com/uploads/images/2020/0716/033118_e0f280f8_2229911.png "f7d061cb30642a75e571c17c6c48706.png") - ![](https://images.gitee.com/uploads/images/2020/0716/033634_995925a5_2229911.jpeg "https.jpg")