# 网站运营 **Repository Path**: NFUNM048/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**: 2019-06-29 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # [影海浮钩](http://vrudin.me) #### 项目介绍 **网站目标：** - 为热衷探索深层影视文化内容的人提供独特的见解与推荐。 **网站建设目标：** - 建立一个以深度影视内容为中心的网站。 - 优化网站seo优化，利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名，以获取更多的关注度。 - 通过一个长期的传播过程取得信誉，吸引更多创作者。 #### 目标人物画像 - 入门影迷，想要观看更加有深度的电影，却不知道看什么，希望能够找到一个地方能够推荐此类影片。 - 电影爱好者，想要知道别人对于某部电影的独特看法与解析。 - 摄影爱好者，想要知道电影里面隐藏的拍摄手法。 #### 项目特色 **1. 网站的优势有：** - 网站发布的内容质量高，有独特的见解。 - 网站的文章结构清晰，主题简约，便于阅读。 - 目标用户明确。 **2. 网站的劣势有：** - 网站内容涉及的内容对于专业电影学者来说较为简约。 - 网站内容的受众不够广，不是每个人都能够接受。 - 网站的知名度不高，更新频率较低。 #### DVF模型定义需求 **1. 网站的延续性** - 为网站增添注册登陆功能，吸引更加多的创作者加入。 - 为网站增添新的内容主题，吸引更加多的读者加入。 **2. 用户的需求性** - 用户希望增加网站可观看的内容，偏向于视频论文。 - 用户希望网站可以提供一个可交互社区，便于一同探讨话题。 **3. 科技的可行性** - 给网站安装相关插件 - 修改网站css样式 #### 网站地图 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/234530_d80c3ab1_1532283.png "202156_0a4e33d4_1532283.png") #### HCD框架 **1. Hear获取的用户需求** - 目前网站缺少视频论文，且文章数量不足。 - 希望能够提高电影资源或电影的观看地址。 - 希望网站有交流社区。 **2. Create模块** - 确定网站的色彩色调与主题模版，为了营造深邃感，主色调为黑色，副色调为灰色。 - 提高网站的用户体验，网站地图做到清晰明了，文章内容更具阅读性。 - 提高网站的服务，通过用户的反馈来对网站进行优化，使得网站更具有可用性。 - 提高网站的浏览量，通过定期分布内容文章。 **3. Deliver模块** - 网站提供一个简洁的布局，便于用户使用与了解。 - 为文章添加摘要与英文url。 #### 网站图片的使用 - 特意建立了一个页面来声明版权——[版权说明](http://www.vrudin.me/copyright-notice/) - 在版权说明里面没有提到的页面会主动增加图片来源与超链接，在文章尾部提供超链接。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/204602_c2d225f4_1532283.png "版权来源.png") #### 图库风格及配色 - 网站采用黑灰简约的搭配，配合背景图片来提高用户的视觉体验。字体与背景的对比度优良，超链接以黄色样式显示，能够清晰的与字体形成反差，方便查看。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/204947_0cf53d81_1532283.jpeg "网页截图.jpg") #### 三篇云端架站踩坑图文文章 - [如何用腾讯云架站](http://www.vrudin.me/how-to-use-tencent-cloud-station/) - [AWS建站流程其一](http://www.vrudin.me/aws-website-construction-process-1/) - [AWS建站流程其二](http://www.vrudin.me/aws-station-construction-process-2/) - 三篇文章全采用图文并茂的模式，使得读者一目了然，对照之后便能够进行操作，完成架站。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/205721_f26b07ef_1532283.jpeg "图文样式.jpg") #### 平面设计插件运用 **1. Animate it！** - 对右侧文章目录添加了“animated buzz duration1 eds-on-hover ”的动画效果，实现了当用户鼠标悬停在此模块时，此模块会晃动，给与用户一个明显的响应式交互，增强用户的网站体验。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/211341_9f937d21_1532283.jpeg "文章目录.jpg") - 对右侧近期文章添加了“animated bounce duration1 eds-on-hover”的动画效果，实现了当用户鼠标悬停在此模块时，此模块会跳动，使得用户清楚这里是可以点击的，增强用户的网站体验。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/211350_39872fdb_1532283.jpeg "近期文章.jpg") **2. Siteeorigin** - 运用SiteOrigin，在网站页尾添加了文章归档，当文章变多后，用户可以按月自行索引观看。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/211703_41fd99aa_1532283.jpeg "文章归档.jpg") - 采用SiteOrigin在每篇文章页尾添加了近期文章，增加网站的视觉可视化，为用户提供最为直观的近期文章推荐。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/211748_b7bd75e9_1532283.jpeg "尾部近期文章.jpg") #### 云端架站（域名服务) - 为云端网站添加了域名服务，域名为：http://vrudin.me/ - 由于是用AWS架站，服务器不在国内，偶尔会出现断连问题。 #### 网站安全 - 在安全方面，网站安装了Wordfence插件，我了解到自己网站的安全水平为中上水平，它给网站提供了拦截恶意攻击，暴力破解等服务。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/211925_31e7ec77_1532283.jpeg "wordfence 安全度.jpg") - 在使用scan功能后，了解自己WordPress文件的情况，有多少主题还有插件。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/212754_c1c5b1e6_1532283.jpeg "wordfence scan.jpg") #### 网站性能问题 - Site24×7监控 通过Site24×7监控看出网站的回应时间良好，并且添加了8个地点的监视器。Dns的反应时间在可以接受的范围内，监控的页面基本没有什么问题。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/212806_4eb26687_1532283.jpeg "site24x7.jpg") #### 网站备份 - wp-config.php备份本地的截图 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/214424_cdb50d22_1532283.png "wp.png") - 通过BackWPup插件备份数据库（sql文件）截图 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/214056_57b0e77e_1532283.jpeg "BackWpack.jpg") - 通过wordpress后台导出工具导到本地的文件截图 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/214201_5035c41a_1532283.jpeg "工具备份.jpg") - 本地保存的截图 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/214458_5987ff9a_1532283.jpeg "本地保存.jpg") #### 站长工具 - 必应 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/221251_8298f0b7_1532283.jpeg "bing.jpg") - 百度 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/221508_682dedf6_1532283.jpeg "baidu.jpg") ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/221518_feea1980_1532283.jpeg "百度sitemap.jpg") - 六月份初期，在这个两个站长工具上，我都使用并且上交了sitemap，而现在bing仍显示sitemap链接找不到，而百度显示正常，但是两者都没有进行收录。 - 目前的猜想是由于服务器的不稳定导致的，所以才没给收录，因为几乎每天都会有连不上的情况发生，虽然过一会就好了。 #### Seo优化 1.关键词的优化，为每篇文章中添加了关于该文章的关键词，有利于被浏览器的抓取和用户的关键词搜索。而我发觉由于Seo对中文的优化很差，当关键词是中文时是检索不到的，经常会亮红灯。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/215757_6a1720f0_1532283.jpeg "安妮霍尔keyword.jpg") 2.文章的优化 - 内容坚持原创，在文章中设置有内链，并且文章中的每张图片都为其设置上alt属性，以增强搜索引擎对于图片的识别。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/215806_2cf0761c_1532283.jpeg "文章内链.jpg") 3.标题、元描述的优化 - 标题限制在十二个字之内，用精炼简洁的语言来对文章的内容进行一个元描述，从而吸引用户点击观看。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/215303_24f9fe86_1532283.jpeg "seo优化.jpg") 4. url的优化 - 为每一篇文章的url起英文或者拼音名，而不用中文名字，以防出现大量的乱码。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/215819_51f56d3a_1532283.jpeg "slug优化.jpg") 5.标签的优化 - 为每一篇文章设置独立的标签，可以使用标签来引索内容，方便搜索引擎查找。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/220603_902399e3_1532283.jpeg "标签页面.jpg") #### Jetpack的结果分析 - 这个数据记录时间是从6月4日开始，在3~11日之间，为网站创建了三篇文章，并且对文章进行了seo的优化，但是数据变化不是很明显。随后在17~29日，为网站创建了另外六篇文章，数据终于有所改善，由于没有被收录进搜索引擎，所以游览量还不是很乐观。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/220025_46e9e871_1532283.jpeg "jetpet 预览量.jpg") #### 用户研究方法 ##### （一）用户访谈 访谈时间：二十分钟 对象：5人 **采访提纲：** 1. 网站内容 - 你觉得网站的内容是否能够满足影迷的需求？ - 你希望网站内容有什么创新点？ - 你希望网站多久更新一次内容？ 2.网站设计 - 你觉得网站还需要什么功能？ - 网站的社交目前能够满足你的需求吗？ **访谈结果：** - 网站的内容过少，支持不起网站本身，希望能够有更加多的文章。 - 希望能够有视频论文，与电影的主题曲作为配乐在阅读文章时。 - 希望能够提供推荐电影的资源与在线观看地址。 - 增添新的关于影视分析的内容，影视分析是许多人想要学习了解的内容，而一般影视博客不会有人给出的内容。 - 给网站添加一个后台可供留言互动。 - 文章内容可供copy，无法复制影响用户体验。 **反馈结果：** - 网站文章更新频率定为两天一篇。 - 在后期的更新中会增加视频论文内容。 - 在文章最后会提高电影资源或在线观看地址。 - 已在访谈后增加新的文章分类目录，视听语言，并已有两篇文章。 - 在之后会建立后台进行留言互动。 - 由于内容是原创的还是要有保护，防止被人随意copy。 **作出的改变：** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/231511_62b1aaea_1532283.jpeg "视听语言.jpg") - 增加了视听语言目录，并且增添了两篇相关的文章。 ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/232530_cb4bf997_1532283.jpeg "在线观看.jpg") - 在可以在线观看的电影的文章下放入在线观看链接。 ##### （二）A/B测试 **测试** 对象：5人 对于侧边栏的内容安排，分为侧边栏A与侧边栏B，寻求测试对象意见选择其中一个。 ![侧边栏A](https://images.gitee.com/uploads/images/2019/0630/224136_8e0c5e63_1532283.png "侧边栏A.png") ![侧边栏B](https://images.gitee.com/uploads/images/2019/0630/224428_379b858f_1532283.png "侧边栏B.png") **测试结果：** - 用户认为侧边栏B中的文章归档与近期评论可以放在页脚，不显得占网站且画面显的更加美观。 - 用户任务侧边栏A中的样式可以接受，但是仍然需要搜索框，方便用户使用，而不用返回顶部。 **反馈结果：** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/225424_1f8180dc_1532283.jpeg "侧边栏C.jpg") - 最终做出了如上图侧边栏C的结果，去掉了文章归档与近期评论，将搜索框放在了上头。 #### 定制化 1. WP Content Copy Protection ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/225752_0839f9f6_1532283.jpeg "wp-protect.jpg") - 由于该网站是以原创内容为核心来吸引用户的，所以采用WP Content Copy Protection插件来实行网站内容防止粘贴，防止网站价值被剥夺。 - 也可以保证其他创作者的文章不被随意的剽窃。 2. wpSpoiler ![输入图片说明](https://images.gitee.com/uploads/images/2019/0630/230105_1c234a27_1532283.jpeg "spolier.jpg") - 由于文章内容多多少少都会涉及到电影内容，有一些电影本身就是以情节为重，如果被剧透了就大大影响观感，所以要有针对剧透的预警。 - 这个插件能够很好的满足要求，能够保护一些阅读者的观影体验不被剧透破坏，读者可以自行选择看还是不看。