# 网站运营 **Repository Path**: QIANHUANG/website_operation ## 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-07-06 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # [TED系列演讲分享](https://www.hccswm.top/) - [一、策划](#策划) - [（一）策划文档与网站地图](#策划文档与网站地图) - [网站建设目标](#网站建设目标) - [目标用户画像](#目标用户画像) - [网站规划等前期策划内容](#网站规划等前期策划内容) - [DVF模型定义需求](#DVF模型定义需求) - [网站地图](#网站地图) - [（二）图片的使用](#图片的使用) - [图片版权问题](#图片版权问题) - [图库风格及配色](#图库风格及配色) - [（三）架站图文文章](#架站图文文章) - [（四）平面设计](#平面设计) - [网站配色、对比度与可读性](#网站配色、对比度与可读性) - [平面设计插件运用](#平面设计插件运用) - [二、管理](#管理) - [云端网站管理](#云端网站管理) - [云端架站](#云端架站) - [网站性能](#网站性能) - [网站安全](#网站性能) - [网站备份](#网站备份) - [三、运营](#运营) - [站长工具](#站长工具) - [SEO优化](#SEO优化) - [用户研究](#用户研究) - [定制化](#定制化) - [加分项](#加分项) # 策划 ## 策划文档与网站地图 #### 网站建设目标 1. 建设优质TED分享平台与TED演讲爱好者交流平台 2. 展示有关于TED演讲的个人观后感与跳出演讲的个人思考 3. 对TED演讲进行一定程度的科普 3. 吸引对相关TED演讲有兴趣的爱好者，欢迎一同交流 #### 目标用户画像 - 年龄为18岁以上，TED演讲爱好者，初次了解TED的人，想通过TED演讲学英语的人。 1. TED演讲爱好者：对相同ted演讲感兴趣或者是持正/反意见与观点 2. 初次了解TED：想要对TED进行一定程度上的科普 3. 想要通过TED演讲学英语的人：可以帮助他们迅速抓取此场TED演讲的重点 #### 网站规划等前期策划内容 1. 确认网站主题和内容框架，文章与分类 2. 通过YOAST SEO工具优化文章，提高文章的可读性。 3. 主动在其他社交平台宣传此网站，吸引流量。 4. 修改页面排版以及增加animate it动画等。 #### DVF模型定义需求 * **用户需求**：用户通过此TED分享与交流平台去各抒己见，带有导航栏索引TED分享的内容、评论功能 * **可持续性**：保持文章、页面的更新，定期的网站维护，交流评论区内容的实时更新与内容监管 * **可行性**： * 可在每个页面设置评论功能，可运用插件去建立、维护讨论区，站长对于评论和意见进行及时回复 * 国内TED的阅读量以及阅读群体较少，受众以及TED爱好者会较少，会导致网站用户较少，但用户粘性空间很大 * 因为网站的浏览量较少可能会导致后续运营资金链的短缺，但可以招商学习英语方面的课程、产品广告植入以提供后续运营资金 #### 网站地图 ![网站地图](https://images.gitee.com/uploads/images/2020/0713/004329_7dd16739_2229569.png "网站地图.png") ## 图片的使用 #### 图片版权问题 ![图片版权](https://images.gitee.com/uploads/images/2020/0713/004610_9effdd88_2229569.png "图片版权.png") * 在页面及文章的结尾都有加粗标明文章及图片的来源，并设置了超链接跳转 ![图片版权2](https://images.gitee.com/uploads/images/2020/0713/005218_81c0ba1e_2229569.png "animate 2.png") * 并在图片下方标明图片来源，点击图片即可跳转原图片链接 #### 图库风格及配色 1. 因为本站以文章分享的博客形式，根据文章主题选取配图、贴近主题，不使得文章太单调、枯燥 2. 因此同时图片的主色调是蓝色，能够配合网站主色调的同时，帮助用户沉浸式阅读，减缓阅读疲劳 ## 架站及运维图文文章 - [云端架站踩坑经历](https://www.hccswm.top/experience/) - [云端架站资源申请](https://www.hccswm.top/application/) - [github学生包申请教程](https://www.hccswm.top/github-student-developer-pack/) ## 平面设计 #### 网站配色、对比度与可读性 - 由于网站以文章的文字形式分享为主可能会引起视觉疲劳，因此网站配色采用沉静的雾霾蓝（#8da6bf）作为主色，增强可读性的同时也能更好地凸出文章主题。 - 因为文章及网站的主题是TED，因此采用了象征着爱与和平的鸽子（系本人原创）作为头图，配合网站的主色调 - 网站顶部标题采用白色（#ffffff），其他文字采用黑色（#000000），增强标题与背景、其他文字间的对比度，突出标题 - 网站及图片的基调都是蓝色，与文章的黑色形成对比的同时又可以帮助用户沉浸式阅读、减缓疲劳 ![首页](https://images.gitee.com/uploads/images/2020/0713/130415_66216e55_2229569.png "首页.png") #### 平面设计插件运用 ##### 2处Animate it!（可能需要时间加载，麻烦耐心等候一下） 1. 此处会将引言缓慢放大两秒，能够吸引读者的注意力，帮助读者迅速抓住重点进行阅读，增加文章可读性[文章链接](https://www.hccswm.top/visualization/) ![animate1](https://images.gitee.com/uploads/images/2020/0713/112720_ab832a18_2229569.png "animate 1.png") 2. 此处图片有2秒的淡入，帮助读者更好地理解文章主题，以便继续向下阅读[文章链接](https://www.hccswm.top/sustainability/) ![animate2](https://images.gitee.com/uploads/images/2020/0713/112703_daec3ef9_2229569.png "animate 2.png") ##### 3处site origin 1. 首页 ![siteorigin1](https://images.gitee.com/uploads/images/2020/0713/113130_8d3259af_2229569.png "siteorigin3.png") ![首页](https://images.gitee.com/uploads/images/2020/0713/131059_ffdf55fa_2229569.png "首页.png") 2. 社会化编程 ![siteorigin2](https://images.gitee.com/uploads/images/2020/0713/130039_40d585fd_2229569.png "siteorigin1.png") ![社会化编程](https://images.gitee.com/uploads/images/2020/0713/131124_44de9918_2229569.png "社会化编程展示.png") 3. 设计情感化 ![siteorigin3](https://images.gitee.com/uploads/images/2020/0713/130126_a0c5fc4e_2229569.png "siteorigin2.png") ![设计情感化展示](https://images.gitee.com/uploads/images/2020/0713/131153_793ce1df_2229569.png "设计情感化展示.png") *** # 管理 ## 云端网站管理 #### 云端架站 - 正常可用的云端网站，使用域名：hccswm.top #### 网站安全 * 使用Wordfence通过此监控了解到自己网站的安全性能并不高，只达到60%，防火墙网站防复杂攻击的性能比较弱，只达 35%，一天之内的攻击平均有6000多次，但普通的攻击都能抵挡得住，如果要预防黑客的攻击还要提高我的网站安全度，与此同时我的网站正处于“蛮力保护”的模式下，Wordfence防火墙会主动阻止密码猜测攻击来保护我的网站。 ![wordfence阻挡](https://images.gitee.com/uploads/images/2020/0713/140215_36e228e0_2229569.png "一天攻击.png") ![wordfence仪表板](https://images.gitee.com/uploads/images/2020/0707/020045_ae17755e_2229569.png "wordfence阻挡.png") ![防火墙](https://images.gitee.com/uploads/images/2020/0713/135838_d269b7de_2229569.png "防火墙.png") #### 网站性能 使用site24x7，添加了8个监控地点，通过此监控了解到自己网站的响应时间和速度，在添加的监控地点之中，中国广州的反应时间最快，在美国费里蒙特的反应时间最慢，这应该与服务器在国内有关，与此同时在监控添加的时间段之内西雅图停机5分钟59秒，费里蒙特停机6分钟3秒，丹佛停机6分钟 ![site24x7](https://images.gitee.com/uploads/images/2020/0713/180237_fd13d2b0_2229569.png "site.png") #### 网站备份 1. winSCP截图 ![winSCP备份](https://images.gitee.com/uploads/images/2020/0713/201719_5c1b1cd3_2229569.png "winSCP.png") 2. 插件(Wordpress Database Backup) 备份数据库 （sql文件）截图 ![插件备份1](https://images.gitee.com/uploads/images/2020/0713/201858_1f267f7a_2229569.png "复2.png") ![插件备份2](https://images.gitee.com/uploads/images/2020/0713/201929_7e55223e_2229569.png "复2sql.png") 3. WordPress自带导出工具 ![自带1](https://images.gitee.com/uploads/images/2020/0713/202105_ad17d31f_2229569.png "复3.png") ![自带2](https://images.gitee.com/uploads/images/2020/0713/202828_d67155c0_2229569.png "复3sql.png") *** # 运营 ## 站长工具 百度和bing进行了站长认证 ![站长认证](https://images.gitee.com/uploads/images/2020/0707/020251_5ecbc9c6_2229569.png "站长认证.png") * 百度：目前百度已收录了我的网站首页，认证站长工具后，其他页面并未收录，但流量趋势有小小的升高 ![百度收录](https://images.gitee.com/uploads/images/2020/0713/215355_0c7f7820_2229569.png "百度收录.png") 6.05-7.12的流量状况 ![百度流量](https://images.gitee.com/uploads/images/2020/0713/215620_c9f76de9_2229569.png "百度流量.png") * bing：截止到目前，bing未收录我的网站，但认证站长工具后，抓取网页的数量有所提升，搜索的结果和点击量有所提升 ![bing仪表板](https://images.gitee.com/uploads/images/2020/0713/220234_bce1cadf_2229569.png "bing仪表板.png") 6.15-7.12的流量状况 ![bing数据](https://images.gitee.com/uploads/images/2020/0713/220011_95602102_2229569.png "bing数据.png") ### SEO优化 1. seo文章分析优化 ![seo](https://images.gitee.com/uploads/images/2020/0707/022203_8463e4f6_2229569.png "seo.png") 2. 百度链接提交尽量每天提交10条及以上 ![百度链接提交](https://images.gitee.com/uploads/images/2020/0707/022352_437ff1de_2229569.png "link.png") 3. bing每天提交10条链接 ![bing链接提交](https://images.gitee.com/uploads/images/2020/0707/022630_3050c6ae_2229569.png "bing链接提交.png") 4. 在社交软件上宣传 ![微博](https://images.gitee.com/uploads/images/2020/0707/023037_b3c85647_2229569.jpeg "weibo.jpg") 5. 在百度、bing提交sitemap ![bing](https://images.gitee.com/uploads/images/2020/0713/174501_df32d464_2229569.png "sitemap提交1.png") ![baidu](https://images.gitee.com/uploads/images/2020/0713/174837_7b819d43_2229569.png "sitemap2.png") 6. 添加友情链接 与科技设计工坊的站长合作，将我的链接放在她的网站之中 ![友情链接](https://images.gitee.com/uploads/images/2020/0713/175654_15567493_2229569.png "友情.png") #### 前后数据对比 对于我的网站来说，通过jetpack数据得出第四种方法显著提升网页浏览量，站长认证及文章可读性分析优化提交sitemap暂时没有明显的效果，但如果每天坚持链接的提交和内容的更新也许很快就能看到成效 ![jetpack](https://images.gitee.com/uploads/images/2020/0707/023526_990d7177_2229569.png "浏览.png") ### 用户研究 1. 用户访谈 共对四位用户做了用户访谈。访谈围绕页面排版、配色方案、网站观感、文章排版这四个方面。 用户认为我的页面是以文字形式为主很容易引起视觉疲劳，并且各个文章板块之间分界不明确，容易造成内容的混淆，造成页面可读性的降低,网站的配色让人感到舒服、协调，有利于用户进行阅读。文章的排版没有大问题但在文章的最后希望能看到别的文章的链接而不是要上滑回到主菜单才能点开别的文章。 * 修改1：添加特色图片，使得每篇文章的卡片式版面一致，还可以使得用户快速抓住文章主题重点 ![修改前](https://images.gitee.com/uploads/images/2020/0713/173407_683bb187_2229569.png "用户访谈1.png") ![修改后](https://images.gitee.com/uploads/images/2020/0713/173537_bf016b1e_2229569.png "用户访谈1修改.png") * 修改2：使用foogallery插件在文章最下面增加照片墙并直接链接到其他文章（可能需要等待一会） ![修改前](https://images.gitee.com/uploads/images/2020/0713/174346_ed64932a_2229569.png "用户访谈2.png") ![修改后](https://images.gitee.com/uploads/images/2020/0713/181547_93e90f0b_2229569.png "2.png") 2. A/B testing 针对首页的排版设计以及布局 * A方案：访问了2位用户，用户认为此方案排版舒适，但颜色不太协调，以蓝色底为主色调与草绿色不搭，显得页面过乱 ![A方案](https://images.gitee.com/uploads/images/2020/0713/172416_2070d6d4_2229569.png "A方案.png") * B方案：访问了2位用户，用户认为此方案中网站的主题不太突出，并且出现的图片过多，导致眼花缭乱无法专心阅读 ![B方案](https://images.gitee.com/uploads/images/2020/0713/172443_8f5e5ced_2229569.png "B方案.png") * 最终：综合用户意见最终选择方案A的页面排版局部并将网站底色全部改为一个颜色，将网站标题改为与背景图对比明显的纯白色 ![首页](https://images.gitee.com/uploads/images/2020/0713/172546_d76816e8_2229569.png "首页.png") ### 定制化 #### 安装加速插件 访谈用户的过程中无一例外都收到了页面加载较慢的反馈因此选择安装WP Super Cache插件 ![加速插件](https://images.gitee.com/uploads/images/2020/0713/172328_dbff6f04_2229569.png "加速插件.png") 未装插件前：电脑端首页加载用时7秒，文章加载需5秒 安装插件后：电脑端首页加载用时4秒，文章加载需3秒 #### 安装版权保护插件 因本站内容大部分均为原创，为保护个人版权安装了WP-Copyright-Protection版权保护插件禁止复制粘贴原创文章，同时将不是原创的页面挑出，恢复其复制功能 ![防复制](https://images.gitee.com/uploads/images/2020/0713/172011_07d23ee4_2229569.png "防复制.png") ## 加分项 - 使用HTTPS：本网站使用了HTTPS 网站url：https://www.hccswm.top/