# Web网站运营报告 **Repository Path**: kelingT/Web_Operations ## Basic Information - **Project Name**: Web网站运营报告 - **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-21 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营报告 #### 由于经济原因网站http://yangyuxing.xyz 已经被所有者关闭 # 策划文档 ## 建设目标 - 建设一个以“摄影”为主题的网站，主要是发布分享摄影作品与摄影相关有趣知识文章。 ## 目标用户画像 - 目标用户为喜欢摄影以及喜欢寻找摄影相关知识和有兴趣了解有关摄影的一些趣事的青年群体。 ## 前期用户调研 - 谭同学：希望能看到一些优秀的作品。 - 邓同学：希望可以有一些相关摄影技巧的文章，最好是有关于摄影机的一些介绍知识，可以让人了解到哪些摄像机有哪些优点，给新手操作者一些建议。 - 张同学：能看到一些美图，按时更新文章，多一些有意思的内容。 ## 网站规划 - 先搭建好网站，设置大概架构，并根据架构进行大体内容分类。 - 吸引喜爱摄影并关注摄影方面消息的用户。 - 更新有关摄影类的文章和图集。 - 根据用户研究发现的问题更改网站架构和页面设计等。 ## DVF模型定义需求 - D需求：可以根据需求找到可参考的图集和可学习性的文章 - V可持续性：定期发布文章和图集吸引有兴趣的访客。 - F可行性：网站简单，导航清晰。 ## 网站地图 ![](https://images.gitee.com/uploads/images/2019/0923/140932_e5d94096_3043318.png "ditup.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/194255_18b98b18_3043318.png "地图2.PNG") ## 图片的使用： ### 网站banner图片，和各页面头部特殊图片、首页作品集栏位中显现的特色图片为wordpress主题自带。 ![](https://images.gitee.com/uploads/images/2019/0921/194312_47e6f416_3043318.png "版权2.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/194349_f021fc63_3043318.png "版权3.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/194406_6928b8f6_3043318.png "版权1.PNG") ### 其他非原创图片，均有文字交代来源网站，并且带有链接连至原文/原图的网页/网站的相应位置。 ![](https://images.gitee.com/uploads/images/2019/0921/194422_ed15f5b9_3043318.png "版权4.PNG") ### 图片均来自： - [蜂鸟网](http://www.fengniao.com) - [FOTOMEN](https://fotomen.cn) ## 图库风格： ### 因为这是一个摄影图集与摄影文章的内容网站，所有图片风格会偏向清晰、明亮，吸引眼球，给人一种开朗、活力且温和的观感，图片搭配均依照文章分类风格与文章主题。例如，‘人文风采’类的图片色调偏暖，‘视觉先锋’类文章的配图偏冷，会有种开阔大气的感觉。![](https://images.gitee.com/uploads/images/2019/0921/194724_f96f17dc_3043318.png "媒体库.PNG") #### 人文风采![](https://images.gitee.com/uploads/images/2019/0923/093055_373a5699_3043318.png "暖2.PNG") #### 视觉先锋![](https://images.gitee.com/uploads/images/2019/0923/093128_ec6e79f9_3043318.png "冷2.PNG") ## 架站踩坑文章 - [架站笔记（1）](http://yangyux.xyz/blog/notes/notesone/) - [架站笔记（2）](http://yangyux.xyz/blog/notes/notestwo/) - [架站笔记（3）](http://yangyux.xyz/blog/notes/notesthree/) ## 平面设计 ### 网站整体以青绿色为主色、背景为白色，灰色和浅灰辅助的色调搭配体系，会给人带来一种朝气和活力的感觉字体大小等适宜。同时图片会选择与文章和页面主体风格的一致的风格来搭配，也尽量避免选择黑白等过于偏暗色的风格，这样不会与网站主题融合突兀。 ![](https://images.gitee.com/uploads/images/2019/0923/093707_6687bc6f_3043318.png "配.PNG") ![](https://images.gitee.com/uploads/images/2019/0923/093939_cf4ab4c8_3043318.png "配4.PNG") ### 其中，合理修改或添加尽量贴合主题色调。 - **修改**![](https://images.gitee.com/uploads/images/2019/0923/094204_ecfe280b_3043318.png "链接.PNG") ![](https://images.gitee.com/uploads/images/2019/0923/094229_f66ff63d_3043318.png "链接2.PNG") - **添加**![](https://images.gitee.com/uploads/images/2019/0922/032912_076df20c_3043318.png "at33.PNG") ### 文章可读性 ![](https://images.gitee.com/uploads/images/2019/0923/105348_8c331052_3043318.png "可读性.PNG") # Animate it! （合理使用2处） # SiteOrigin（正确使用3个页面/文章）的合理使用情况。 ### 1.第一处http://yangyux.xyz/ablum 在精品图集总页面末尾设置Posts carousel，让访客可以在浏览到最后意犹未尽时，还可以选择分类图集浏览。 ![](https://images.gitee.com/uploads/images/2019/0922/025620_30b8d8c6_3043318.png "st2.PNG") ![](https://images.gitee.com/uploads/images/2019/0922/025639_bee5536b_3043318.png "stt2.PNG") ### 2.第二处http://yangyux.xyz/culture/huakaihuabai 因为文章主题讲述的是一对恩爱的老夫妻晚年的照片纪实，设置简短的音乐片段烘托气氛，将访客带入意境。 ![](https://images.gitee.com/uploads/images/2019/0922/025824_1bc836d5_3043318.png "st.PNG") ![](https://images.gitee.com/uploads/images/2019/0922/025542_c49f8aa3_3043318.png "st1.PNG") ### 3.第三处http://yangyux.xyz/basis/whitebalance 在‘基础知识’分类文章内设置一个拓展的知识提示。 ![](https://images.gitee.com/uploads/images/2019/0922/032856_138c5295_3043318.png "at3.PNG") ![](https://images.gitee.com/uploads/images/2019/0922/032912_076df20c_3043318.png "at33.PNG") # 云端网站管理 ## 云端架站：正常可用的云端网站，使用域名 [yangyux.xyz](http://yangyux.xyz) ![](https://images.gitee.com/uploads/images/2019/0921/083644_d1f62c6d_3043318.png "域名.PNG") ## 网站安全： ### 防火墙的防护与扫描安全指数在60%，相对正常，但指数不高 ![](https://images.gitee.com/uploads/images/2019/0921/210447_9195860f_3043318.png "sa1.PNG") ### 实时监控访客动向，发现有大量访客想登录后台被阻止。 ![](https://images.gitee.com/uploads/images/2019/0923/100818_eb63d137_3043318.png "监控2.PNG") ### 过去一个月内网站攻击频率，中期有一次频率明显增高，在此之后总体程下降趋势 ![](https://images.gitee.com/uploads/images/2019/0921/211302_1dcf028c_3043318.png "at.PNG") ## 网站性能：使用site24x7，相关监控截图 ### 添加了以亚太地区为主监地区，主要城市是北京、重庆、曼谷等地； ### 截止现在有三太监视器不明原因停机，还在查找答案； ### 发现相对网页响应时间交平均响应要慢很多； ### 可用性100%，正常。 ![](https://images.gitee.com/uploads/images/2019/0923/103900_e6dd06a7_3043318.png "停机.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/205147_6f14319a_3043318.png "响应2.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/205205_7f7be099_3043318.png "答应.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/210301_bb6d7005_3043318.png "响应5.PNG") ## 网站备份： ### 登陆winSCP的截图 ![](https://images.gitee.com/uploads/images/2019/0921/083955_65051a64_3043318.png "Wins.PNG") ### 提供将wp-config.php备份本地的截图 ![](https://images.gitee.com/uploads/images/2019/0921/084031_3d1f43a7_3043318.png "Wins3.PNG") ### 通过插件（Wordpress Database Backup/WordPress Backup Plugin）备份“数据库文件”截图； ![](https://images.gitee.com/uploads/images/2019/0921/085337_5e48cb40_3043318.jpeg "Inkeddaochu1_LI (2).jpg") ### 通过wordpress后台导出工具导到本地的文件截图 ![](https://images.gitee.com/uploads/images/2019/0921/085502_fe216ae6_3043318.jpeg "InkedBack1_.jpg") # 站长工具 ## 站长工具认证 ## 百度认证 ### 使用site可以找到网站，但其他无明显异动，百度没有抓取到网页;百度搜索网站名称排行第一但，百度资源平台无明显的监控变化。![](https://images.gitee.com/uploads/images/2019/0921/085547_680c8b89_3043318.png "百度.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/204148_459ac164_3043318.png "拜服.PNG") ![](https://images.gitee.com/uploads/images/2019/0922/043553_04150445_3043318.png "第一.PNG") ## bing认证 ### 使用site可以找到网站，有抓取到网页，但没有监控到点击与搜索网站的频次 ![](https://images.gitee.com/uploads/images/2019/0921/085615_cd33adfe_3043318.png "bing.PNG") ![](https://images.gitee.com/uploads/images/2019/0922/044047_5dcdaf35_3043318.png "bing.PNG") ## SEO优化 ### 方法： ### 1、使用seo插件优化，优化链接，添加mata ![](https://images.gitee.com/uploads/images/2019/0921/201329_b4f7dc2a_3043318.png "s.PNG") ### 2、文章内部根据seo分析的提示，优化seo链接，meta等 ![](https://images.gitee.com/uploads/images/2019/0922/041613_2557bbe7_3043318.png "seo.PNG") ![](https://images.gitee.com/uploads/images/2019/0922/041638_9b527953_3043318.png "aeo2.PNG") ### 3、关键词优化，根据bing的网站管理员工具，中的关键字研究找出最合适的关键字，在根据关键字修改文章标题等。 ![](https://images.gitee.com/uploads/images/2019/0921/202410_f0c0d59b_3043318.png "seo5.PNG") ### 4、sitemap的提交 ![](https://images.gitee.com/uploads/images/2019/0921/202426_6137fe43_3043318.png "seo4.PNG") ### 5、通过微博微信等社交媒体推广等 ![](https://images.gitee.com/uploads/images/2019/0922/042207_da1df71b_3043318.jpeg "p.jpg") ### 成效： ### 浏览量有明显的变化。 - 前期浏览变化不是很明显，随着时间的推移逐步呈现趋势。 ![](https://images.gitee.com/uploads/images/2019/0923/140101_71500ae2_3043318.jpeg "Inked流2_LI.jpg") ### 关键词优化可行。百度搜索网站名，排在第一页第一行。 - 前期搜索，甚至翻找不到网站 ![](https://images.gitee.com/uploads/images/2019/0922/043553_04150445_3043318.png "第一.PNG") ## 流量情况 ### 中途文章更新浏览量有两次起伏，但访客与流量不算大，之后开始seo研究访客量与浏览量猛增，seo优化效果明显； ![](https://images.gitee.com/uploads/images/2019/0923/140138_4c350622_3043318.jpeg "Inked流2_LI.jpg") - 最新流量截图 ![](https://images.gitee.com/uploads/images/2019/0923/132010_1842089d_3043318.png "最.png") ### jetpack监控到访客多集中在泰国、马来西亚与中国。 ![](https://images.gitee.com/uploads/images/2019/0921/211822_fd7d531b_3043318.png "guo.PNG") # 用户研究 ## 用户访谈 ### 目的：发现网站内部一些设计不足的地方 ### 访谈：寻找了不同学院的五个同学就这个摄影网站的一些设计问题进行焦点访谈 ## 提出问题 ### 1.文章的特色图片尺寸不对，很影响观感 - 修改前：图片与区域边框有很大的一个区间 ![](https://images.gitee.com/uploads/images/2019/0921/213252_69ad2ba2_3043318.png "qian.PNG") - 修改后：图片与区域边框贴合 ![](https://images.gitee.com/uploads/images/2019/0921/213315_afe0c6ee_3043318.png "设计.PNG") ### 2.图集页面可以做成汇总页面，这样不会显得单调 - 修改前：“精品图集”页面只是单独的空白页 ![](https://images.gitee.com/uploads/images/2019/0921/214105_636a4b5f_3043318.png "就.PNG") - 修改后：汇集站内基本图片 ![](https://images.gitee.com/uploads/images/2019/0921/214131_bc7cabed_3043318.png "就2.PNG") ### 3.建议将分类页面标题的英文删除会好一些 - 修改前：页面头部标题前面有一段单词，显得有点多余 ![](https://images.gitee.com/uploads/images/2019/0921/225131_f6937d32_3043318.png "定制.PNG") - 修改后：只有标题，简洁干净 ![](https://images.gitee.com/uploads/images/2019/0921/225310_23e2f8a7_3043318.png "1定.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/225339_48274aa7_3043318.png "定2.PNG") ## 用户体验地图 ### 目的：了解访客访问网站的基本走向，根据实际反馈改进网站结构与设计 ![](https://images.gitee.com/uploads/images/2019/0922/011600_61bdcd7a_3043318.png "地图.PNG") ## 定制化： ### 使用WP Content Copy Protection & No Right Click插件以满足网站的图片和文章被盗 ![](https://images.gitee.com/uploads/images/2019/0922/000012_3ad6c290_3043318.png "防盗.PNG") ![](https://images.gitee.com/uploads/images/2019/0922/000044_a95b841a_3043318.png "防盗3.PNG") ### 修改网页顶部宽度，满足客户观感需求 - 修改前：首页头部面积占比大 ![](https://images.gitee.com/uploads/images/2019/0922/001153_431ce6e2_3043318.png "修改前.PNG") - 修改后：区域适宜 ![](https://images.gitee.com/uploads/images/2019/0922/001221_40e8914e_3043318.png "修改后.PNG") ### 首页四个定向导航图集，意图下修改代码为例类推 - 首页设置四个显眼的摄影图集的导航，吸引访客眼球 ![](https://images.gitee.com/uploads/images/2019/0921/194406_6928b8f6_3043318.png "版权1.PNG") ![](https://images.gitee.com/uploads/images/2019/0923/125535_ca160da8_3043318.png "t.PNG") # 文本编辑 ### 页面名称规范性：每个页面的URL都使用了英文、或拼音，该英文或拼音与页面中文名称含义一致。 - 首页http://yangyux.xyz/ - 视觉先锋http://yangyux.xyz/blog/category/view/ - 人文风采http://yangyux.xyz/blog/category/culture/ - 基础知识http://yangyux.xyz/blog/category/basis/ - 精品图集http://yangyux.xyz/ablum/ - 唯美http://yangyux.xyz/weimei/ - 清新http://yangyux.xyz/qingxin/ - 视角http://yangyux.xyz/shijiao/ - 震撼http://yangyux.xyz/zhenhan/ - 架站笔记http://yangyux.xyz/blog/category/notes/ ### 文章名称规范性：每个文章的URL都使用了英文、或拼音，该英文或拼音与文章中文名称含义一致。 - 精神学家的超现实主义风光摄影http://yangyux.xyz/blog/view/realism/ - 在这里，可以拍一整天日落http://yangyux.xyz/blog/view/sundown/ - 螺旋星轨下的纳米比亚沙漠http://yangyux.xyz/blog/view/starry/ - 母亲眼中的父与子http://yangyux.xyz/blog/culture//father/ - 单车上的纽约城http://yangyux.xyz/blog/culture/newyork/ - 花开花败，你却只留下我一个人http://yangyux.xyz/blog/culture/huakaihuabai/ - 曝光补偿的基础知识http://yangyux.xyz/blog/basis/exposure/ - 光圈使用的几条规律法则http://yangyux.xyz/blog/basis/diaphragm/ - 摄影基础白平衡http://yangyux.xyz/blog/basis/whitebalance/ - 架站踩坑文（3）http://yangyux.xyz/blog/notes/notesthree/ - 架站踩坑文（2）http://yangyux.xyz/blog/notes/notestwo/ - 架站踩坑文（1）http://yangyux.xyz/blog/notes/notesone/ ### ”页面““文章”名称的规范合理: 从首页、或侧边栏等位置看文章/页面标题，每篇标题都能展示出意义（而不是被遮挡、或起名原因而看不请意义） ![](https://images.gitee.com/uploads/images/2019/0921/221934_c4fe1d78_3043318.png "001.PNG") ![](https://images.gitee.com/uploads/images/2019/0921/221953_d568441f_3043318.png "002.PNG") ## 优化视觉可读性：8篇以上文章使用 - http://yangyux.xyz/blog/basis/diaphragm/ ## 开启多站点 ![](https://images.gitee.com/uploads/images/2019/0923/132411_07105d1d_3043318.png "站点.PNG")