推荐搜索: 魏义齐 网站防扒js微信号刷新 利用hbuilder打包APP的步骤清空

您当前的位置:首页 > 站长博文 > 正文

魏义齐个人博客被人说难看,你觉得呢?

发布时间:2018-02-13 11:36:39作者:魏义齐阅读:(

看完本文,相信你会有自己的看法。2月5号是博客改版之后推广的第一天,IP三百八十多,反馈出了很多问题,比如网站打开慢轮播图加载慢版面难看等,前两个问题我已经解决,版面难看在这里我只能解释一下了。

网站打开慢的主要原因有三个,一是带宽太小,这个没办法,资金有限,只能买西数的标准型服务器;二是部分图片太大,我对图片进行了处理,包括附件里的和statics/images下面的;三是同时大范围推广,在线人数超过带宽限制,后来我是分时间段做推广的。

轮播图加载慢,后来检查代码发现是swiper.min.js使用了两次,删掉头部的swiper.min.js,还开启了百度云加速,情况好了许多。

对于网站版面出现了两种完全相反的情况,有的人说难看、丑,甚至针对我个人把我在群里的推广和聊天记录截图发群里,说我狂;有的人说先仿一个、666、厉害、大神,还有主动加我的qq或群求带的。

别人说难看、丑我会不以为然,因为这里面不乏有“喷”的成分,或许是嫉妒,或许是刷存在感,其实个人站长做SEO跟网红开直播是一样的,因为面对的环境是一样的,具有双面性,有支持你维护你的人,就有喷你骂你的人,这是客观环境存在的必然。但是我老师说美工还得再提高一下,这就让我纠结了好久,纠结的地方在于改版一次真心不容易,耗时间就不说了,一闭站保护收录量就会下降,半天都恢复不了,不改版呢心里总有一个想法在徘徊,就是“有人说难看”,我有强迫症,这是不可否认的。其实写这篇文章还有一个目的是帮自己下“不改版”的决定。

打开首页,我从配色和版面两个方面来说我为什么决定不改版。

宏观上,网站的颜色搭配以草木绿为主(2017年流行色),以黄色和橙色为辅,当绿色与暖色系的黄色或橙色相配,会有青春、活泼之感。

版面方面我从先后顺序和重要性两个点来说

1.导航采用绝对定位,这符合用户体验。导航的内容可以分为两类,技术和生活,前端分享、技术教程、软件素材、站长博文和关于是技术,碎言碎语、摄影图片和旅行日记是生活,本站技术才是重点,就像本站的品牌词说的:web前端技术分享原创个人博客网站。

2.搜索框斟酌了好久,最终确定这种方式最为合理,推荐的关键词都是经过严格筛选和排序的,点了之后,大部分人不会再去点一下站内再点搜索,互联网搜索我这几个词的排名都是第一。点了,就更有利于这几个关键词的排名。

说个题外的,百度站长平台改为百度搜索资源平台之后,站内搜索去掉了,我用过百度的站内搜索,说实话体验很差,跟我自己做的搜索差远了,百度也是明白这一点的,使用用户少,最终会被下架这是必然的。

3.轮播图总共九张,除首页外每一个栏目都有自己的banner图,这些banner图都是找美工精心设计的(版权所有,不可盗用),集中在首页展示也符合首页的身份,展示效果方面我觉得可以了,3D旋转,我在很多地方都有使用,在我的素材库里这是一款很经典的轮播图,移动端的轮播图也不是泛泛之辈,源码来源于站长素材,改成那个样子我也是下了好大功夫的。

4.碎言碎语,只会在pc端体现,因为要违反版权声明的人都是用电脑进行操作,点击可跳转到碎言碎语栏目页。这种滚动文字效果也只有放到这个地方才最合理。

5.博客简介的这一句话,正是本站的描述,如果说我的网站是一片文章,那么这句话就是这篇文章的中心思想,只所以把这句话显示在最上面,是为了让访问者在阅读后对本站产生浏览的兴趣。

6.前端分享、技术教程、软件素材和站长博文的推荐,模板都是一样的,所以放在了一块,另外也是本站的重点,重要性仅次于博客简介,故而放在博客简介下面,每个推荐位限制总数为五条,四个推荐位就是二十条,这个数据是非常合理的。以列表的形式展现,一是考虑到要写响应式,二是phpcmsv9的循环属性决定了每个列表项都得是一样的,悬停缩略图放大、背景变色加投影,这是我测试的一组我觉得最合理的效果。有人觉得难看,可能是因为描述的文字太少了,显得每个列表项不够充实,但我要考虑到所有的描述,只是文字多的描述占少数而已。以后描述多写点字,视觉效果肯定会变好。

7.按照导航的先后顺序和重要性,接下来就是关于里面的作品推荐了,悬停的css3效果应该是我的首创,自定义字段允许在首页调用,就是为了引起访问者更大的了解兴趣。同时这种ul li结构,最有利于循环和响应式布局。移动端一排显示两个,pc显示四个最为合适。

8.按重要性,下来依次是摄影图片和旅行日记,摄影图片缩略图和它的列表页的缩略图是等比例的,移动布局是竖着排三个,摄影图片重要的就是图片,所以缩略图不能太小,综合考虑pc和移动的布局,三个最为合适,css3效果和ul li结构就像上面说的,营销型性质和考虑响应式布局。旅行日记放三个,也是考虑到整体的比例协调,样式稍微有所变化,这是由列表页的缩略图尺寸决定的,因为得等比例或者一样,再次使用横条型布局,是为了在网页结构上,看起来更加漂亮。

9.友情链接在最后显示最为合适不过,毕竟现在友情链接在SEO方面占的比重很小。与博客简介同样采用淡入效果,这可以叫首尾呼应(内容区的)。本来打算首页全部加上这个效果,但测试在移动上效果不佳,所以最后决定只在博客简介和友情链接这两个地方使用。

10.footer版权声明和备案号这是必须要的,草木绿色的背景和合适的高度与绝对定位的导航相呼应。

11.毕竟是个以技术为主的博客,与大家交流技术才是我的最终目的,右下角推广一下个人博客前端交流群,没什么不合理的。百度联盟判定为弹窗广告,那就判定吧,必定百度联盟已经伤了我的心,不打算再申请,就是不要被某些群主判定为广告就好,哈哈!

纵观整个首页,每个栏目的内容都在首页得到了体现,并按重要性从上往下依次排列,显示数量合理;动画效果使用得当,不会让人觉得很low;兼容方面(不考虑IE和手机UC)没有任何问题;走的是简约风,展示的都是必须展示的,包括子页,子页已为未来的广告位做了预留。

改版一次真心不容易,特别对于我这个完美主义者,一点点的问题我都要把它解决了。遂决定不再改版,再次改版就等下一次技术变革吧!

对于那些怼我的人,我只说一句话:做人要低调,沉稳和内敛,不管是说话还是做事都要有个度,只要你这么做了,旁观者清。不是所有的旁观者都选择沉默,只要你做的对,自然会有人站出来维护你,替你说话。

我不想跟别人争论喷我的、怼我的、骂我的人是没有社会经验小年轻还是像狗皮膏药一样的的无赖,我只想说:坚持走自己的路。

只要我还存在,我的网站就不会消失,到如今,这不仅仅再是一个博客,它可以是一叶舟,与支持我的人风雨同舟的舟;它可以是一个平台,与大家交流的平台;它也可以是一份寄托,寄托的是我的情怀。我付出的是真诚,我做的是有情怀的博客。

版权声明:本文为博主原创文章,未经博主允许不得转载。

上一篇:我为什么不做IE浏览器的兼容 下一篇:最后一页

如果您觉得本文对您有所帮助,就请打赏一下博主吧,您的打赏就是博主更新的动力!

  • 微信
  • 支付宝

关闭