网站架构

网站运营报告 （服务器过期，网址已打不开）

网站建设目标

建立一个具有一定的可观性的诗歌分享网站，用户无需登陆就可以发表自己的想法，主要指向诗歌爱好人群。

目标用户画像

年龄：16-28岁
性别：男/女
特点：对诗歌感兴趣，平常有网站搜素诗歌来观赏的习惯

网站规划

1. 市场分析：面对用户主要是诗歌爱好人群，市场较为狭窄，但容易获得较为固定且忠实的用户群。并且由于目前网站的诗歌体裁具有年轻化特点，因此浏览用户预测集中在16岁-28岁。从市场的目前状况来看，有关诗歌鉴赏的网站还比较少，且页面设置的较为简单、单调，意图构建一个具有诗意且多元的诗歌鉴赏网站。
2. 网站目的/功能：
   • 网站初期主要是展示文传14级学生的诗歌作品，用户可以在网页上发表自己意见，并且附有架站教程福利让同样有兴趣构架网站的用户能更快上手。
   • 网站中期会收集更为丰富的诗歌体裁，丰富网站的信息内容。
   • 网站后期拥有一定的用户群后计划加入发表原创诗歌模块。
3. 网站服务器选择在digitalocean搭建
4. 网站的安全防护会借助wordpress插件Wordfence进行监察和防护。
5. 网站的内容主要是多种类型的诗歌篇章、水墨画、和撰写的架站教程等。
6. 网站的更新机制为一个星期更新三篇新的文章，主要由网站构架者负责。
7. 网站页面设计：
   • 网站的配色和设计上追求统一性，采用的色调为暖色系且具有一定的活力，颜色的搭配不冲撞。
   • 网站主打简单明了的网页结构。
   • 网站图片主要选取水墨画，与网站的主要内容诗歌相搭配。
   • 设计部分网页部件的动画效果，给年轻一种用户惊喜感。
8. 网站整体的改版预计会半年到一年间进行修改，再次进行用户调研。
9. 网站的维护通过及时的备份、数据的检测和防火墙插件及时了解网站目前的状况，以便预防网站被黑或服务器崩溃等突发情况。

用户调研

1.你认为诗歌鉴赏网站需要具备什么基本元素？

主要回答：优美的诗歌、对于诗歌的赏析、具有诗意的图片

2.你觉得一篇诗歌文章展示只有文字会不会单调？

主要回答：还好、有一点

3.如果载入这个网站的时间较长，你会再次访问这个网站么？
主要回答：一般不会，除非内容十分吸引

4.你希望网页中能出现神么新颖的功能？

主要回答：诗歌游戏、诗歌交友、上传自己的原创诗歌

5. 目前你浏览网站有发现什么问题吗？

主要回答：页面内容有些单调（元素少）

DFV模型

dfv模型图

网站通过用户需求、可持续性、可行性三方面的调查和思考，选择网站最有价值最具创新的部分。

用户需求：

1. 一个简洁美观的网站页面
2. 高质量的诗歌内容
3. 具有精细的诗歌分类和搜素引擎，以便用户迅速找到感兴趣的诗歌内容
4. 具有最新文章模块，以便用户可以直接了解到目前的更新情况。
5. 具有评论功能，让用户能发表自己对于网站或诗歌的看法。
6. 用户可以发表自己的原创诗篇
7. 推荐用户喜欢的诗歌，利用算法向其推荐相关诗篇
8. 无论在哪一个页面都可以快速的回到首页
9. 可以迅速从页面尾端回到顶端

可持续性:

1. 网站要有简单明了的面包屑导航和搜素框
2. 网站的域名和各个子页面的链接要具有一定的可读性
3. 网站的设计要易接近易获取，结构清晰无404错误页面
4. 网站的内容呈现方式要多元化，例如加入视频、音频、图片等
5. 网站的构架要具有一定的开放性，以便未来加入新的模块
6. 网站的功能要进行拓展，除了展示诗歌内容外，还可以加入分享、竞赛模块，和架站教程等

可行性：

1. 页面布局简洁美观
2. 设置评论功能
3. 具有最新文章模块
4. 在页面尾端跳回顶端
5. 无错误页面
6. 网页内容呈现多元化，加入图片、音频、视频等

定义最终需求：

1. 一个简洁美观的网站页面排版
2. 具有精细的诗歌分类和搜素引擎
3. 展示经挑选后较高质量的诗歌内容和相关图片
4. 网站内容呈现方式要多元化，例如加入视频、音频、图片等
5. 具有最新文章模块，以便用户可以直接了解到目前的更新情况
6. 有评论功能
7. 确保没有404页面，没有不可到达的页面
8. 加入架站教程的拓展内容
9. 可以迅速从页面尾端回到顶端

网站地图

网站地图

平面设计插件运用

网站地图

• 使用了page builder
• 在架站网站文章（一)架站教程（二)尾端设置了动画效果

图片使用

首页

1. 页头图片：http://www.nipic.com/show/20328907.html（昵图网）
2. 诗篇附图1：https://weibo.com/p/230418a816de580102x61x（微博）
3. 诗篇附图2：http://www.woaihuahua.com/baike/guohua/shanshui/2169.html（我爱画画网）
4. 诗篇附图3：http://www.sohu.com/a/204885206_649556（搜狐网）
5. 诗篇附图4：http://www.poco.cn/works/detail?works_id=269301（poca网）
6. 幻灯片图1：http://www.tuxi.com.cn/viewb/4765/47659730.html（突袭网）
7. 幻灯片图2：http://blog.sina.com.cn/s/blog_638f7dd10102xntm.html（新浪博客）
8. 幻灯片图3：http://www.tuxi.com.cn/viewb-220443496509854-2204434965098549748.html（突袭网)
9. 幻灯片图4：http://www.tuxi.com.cn/viewb-144977468913791-1449774689137919660.html（突袭网）
10. 幻灯片图5：http://www.tuxi.com.cn/viewq-11548198302061-14297.html（突袭网）
11. 幻灯片图6：http://www.tuxi.com.cn/viewb-34035-340353852.html（突袭网）
12. 幻灯片图7：https://www.chinesefolklore.org.cn/blog/?viewnews-25457（民俗学博客）
13. 幻灯片图8：http://blog.sina.cn/dpool/blog/s/blog_535ef11d0100bft3.html?vt=4（新浪博客）

