上周帮朋友搞他那独立游戏的破官网,老网站跟出土文物似的,用着用着还能报错。一咬牙决定拆了重做,结果踩坑踩到差点秃头。现在把折腾过程捋一遍,你们要重建官网的可以直接抄作业。
第一步:清空场地抡大锤
原先网站堆的垃圾太多了:过期的活动公告、失效的下载链接、还有十年前的游戏截图。我直接进后台咔咔全删了,连根毛都没留。顺手把服务器那些老插件全停用,结果有个破缓存插件关掉之后,首页直接变404!折腾半小时才搞明白,原来得手动删ftp里的残留文件。
第二步:手机电脑双拼盘
新网站用的是现成模板,结果电脑看着挺美,手机上一打开——导航栏挤成二维码了!赶紧掏css魔改:把菜单字体调小两号,按钮间距拉开一指宽,还在手机端加了折叠菜单。最坑爹的是游戏截图展示区,电脑横着排三张图挺漂亮,手机上竖过来全堆一起,用百分比布局才搞定。
- 电脑端:三张截图并排躺
- 手机端:截图叠罗汉还得加左右滑动箭头
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
第三步:速度救命三把刀
传了个3MB的游戏宣传视频当背景,加载直接卡成ppt。朋友还嘴硬说“艺术效果需要氛围”,被我直接按住脑袋优化:
- 视频压到300KB(画质糊得像马赛克)
- 图片全过tinypng屠宰场
- 删掉花里胡哨的粒子特效
测速工具显示加载时间从8秒砍到2秒,手机流量党终于能活了。
第四步:教搜索引擎认路
百度爬虫跟路痴似的,新做的预约页面死活搜不到。气得我连夜:
- 把每个页面标题改成“XX游戏-官网正版”
- 在新闻详情页疯狂塞游戏关键词
- 给图片alt标签写小作文描述
现在搜索游戏名好歹能在第二页找到了,再往上冲就得加钱,穷团队洗洗睡。
第五步:埋个按钮钓大鱼
官网重建完发现个致命问题——玩家找不到下载入口!原先的绿色按钮淹没在黑色背景里,我还以为谁把按钮删了。改成荧光橙色+呼吸灯效果,测试时朋友突然拍大腿:“预约按钮放左边还是右边?”结果AB测试搞了整天,右边按钮点击率高23%,玄学实锤。
昨晚两点终于上线,结果今早客服说微信打不开官网。原来手机微信内置浏览器跟chrome内核打架,又跪着改了半天兼容性。这破项目前后折腾三星期,朋友塞给我两盒自热火锅当报酬,算下来时薪不到五块钱。建议各位重建官网前先买好防脱洗发水,别问我是怎么知道的。



