该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

策划文档:

  • 网站建设目标:提供一些有关拍摄方面的作品以及教程,为对传媒方向有兴趣的人提供一定的帮助

  • 目标用户画像:摄影摄像爱好者,传媒从业人员,相关专业学生

DVF模型:

  • 需求:用户需要从网站获取相关领域的信息

  • 可持续性:当流量达到一定的程度后,可以寻求同行合作或者签约专业作者,持续推出更高质量的内容,后期可以推出附属产品

  • 可行性:不断优化页面设计和提高文章质量,确保用户接受的信息是正确并且可操作的

网站地图展示:

输入图片说明

图库版权交代:在每篇文章的底部皆有说明

输入图片说明

图片风格配色原因:

  • 网站的图片风格都是和整个主题,也就是摄影摄像相关的,对于用户有一定的指导意义

  • 另外每一个文章都安排有特色图片作为文章封面图,封面图和文章内容息息相关,结构清晰明了

  • 网站跳转

网站配色背景以及字体:

  • 由于网站主题是关于摄影摄像的,所以我采用了一个能直观呈现图片的主题,这样在用户进入网站的瞬间,映入眼帘的就是好几幅高质量的人像照片,形成视觉冲击以及使用户对网站产生信任感

  • 首页顶图采用深色系,较暗,给人一种梦幻和忧郁的感觉,而下面文章封面图又是比较鲜艳和亮色的,形成一个明暗对比

  • 文章字体采取在考虑用户意见后采用了宋体12px,为大多数人所接受

  • 网站跳转

云端架站踩坑图文文章:

输入图片说明

  • 三篇文章跳转

用亚马逊的aws架站

用Home|CloudFlare解析域名

申请包含优惠的学生包

插件应用:

  • Animate it!:在每篇文章的第一张图片都应用了动画,让用户在点击进去文章的时候,能第一时间看到图片的动画效果,增加网站特色和抓住用户的注意力

  • 实例跳转

  • Siteorigin:利用了这个插件的一些小工具,为文章添加音频视频等功能板块,加强文章可读性

  • 实例跳转

  • 安装了安全插件Wordfence并启用,并且优化了防火墙 输入图片说明

  • 安装了备份插件Wordpress Backup Plugin并成功将数据库备份到本地

输入图片说明

输入图片说明

输入图片说明

网站性能监控

输入图片说明

输入图片说明

域名实践:

  • 利用DigitalOcean成功应用域名:ztx925me

  • 网站跳转

站长工具

  • 在百度和Bing进行了站长认证,百度的验证较为麻烦,一开始搜索不到,后来在进行的站内内容优化后才收录进去

输入图片说明

输入图片说明

SEO优化

  • 网站数据统计

在网站

  • 优化:根据网站数据统计图可知,在网站搭建初期,也就是6月11号之前,用户访问量并不高,后来我做了如下的seo优化:

(1)定位清晰,确定主题,更换了一个能直观呈现图片且结构清晰明了的主题,符合摄影摄像风格

(2)增加了网站的文章数量和类似,满足广大用户需求

(3)网站标题优化,吸引用户点击还有提高搜索命中程度

(3)定期更新文章,增加用户留存率

  • 在以上优化做完之后,用户访问量在6月11号迎来了一次爆发性增长,由于后续的更新不及时,用户访问量又呈现下跌趋势

用户研究成果及设计改进:

用户体验地图

输入图片说明

用户访谈

  • 用户调研方向:

1.对于网站外观设计的直观看法

2.能否从网站中获取想要的内容

3.设置一些操作任务让用户进行操作,测试可用性

  • 调整方向:

1.更换了网站外观,使之更切合网站主题,使用户产生信任

2.根据用户需求增加网站文章的数量,定期更新并不断提高文章内容质量

3.根据用户使用习惯更换了搜索框,评论,分享等功能的位置

  • 优化前首页

输入图片说明

  • 优化后首页

输入图片说明

  • 优化前文章数量

输入图片说明

  • 优化后文章数量

输入图片说明

  • 优化前功能框位置

输入图片说明

  • 优化后功能框位置

输入图片说明

定制化方案-增加插件

  • Google XML Sitemaps插件:Google XML Sitemaps 是一个使用非常广泛的XML网站地图插件,通过它可以很轻松为我的 WordPress 博客生成 Sitemap,方便搜索引擎抓取我博客的文章。

输入图片说明

  • SEO Friendly Images插件:可以批量给我文章中的图片添加 alt 和 title 信息,提高SEO效果,由于本网站的图片使用相当多,所以这个插件的作用很大! 输入图片说明

空文件

简介

暂无描述 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化