# study.y-yc.top **Repository Path**: yuecongyang/study.y-yc.top ## Basic Information - **Project Name**: study.y-yc.top - **Description**: 用于网站运营期末项目 - **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 # 朱正廷个人安利站—运营报告 网站名称 | 朱正廷个人安利站 ---|--- 网址 | [https://study.y-yc.top/](https://study.y-yc.top/) 站长| 杨悦聪 181013078 运营报告撰写人| 杨悦聪 181013078 * 网站模版版权所有花团旅行 ## 策划文档与网站地图 #### 网站建设目标：向用户介绍青春偶像“朱正廷” #### 目标用户群体：以追星少女（关注娱乐圈，有喜欢的偶像）和朱正廷的粉丝为主 #### 目标用户画像： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/105527_f95d4eb2_2231142.png "8105D9B0-61BE-414b-9DDC-DAEC0C332298.png") ### 网站规划 * 前期市场考察分析 * 初始架站：阿里云服务器，宝塔系统，阿里云域名 * 中期设计：从个人介绍，个物评价，音乐，综艺等多方面撰写页面/文章介绍朱正廷，同时做好网站SEO优化以提高网站流量。 * 后期维护：通过监控插件监控网站性能，保护网站尽量少受攻击。同时增加一些多元化功能，以此增加和用户的互动性。 ### DVF模型 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/114247_4c133c7a_2231142.png "5CA081C3-1139-45d0-9B96-EFDF16ED388A.png") ### 网站地图 * 此图根据本人网站的页面、分类目录、文章、文章标签的分布情况绘制。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/162521_8f8759c9_2231142.png "27EB4B00-3133-4f36-9C7E-CE58ACBED573.png") ## 图片的使用： ### 图片的版权问题： * 每张图片都进行了版权交待的要求：网站中每篇文章下都有声明，且每张照片都添加了图片来源网站的超链接。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/163703_b24c2419_2231142.png "6E154B3D-A189-4076-A4A1-6BC8C9996A56.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/163718_25574bb8_2231142.png "3DA3AADA-B14B-41c7-A619-EC12FBE9920C.png") ### 图库风格及配色: * 风格：由于网站主要与偶像明星有关，所以所选图片也与偶像相关，其中主要为偶像照片。 * 配色：网站配色以粉色为主，因为朱正廷的应援色为粉色 * 图片风格：与文章内容有关的朱正廷的照片，或者是证明文字论述的照片。 #### 部分图库展示： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/164741_0d2e9f30_2231142.png "FAC01972-F168-4a0b-BE2F-058BE1E1513C.png") ## 3篇云端架站文章 * [云主机平台的对比分析](https://study.y-yc.top/index.php/build-station/cloud-platform/) * [利用阿里云服务器和宝塔系统搭建WordPress网站](https://study.y-yc.top/index.php/build-station/aliyun/) * [更改域名后无法打开网站如何解决](https://study.y-yc.top/index.php/build-station/domain-name/) ## 平面设计 ### 平面设计元素 * 背景：以白色为主 * 字体：主要字体：Montserrat;次要字体：Cormorant Garamond * 网站配色:以粉色、白色、黑色为主，营造一种青春活泼的氛围 * 对比度与可读性：网站的主要配色皆拥有强烈的对比度，故可读性强 ### 平面设计插件运用 ### Animate it! * 本网站在一个页面和一篇文章中使用Animate it! #### 1. 首页的图片使用了弹跳动画，因为图片添加了安利视频的超链接，所以增加一个动画效果会让用户了解到图片可以点击跳转到另一个页面 * [网页链接](https://study.y-yc.top/) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/154428_995a2b91_2231142.png "A2A7AFD4-4586-4e46-BC45-0A9D8848BEBB.png") #### 2. 文章[朱正廷的《CHAPTER Z》里的Z计划](https://study.y-yc.top/index.php/music/chapter-z/) * 文章中三个歌曲名称使用Animate it！使用了WobbleSkew的动画效果，滚动页面时显示。因为是歌曲名称，增加动画效果会更加有趣，同时有音乐的律动感。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/173339_987cae76_2231142.png "92B763AE-4BD4-4aa0-96DD-AB4476A5DCCE.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/173352_b53d4932_2231142.png "1ABF9B5E-25D0-4a3d-9793-D6F097A5BFC7.png") ### SiteOrigin * 本网站共一个页面，两篇文章使用了SiteOrigin #### 1. 首页中的一个模块使用了SiteOrigin Image ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/171426_b75b89a7_2231142.png "41C97E59-870F-4c4e-BBA0-ECA7D26C6F82.png") #### 2. 文章[如何看待乐华对朱正廷的态度？](https://study.y-yc.top/index.php/figure-evaluation/yuehua/)使用了SiteOrigin Image进行排版，提高阅读体验 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/171654_8c5a3647_2231142.png "0C3FC340-271C-4f1e-9A3A-E31E8135DCDE.png") #### 3. 文章[朱正廷人怎么样？从偶像练习生来看](https://study.y-yc.top/index.php/figure-evaluation/how-about-people/)使用了SiteOrigin Image进行排版，提高阅读体验 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/171846_d60e36cf_2231142.png "B2731B8B-6907-4d0d-8E5E-2413FA12A09A.png") ## 云端网站管理 ### 云端架站：正常可用的云端网站，并使用域名[（网站链接）](https://study.y-yc.top) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/172137_f1464906_2231142.png "DDABE2C4-69A4-4f02-B63B-A331511FA303.png") ### 网站安全：Wordfence * 使用了wordfence，并且使用wordfence对网站进行了监控。 * wordfence一共有好几个功能，首先是扫描。wordfence的扫描功能首先可以从网站的多个方面来帮助我们看我们网站现在的安全情况，并找到目前网站存在的安全问题。其次是防火墙功能，wordfence也提供了防火墙功能，让你可以看到你现在网站的防火墙情况如何。总体来看，防火墙48%，安全扫描60% * 对安全问题的检测扫描发现存在4个问题 * 一个插件和两个主题可以更新 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/025901_4b6cb176_2231142.jpeg "QQ图片20200707021505.jpg") * 防火墙选项中，Web程序应用程序防火墙35%，社区防火墙规则70%，强力保护密码100% ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/030057_f6aa2036_2231142.jpeg "QQ图片20200707021510.jpg") * 扫描中，标准检测能力60%，恶意软件签名：社区70%，而且服务器状态和漏洞带有警示图标，说明这两个方面存在问题。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/030249_1650c10f_2231142.jpeg "QQ图片20200707021516.jpg") * 除此之外，wordfence还可以查看网站30天内被阻止的攻击总数 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/013444_4d6e8546_2231142.jpeg "30.jpg") * 总结：网站存在一定的安全风险 ### 网站性能：使用site24x7，通过相关监控了解到自己网站的性能基本正常 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/205905_a270650b_2231142.jpeg "17026500-5ACE-42BF-8777-5C8263A4247E.jpeg") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0706/205937_b9310097_2231142.jpeg "442880B8-8914-4E7E-9E22-9BCCC452DDD1.jpeg") * 如图所示，添加了8个监控地点，并且8个地点的响应时间均不同。通过数据可知本网站对国内的用户较为友好，在广州监测点，可用性为99.963，是所有地区中可用性最高的地区，停机时间为13分钟32秒也是所有地区中停机时间最短的，这可能跟网站是使用国内的云服务器架站有关。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/014831_eacdc489_2231142.png "7B503C27-40AD-478d-ACF1-C514328C8C3B.png") * 一般情况下，在site24x7里面留下邮箱，当你的网站在某一个监测地点出现停机问题的时候，site24x7会主动给你发送邮件提醒你你的网站在某个监测点出现停机状态，一般我的网站停机的原因都是因为连接超时，一般情况下来说只需要等一会，监视器就会恢复正常。但在6月29日监视器停机了一整天左右，最后是手动重启才恢复正常。总体来说，我的网站暂时没有出现比较大的问题，可用性也较可观。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/015427_e2a36d6b_2231142.png "0FB38612-1922-4129-B9FD-E61C3B404486.png") ### 网站备份 #### 提供将wp-config.php备份本地的截图； ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/024414_7b0d457a_2231142.png "8DC99E29-F3E9-4ed9-B34F-F393A3E3770A.png") #### 提供通过插件(Wordpress Backup) 备份数据库（sql文件）截图； ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/024342_4cc1be6e_2231142.png "AFD55306-B6DB-4c43-8967-56F06E6DFC9A.png") #### 提供通过wordpress后台导出工具导到本地的文件截图 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/024256_29c3341c_2231142.png "6C7DF24D-C493-429b-8BA0-40A9FD7881C6.png") ## 站长工具 ### 使用baidu和bing进行站长认证 #### 1. baidu站长认证 * 在未注册百度站长工具前，无法搜索到本网站（6月27日第一次进行百度站长认证） * 7月15日晚上百度已收录本网站，但只收录了首页一个页面![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/025351_5660813d_2231142.png "EB6F8C36-B890-4055-B99F-655C2C48CCA2.png") * 网站被收录后，点击量和展现量有所增加，虽然增加的幅度较小，但也算是一个好现象![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/030850_510af38e_2231142.png "D0127C91-FA56-4d13-9B79-8EEC2BAF66C8.png") #### 2. bing站长认证：虽然bing有在抓取我的网页，但并未有网页被收录 * 6月27日第一次进行必应站长认证后经常手动提交url，但并没有显著成果。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/024344_b6717dfb_2231142.jpeg "QQ图片20200707021459.jpg") ### SEO优化。 #### 1. Yoast SEO * 在每篇文章最后面出现的Yoast SEO工具中添加文章中的关键词，然后SEO分析会得出文章哪些地方是坏结果，哪些地方需要改进，哪些地方是好结果，尽量完善SEO分析的建议，以此增加搜索引擎的收录机会。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/023018_70b3e14e_2231142.png "QQ图片20200707021608.png") ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/023032_ea8a8e40_2231142.png "QQ图片20200707021601.png") * 在进行Yoast SEO优化文章时期，网站浏览量增加并保持在一个较高范围内 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/032646_11af9359_2231142.png "55B9A5A1-85F7-4e9e-BF4E-69A51827A798.png") #### 2. 百度站长认证手动提交链接 * 在资源提交中选择手动提交，每天可以提交最多20条链接，以增加网站被收录的机率。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/031349_b61ff52c_2231142.png "369BBF63-C6EF-4c06-A534-52800500D5CC.png") * 7月12日-7月14日因个人原因忘记在百度站长平台手动提交链接，刚好这几天网站流量并不可观，因此猜测二者存在一定关系，没有手动提交链接有可能影响网站流量。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/034252_7f396042_2231142.png "B9771BB4-759D-49ed-9110-173D778794A8.png") * 成效：网站首页在7月15日晚上成功被收录 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/035337_92275ca4_2231142.png "EB6F8C36-B890-4055-B99F-655C2C48CCA2.png") #### 3. 必应站长认证手动提交链接 * 单击左侧侧边栏中仪表板的“配置‘我的网站’”，在下拉栏中单击“提交url”即可手动提交链接，帮助网站更快被必应收录。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/034600_c06629d7_2231142.png "5780BFB9-9F5D-4863-A20D-C37761F39731.png") * 这是我提交url的部分记录 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/034421_e8eb4374_2231142.png "DC29FB48-4BB9-4233-8E5A-E0240A89CA01.png") * 7月9日因个人原因忘记在百度站长平台手动提交链接，刚好那天网站流量小幅度下降了，因此猜测手动提交链接可以在一定程度上影响网站流量。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/023551_18182b57_2231142.jpeg "QQ图片20200707021522.jpg") #### 4. 让具有一定粉丝数量的微博博主帮自己发微博宣传，以此增加点击量和浏览量，但此类微博有被限流的风险。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/040031_b3922338_2231142.jpeg "1595102395053.jpg") * 7月16日发微博，当天流量就有小幅度增长，并且接下来的两天都保持在增长后的流量附近。因此我猜测此SEO优化方法具有一定可行性。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/040542_574725fa_2231142.png "A56D9B69-0F3F-4124-B82A-C0411D94A57E.png") #### 5. 修改文章url的定义规则，使得其更加规范化以便于搜索引擎收录。 * 在wordpress后台中单击“设置”后显示的子菜单中找到“固定链接”单击进入即可在里面修改整个网站的url的定义，我将其修改为文章分类目录+文章英文名 * 修改前：![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/054348_cca45adb_2231142.png "54EEEE55-0E5E-426e-9CAC-4806DF17C106.png") * 修改后：![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/054421_116cc005_2231142.png "B20E5F5E-1DE3-4f94-B58B-74A78D2D1D3B.png") * 因为是7月18日同学分享的方法，所以目前暂时没有什么明显成效，接下来会继续观察的。 ## 用户研究 ### 方法A:用户访谈（5人） ##### 问题设置： * 您进入网站的第一印象是什么？ * 您认为主题风格、配色风格符合网站主题吗？ * 您对我们的网站最不喜欢/最喜欢的地方是什么？ * 您认为网站有哪里需要改进的吗? ##### 访谈结果总结 1. 90%用户进入后觉得网站的配色、图片的选择都符合“朱正廷个人安利”这个主题 2. 100%用户觉得首页导航栏处拥挤 3. 98%用户觉得超链接不明显，看不出来哪些文字是添加了超链接的 4. 100%的用户觉得几张长图片连在一起放置的时候太大太长，影响阅读体验 5. 70%希望可以让评论功能更加多元化 ### 方法B:A/B 测试 * A方案没有特色图像 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/051331_aec40856_2231142.png "7BFD569B-EC5F-485b-BEB2-655001AEEBA7.png") * B方案有特色图像 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/051340_a0c17793_2231142.png "5A77848B-49D5-43b3-9A64-4B00701F5301.png") * A小组用户行为：90%的用户在点击文章后会先停留1-2秒中看页面顶部，用户后来表示是在看是否有其他东西显示，觉得一片灰色不太美观。只有10%的用户觉得无所谓，只要不影响文章阅读就行。 * B小组用户行为：100%的用户觉得特色图像让网站显得更加有活力，且与主题更加贴合。同时100%用户进入文章详情页时会看一眼页面顶部的图片。并且有60%的用户表示特色图片能够增加自己对朱正廷外貌的印象。 * A/B 测试结果总结：通过对比发现B方案更符合目前本网站的架站目标，让用户能够直观的了解到朱正廷，并且留下更深的印象，但在测试过程中发现B方案在网速不好的情况下会延迟加载，不过总的来说并不是特别的影响。综上，决定采用B方案。 ## 根据用户研究，定制化方案如下 ### 定制化方案一：针对首页导航栏处拥挤的问题 1. 尝试修改间距但未成功，于是更换主题 2. 第二次选择的主题在手机端显示时不美观，于是选择使用SiteOrigin Image插件进行布局 ##### 修改前![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/022211_45be6f1f_2231142.png "QQ图片20200707021636.png") ##### 第一次修改后：![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/022252_1f07698e_2231142.jpeg "QQ图片20200707021556.jpg") ##### 在手机端显示：![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/050415_5771140d_2231142.jpeg "Screenshot_20200719_050314.jpg") ##### 第二次修改后：![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/041712_9520b08c_2231142.png "DDABE2C4-69A4-4f02-B63B-A331511FA303.png") #### 定制化方案二：针对超链接不明显的问题 1. 添加了超链接的字体增加斜体效果，但仍然不够明显 2. 第二次修改选择将字体颜色修改为淡粉色 ##### 修改前 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/022640_68c84c1d_2231142.png "QQ图片20200707021622.png") ##### 第一次修改后：![输入图片说明](https://images.gitee.com/uploads/images/2020/0707/022753_aa652794_2231142.png "QQ图片20200707021615.png") ##### 第二次修改后：![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/041908_a949834b_2231142.png "DE04D5EB-F5F5-47a9-B4D8-5F170B7F20B0.png") ### 定制化方案三：针对几张长图片连在一起放置的时候太大太长的问题 1. 使用SiteOrigin Image插件进行布局 ##### 修改前（一张照片就占满了整个视野，别说四张是怎样的又大又长了）： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/052558_ca3393a4_2231142.png "A8A5E811-1C32-4e6f-827D-F352FB104D46.png") ##### 修改后： ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/052609_c934f516_2231142.png "1A79AD0D-118F-4f0d-BFD5-3BB1954B2BBE.png") ### 定制化方案四：优化用户评论区 ##### 修改前的评论区：用户只能填写相关信息发表评论，没有特色。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/053257_95c81f0f_2231142.png "22CA4B35-B45B-4029-866B-E2E12C9B33DD.png") ##### 使用Comments–wpDiscuz插件来改版功能区。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/150206_871ec442_2231142.png "AAFB698D-3093-4cfa-9887-18C26F3C7F3B.png") * 文章左侧有一个代表评论信息的悬浮球 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/150256_89f6ee2b_2231142.png "A6D131DF-CFC7-4fd9-AF9E-478DCEA38B4E.png") * 鼠标悬停在悬浮球上时 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/150337_8ae96e55_2231142.png "3AF59E9F-1A34-4b59-B79A-D86AE956DCE1.png") ### 定制化方案五：使用插件WP Super Cache让网站加载速度更快更流畅 * 用户研究方案B中有用户反映在网速不好的情况下加载速度较慢，因此使用插件WP Super Cache，将网站生成静态html文件以此加快引擎速度。 ![输入图片说明](https://images.gitee.com/uploads/images/2020/0719/193158_7d0d5a6e_2231142.png "45E89463-7E6D-4d99-B79D-8905B98E652C.png") ### 加分项 * 使用HTTPS[网站链接](https://study.y-yc.top/) ![输入图片说明](https://images.gitee.com/uploads/images/2020/0717/172804_c315edc5_2231142.png "52EF7663-17AC-427d-BAA5-1E98223C78C3.png")