# 网站运营2 **Repository Path**: NFUNM080/wangzhanyunying ## Basic Information - **Project Name**: 网站运营2 - **Description**: No description available - **Primary Language**: HTML/CSS - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-06-30 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Website operation and management ## 介绍 期末应用项目开发成果展示考查 策划丶管理丶 运营三者开发成果。 ## 策划 #### 要求：策划文档与网站地图：具有明确的网站建设目标、目标用户画像、网站规划等前期策划内容，且能够根据用户调研的结果进行目标的调整，使用DVF模型描述如何定义需求；制作“网站地图”明确区分网站的“页面”与“文章”，表明页面、文章、分类标签的关系。 1. **网站建设目标** : 向大众普及大数据的相关知识，为用户提供一个了解大数据相关知识并且能进行互动交流的平台。 2. **目标用户画像** : ![目标用户画像](https://images.gitee.com/uploads/images/2019/0618/165703_636e49cb_1829827.png "目标用户画像.png") 3. **网站规划等前期策划内容** : :one: 前期的市场分析　　 - 参考的网站:CSDN　　 - 使用AWS的国外服务器；腾讯云的域名；网站的资料由老师提供，编辑运营仅有一人。 :two: 建设网站的目的及功能定位: - 建立网站的目的：向大众普及大数据的相关知识，为用户提供一个了解大数据相关知识并且能进行互动交流的平台。 - 整合网站所需要的各种资源，确定网站需要的功能，根据网站长期发展的需求和计划，确定网站的详细功能。　　 - 根据网站的功能，确定网站达到最终效果和目标。　 - 网站后期可以需要的扩展。　　 :three: 网站内容的规划:　　 - 根据网站的目的和功能规划内容，一般网站应包括：公司简介、产品介绍、案例展示、在线咨询、联系方式等基本的内容。　 - 如果日后网站的栏目日益增多，可以考虑设立一个专门的网站编辑来负责内容的建设。 - 网站的内容是吸引访客的关键因素，因此可以定期对目标访客进行调查，了解用户所需要的资讯，然后对文章内容进行优化。　　 - 编辑要及时更新、修改、查询网站相关的关键词。定期根据SEO优化方法对网站进行SEO优化　　 :four: 网页设计 　　 - 页面设计，要符合以人为本的可视化设计规范。色彩的搭配要合适，图片的运用及版面的规划，保持网页的整体一致性。　　 - 要充分考虑主要访客群体的分布地区、年龄阶段及阅读习惯等。　　 - 制定网页改版计划，半年或一年时间进行较大规模的改版。 :five: 网站维护 - 网站建设完成后的要定期进行日常维护，网站维护例如使用Wordfence进行安全维护，对访客及统计数据进行不断的分析，并根据实际情况增加某些新功能或更改部分布局等。 - 如果网站日常的客流量较多的话，维护时应发布通知，及时通知用户。以免会给网站带来不好的影响，例如：网站在维护期间不能正常上网，用户不知道，他打不开网站，可能会降低用户对网站的信任度。 4. **制作“网站地图”明确区分网站的“页面”与“文章”，表明页面、文章、分类标签的关系** 网站地图： ![网站地图](https://images.gitee.com/uploads/images/2019/0625/162949_4eb64d68_1829827.png "网站地图.png") 页面： 页面是你可以单独建立一个固定页面，可以作为留言板，或者通知的单页面，发布之后是固定的网址。 页面并不能被分类、亦不能拥有标签，但是它们可以有层级关系。您可将页面附属在另一个页面之下。 对应模板：page.php 如：关于我们、公司简介、联系方式、公司地址 文章： 文章可以通过标签实现相关文章的链接，可以放评论和评论框来实现与用户的互动，而页面没有。 文章有栏目可以归档，还有标签，而页面没有。 编辑文章时可选不同的形式，而页面没有。 对应模板：single.php 总结分析： 从性质上讲，文章偏向动态页面，而页面偏向静态页面。 也可以理解为文章是你网站的主要内容，页面是次要内容。 #### 要求：平面设计插件运用：考察Animate it! （合理使用2处）及SiteOrigin（正确使用3个页面/文章）的合理使用情况。 1. 文章[《可用性测试中的任务设计方法—lingbo_chan》](http://www.awgw.club/2019/06/26/task-design-methodology-in-usability-testing-lingbo_chan/)和[可用性测试的权衡之道（二）-Bo-jian](http://www.awgw.club/2019/06/26/trade-offs-in-usability-testing-2-bo-jian/)以及[网站地图页面](http://www.awgw.club/sitemaps/)中的图片均使用了Animate it。 2. SiteOrigin的使用 [首页]( http://www.awgw.club/first_page/) [页面1]( http://www.awgw.club/pages1/) [页面2]( http://www.awgw.club/page2-2/) SiteOrigin设置方式 ![SiteOrigin设置](https://images.gitee.com/uploads/images/2019/0629/102613_55401284_1829827.png "SiteOrigin设置.png") SiteOrigin设置的效果 ![SiteOrigin设置的效果](https://images.gitee.com/uploads/images/2019/0629/102855_16b1b06d_1829827.png "SiteOrigin设置效果.png") #### 要求：平面设计：网站配色、对比度与可读性：要求配色合谐卓越丶可读性卓越。图片的使用：要求非原创的每张图片都要有版权交待，且有超链接； 图库风格及配色: 要求说明风格、配色、图片风格的选择为何与内容和主题相符。 1. 网站内文章的配图选择，是与文章内容相关联的。例如文章的主题是大数据，那么我在搜索图片时，我会在搜索引擎内输入“大数据”等关键词，然后再从呈现的结果中，选择契合主题的。例如图片中包含“Big Data”等词。 2. 个人网站的风格是偏简洁明亮，主色调为蓝色和白色显得整洁而干净能给人庄重充实的感觉。这与大数据带给人们的意义契合 3. 凡来自网络的图片皆已备注为“来源于网络”，且已设置了超链接，点击图片可直接跳转至图片来源处 ## 管理 #### 要求：网站安全：使用Wordfence，相关监控截图，说明通过此监控了解到自己网站的安全性如何 ![Wordfence监控](https://images.gitee.com/uploads/images/2019/0618/150413_2379fb1b_1829827.png "Wordfence3.png") ![Wordfence监控](https://images.gitee.com/uploads/images/2019/0618/150458_3a531c63_1829827.png "Wordfence1.png") ![Wordfence监控](https://images.gitee.com/uploads/images/2019/0618/150518_d5cf5b0a_1829827.png "Wordfence2.png") :mag: 结论：目前网站处于安全状态 #### 要求：网站性能：使用site24x7，相关监控截图，添加8个监控地点，说明通过此监控了解到自己网站的性能如何 1. site24x7的相关监控截图 ![site24X7监控](https://images.gitee.com/uploads/images/2019/0618/150546_8cbf15b8_1829827.png "site1.png") ![site24X7监控](https://images.gitee.com/uploads/images/2019/0618/150629_e14cca66_1829827.png "site2.png") 2. 在site24x7里添加8个监控地点 ![添加8个监控地点](https://images.gitee.com/uploads/images/2019/0618/150814_18996332_1829827.png "site4.png") ![添加8个监控地点](https://images.gitee.com/uploads/images/2019/0618/150900_7e13ca6b_1829827.png "site3.png") #### 要求：网站备份：提供将wp-config.php备份本地的截图；提供通过插件备份数据库（sql文件）截图；提供通过wordpress后台导出工具导到本地的文件截图 1. 通过wordpress后台导出工具导到本地的文件截图 ![提供通过wordpress后台导出工具导到本地的文件截图](https://images.gitee.com/uploads/images/2019/0618/160800_e8882a08_1829827.png "备份1.png") ![提供通过wordpress后台导出工具导到本地的文件截图](https://images.gitee.com/uploads/images/2019/0618/160818_6bf02e0c_1829827.png "备份2.png") 2. 通过插件备份数据库（sql文件）截图 ![插件备份](https://images.gitee.com/uploads/images/2019/0626/180451_709bd76e_1829827.png "插件备份.png") ![插件备份结果](https://images.gitee.com/uploads/images/2019/0626/181059_4af9aa7b_1829827.png "备份结果.png") ## 运营 #### 要求：站长工具：要求baidu、google、bing三者选择两个进行站长认证，有流量数字截屏。 1. 百度站长认证 ![百度站长认证](https://images.gitee.com/uploads/images/2019/0618/162740_a87a385e_1829827.png "百度.png") 百度站长认证搜索结果 ![百度站长认证搜索结果](https://images.gitee.com/uploads/images/2019/0625/163153_9ca2db8f_1829827.png "百度.png") 2. bing站长认证 ![bing站长认证](https://images.gitee.com/uploads/images/2019/0618/162831_bd84d068_1829827.png "bing.png") bing站长认证搜索结果 ![bing站长认证搜索结果](https://images.gitee.com/uploads/images/2019/0625/163239_b697e060_1829827.png "bing.png") 3. GOOGLE站长认证 ![Google站长认证结果](https://images.gitee.com/uploads/images/2019/0625/163309_5356683a_1829827.png "Google.png") #### 要求：SEO优化：3条以上SEO方法描述及结果说明，有截图证明，Jetpack 及Yoast SEO说明如何使用产出成果之改进做了什么事、前后的数据对比、分析原因 改进效果的前后对比： ![改进效果的前后对比](https://images.gitee.com/uploads/images/2019/0629/180607_e171b1c3_1829827.png "Jetpack.png") :loudspeaker: SEO优化方法 1. 建议在每一长段或组成主题单元的一组段落之上加上标题。副标题后的文本一般不应超过250-350字。 ![副标题](https://images.gitee.com/uploads/images/2019/0625/165341_f70b461d_1829827.png "副标题.png") 2. 在重组文本时，要记住以下两件事:首先，段落应该以一个核心句开始，然后详细阐述这个核心句。调整文本结构以添加标题时，请确保段落的第一句话包含该段最重要的信息。第二:添加空格应该有助于使文本中的信息更容易处理。 ![重组文本](https://images.gitee.com/uploads/images/2019/0625/170239_58d84df9_1829827.png "重组文本.png") 3. 首先，您必须将段落视为主题单元。您想在该段落中说出的所有内容都应包含在该段落中。其次，一个好的段落以核心句开头，并花费该段的其余部分来详细说明。 ![段落内容](https://images.gitee.com/uploads/images/2019/0625/170123_7238ce85_1829827.png "段落内容.png") 4. 尝试为您所写的每一篇文章添加一个后续的出站链接 ![添加后续的出站链接](https://images.gitee.com/uploads/images/2019/0625/164309_f323c2c0_1829827.png "添加后续的出站链接.png") 5. Google以及其他的搜索引擎有时会在搜索结果中的帖子标题下方显示元描述。这小块副本可以吸引人们在搜索结果中点击您的页面。在Google中查看搜索结果，则您通常会看到包含120到156个字符的元描述的摘录。Google有时会显示较长的元描述。我们无法预测何时会发生这种情况。因此，应将元描述保持在120到156个字符之间 ![Meta description](https://images.gitee.com/uploads/images/2019/0625/164649_3fcc174d_1829827.png "Meta description.png") 6. 为图像添加描述图像的alt文本 ![Alt文本](https://images.gitee.com/uploads/images/2019/0625/164919_b78ad799_1829827.png "Alt文本.png") 7. SEO标题的目的是让人们点击该片段，访问您的网站并阅读您的帖子或购买您的产品。为了增加发生这种情况的可能性，你需要确保你的头衔是引人注目的：诱人，不是太短而不是太长。 ![SEO title](https://images.gitee.com/uploads/images/2019/0625/164458_38c5d0ef_1829827.png "SEO title.png") 8. 在关键字策略中，找出想要排名的内容以及与之相关的术语，短语和概念。了解人们用什么来描述您提供的产品或服务。通过使用更长的焦点关键短语，您可以自动优化长尾的帖子。密钥短语越长，您拥有的竞争对手就越少。最多使用四个相关关键字作为焦点关键词。更长的关键短语使得优化帖子变得更加困难。 9. 控制文本长度。首先：包含非常少（文本）内容的页面更有可能被用户视为价值不大，因此被搜索引擎视为“ 精简内容 ”页面。此外：文本越长，搜索引擎就越容易确定它的含义，特别是如果它对你的关键短语或短语进行了很好的优化。编写更长的文本会使您更有可能对多个长尾变体进行排名您优化文本的关键短语。 #### 要求：用户研究：3选2之图文展示两种用户研究方法的成果，以及如何影响了你的网站设计方案，要求前后方案截图对比。 1. 用户体验地图 ![个人网站用户体验地图](https://images.gitee.com/uploads/images/2019/0625/171546_aeae5287_1829827.jpeg "个人网站用户体验地图.jpg") 2. 用户访谈(6人) 设定的问题： - 是喜欢偏暗的网站风格还是偏明亮的网站风格？ 访谈结果：有4位受访者表明更为喜欢偏明亮的网站风格。他们认为偏明亮的风格可以使网站显得更为简洁明了、干净整齐能够增加网站的可读性同时还能使网站显得比较正式正规。有2位受访者喜欢偏暗的风格，他们认为偏暗的色调，使网站显得很高档很酷，而且在晚上浏览网站时也没有那么伤眼睛。 解决方法：最终选择了偏明亮风格的网站模板 - 在目录页面，是喜欢文章只显示概述而不是直接显示全文，还是直接显示全文？ 访谈结果：6位受访者都喜欢在目录页面，文章只显示概述。他们认为这样可以使页面更为简洁以及文章排序更为整齐，这样内容就更容易找到而且增加了可读性。 解决方法：在目录页面，是喜欢文章只显示概述 - 喜欢文章是纯文字的还是带有配图的 访谈结果：3位受访者喜欢文章是纯文字的，他们认为配图会分散他们的注意力，降低了他们的阅读质量以及阅读速度。有3位受访者喜欢文章内带有配图的，他们认为如果文章的字数较多，适当的插入几张养眼的图片可以缓解一下视觉疲劳，而且有的配图还能帮助用户理解文章的内容。 解决方法：当文章的字数较多或者文章内容较为难理解，则可适当加入配图帮助用户缓解视觉疲劳或者理解文章内容。如果文章内容不算多且内容较容易被理解的话，则可以不加入配图。 - 是否喜欢文章内附有外部链接（外部链接主要是文章内容的扩展） 访谈结果：大部分受访者表示无所谓，认为有无外部链接都可以。有1位受访者明确表示喜欢文章内附有外部链接，因为她认为这样可以使文章内容更具可靠性同时还能获得更多的知识。 解决方法：在文章内加入外部链接。 - 是否喜欢外部链接是嵌入文章内的（例如：点击文章内的图片可以跳转至外部网页或点击文章内的某个词可以跳转至外部页面），还是放置在文章的底部等明显的位置？ 访谈结果：有3位受访者喜欢将外部链接放在文章底部等明显的位置，他们认为这样比较方便，不需要额外地花费时间精力四处寻找外部链接。有3位受访者认为直接将外部链接放置在文章底部等明显的位置有点影响页面的整洁性以及影响页面的美观度。 解决方法：为了方便用户的操作，还是选择将外部链接放置于文章底部。同时，我也有将外部链接或者网站的内部链接嵌入性地放置文章的内容里（文章内的配图或者字段中的某个词），主要也是为了方便用户浏览到更多的资讯，增强网站的可操作性。 #### 要求：定制化： 2个网站的定制化方案，说明方案及描述如何满足网站目标/性质，如使用什么额外的插件以满足网站的商城需求/防盗版需求，或修改了什么css小小代码以满足用户研究的结果。 1. 使用代码，将重点语句以不同的字体颜色和不同字体尺寸突显出来 ![字体调整](https://images.gitee.com/uploads/images/2019/0626/140703_b1df4fd2_1829827.png "字体格式.png") ![字体调整结果](https://images.gitee.com/uploads/images/2019/0626/140725_034b5c3b_1829827.png "调整结果.png") 2. 文章[《可用性测试中的任务设计方法—lingbo_chan》](http://www.awgw.club/2019/06/26/task-design-methodology-in-usability-testing-lingbo_chan/)和[可用性测试的权衡之道（二）-Bo-jian](http://www.awgw.club/2019/06/26/trade-offs-in-usability-testing-2-bo-jian/)以及[网站地图页面](http://www.awgw.club/sitemaps/)中的图片均使用了Animate it。 3. 下载了插件【FooBox】,点击图片，可以使图片放大（不过最终弃用，实用性不强） ![下载FooBox插件](https://images.gitee.com/uploads/images/2019/0629/180049_d183a0c6_1829827.png "下载FooBox插件.png") ![插件效果](https://images.gitee.com/uploads/images/2019/0629/180118_368bbdac_1829827.png "效果.png") 4. 安装防止文章被盗用的插件【wp content copy protection】 ![防止文章被盗用](https://images.gitee.com/uploads/images/2019/0630/125433_aba7b70e_1829827.png "防盗.png")