架站教程类页面

1. 架站教程（一）
   • 所有图片均来是https://ap.www.namecheap.com/（namecheap网）的截图
2. 架站网站（二）
   • 所有图片均来是https://www.digitalocean.com/（digitalocean网）的截图
3. 架站网站（三）
   • 所有图片均来是https://ap.www.namecheap.com/（namecheap网）的截图
   • 所有图片均来是https://www.digitalocean.com/（digitalocean网）的截图
   • 所有图片均来是word文档的截图

说明

1. 图库中的图片主要为中国水墨画，色调为彩色且多为暖色调，符合诗篇中细腻的情感表达。
2. 风格统一，都为水墨画或怀旧图片类型，并且依据诗篇的具体内容有所更改。例如生活杂诗中插入了一幅有孩童游玩的水墨画。
3. 水墨画图片与诗歌都源于中国古代时期，两者相匹配不突兀且相得益彰。
4. 配色上网站背景色为白色，与暖色调不亮眼的颜色相搭配，视觉上比较舒服、自然。

架站文章

云端架站文章一

云端架站文章二

云端架站文章三

云端网站管理

正确的域名

http://liuzhuyin.me/

网站安全

网站受攻击数量图

网站受攻击数量图

• 根据wordfence插件检测的网站一天内受攻击数量图可以看出网站的所处的环境是十分危险的，受攻击数量在一天内的数量最高可达到10，000，000。

  
  
  网站受攻击数量图

• 根据wordfence插件检测的网站30天内受攻击数量图可以看出网站受攻击的危险是一直存在的，且数量一直维持着一个较为稳定的高值区域。

  
  
  网站安全扫描
• 根据wordfence插件网站安全扫描功能，可以很明显看到目前网站存在的危险。据图所示目前网站不存在较较高的风险，但是部分插件和网站主题可以选择升级获得更好的性能

网站性能

site24x7检测图

• 服务主机目前只运行了其中一个，页面能正常运行，速度正常。

  
  
  site24x7检测图

• 网站加载时间较长需要改进

  
  
  site24x7检测图
• 加载速度慢的主要原因是JavaScript、css和图片，需要简化部分设置

网站备份

备份

运营

站长工具

百度

1.加入百度站长

百度站长搜素结果

2.自动提交链接，增加收入几率

百度站长

3.百度搜素引擎抓取量

百度站长2

bing

1.加入bing站长

bing站长

2.bing检测的网络动态，浏览量总体不错，seo优化有成果

bing站长2

bing站长3

SEO优化

1. 网站初期
   网站选取了诗歌为主题，选择了一个自定义设定较多的网站主题，并将网站名称和副标题都直接出现“诗”字眼。经过将内容分类填入网站后，网站的大概框架完成。
2. 开始seo优化
   • 选择一个SEO友好的WordPress主题
   • 基本的SEO设计：每页使用一个H1标签、适合输出图像的ALT标签、正确的页面标题、正确使用规范URL
   • 使用wordfence插件确保网站安全
   • 为各个页面设置标题和元描述
   • 根据SEO插件为文章提供的修改意见进行修改

seo截图证明

为页面添加标题

为页面添加元描述

seo插件

成果图

jetpack流量

• 网站流量出现了明显的变化，用户来自世界各个地区

  
  
  网站安全扫描
• 网络安全得到了保护，无重大风险

用户研究

1. A/B test
   A:浏览顶端面包屑导航设有社交图标链接的首页

   
   
   效果图

反馈

1. 表示网站页头部分中规中矩并无异常（1人）
2. 察觉到了图标链接的存在，认为还不错（3人）
3. 觉得没必要设置和网站内容无关（1人）

B:浏览顶端不设有社交图标链接的首页

效果图2

反馈

1. 表示网站页头正常美观（4人）
2. 觉得网站没有外链（1人）

定论：根据用户反馈发现加入社交图标链接对网站的负面影响较小，决定加入此社交外链栏目丰富网站的内容和开放性，优化seo。

2.网页游客地图

• 根据游客地图可以发现由于网站的功能较为单一，因此信息的呈现是最重要的环节，应该着重于信息的呈现。
• 且由于前来浏览的用户目的都较为明了，因此网站的结构也应该清晰明了，文章的显示重点让用户集中与文字本身。
• 因该考虑为网站加入其他元素或功能

游客地图

定制化方案

1. 使用elementor插件布局首页，它的操作简单，可以设置css指数，使得首页的诗歌展示排版整洁齐整，并且加入了图片幻灯片展示更多的诗歌图片。经过修改后再给用户浏览发现有明显成效，首先是页面内容的范围扩大，使得视觉比较开阔。选择的图片与诗歌相符度较高，增加了可视化度。
2. 加入侧边栏并且加入了音频播放，满足用户在用户调研中反应无音乐搭配显得单调的问题。音频设置了提前加载，但是加载速度还是较慢，会通过截取部分音频来缩小音乐文件的大小，争取缩小加载时间。