有些(xie)朋友对于网(wang)站建(jian)设的(de)一些(xie)问题不了解，经(jing)常过来咨(zi)询，今(jin)天小编(bian)就来给大家介绍一下：seo网(wang)站设计(ji)制作的(de)几(ji)点小建(jian)议。

　　网站(zhan)是一个企业的(de)(de)(de)(de)互联网形(xing)象窗口，很(hen)多人因(yin)此很(hen)关注网站(zhan)的(de)(de)(de)(de)页(ye)面设计，笔者(zhe)碰(peng)到多很(hen)多老(lao)板对网站(zhan)的(de)(de)(de)(de)要求就是"高(gao)(gao)大上"，我不(bu)知道(dao)在(zai)他们(men)眼中"高(gao)(gao)大上" 究竟是个什么标准(zhun)，但是我认(ren)为网站(zhan)的(de)(de)(de)(de)设计制(zhi)作更重(zhong)要的(de)(de)(de)(de)是实用(yong)(yong)、美观以及良好的(de)(de)(de)(de)用(yong)(yong)户体验。

　　一、 页(ye)面响应速度

　　网站(zhan)打开慢导(dao)致(zhi)访客等不(bu)及(ji)直接关闭，这(zhei)是我们(men)大家都不(bu)愿意看到的(de) ，同时也(ye)会直接导(dao)致(zhi)网站(zhan)的(de)跳出率大大增加，这(zhei)对seo同样不(bu)利，我们(men)可(ke)以采用以下方法来解决这(zhei)个问题(ti)(这(zhei)里是说服务器运行(xing)正常、带宽足够)。

　　1、js、css合并压缩以及代码优化、图片压缩

　　js 和css 可(ke)以(yi)用在线工具直接压缩，jq的(de)(de)一(yi)(yi)些常(chang)用类库可(ke)以(yi)使(shi)用百度(du) cdn公共库或者(zhe)使(shi)用官(guan)方给(ji)的(de)(de)cnd公共库;图(tu)(tu)片压缩以(yi)不(bu)影响(xiang)图(tu)(tu)片美(mei)观为主，压缩不(bu)易(yi)太过分(fen)，针对(dui)网站内部的(de)(de)小图(tu)(tu)片，可(ke)以(yi)使(shi)用css sprite 技(ji)术，这(zhei)(zhei)样做的(de)(de)好(hao)处不(bu)仅仅减小了(le)图(tu)(tu)片整个(ge)的(de)(de)体积，而(er)且减少(shao)了(le)服务器对(dui)图(tu)(tu)片的(de)(de)响(xiang)应次数(shu)(css sprite 使(shi)用对(dui)象(xiang)是页面中(zhong)的(de)(de)小图(tu)(tu)，不(bu)是说将所有图(tu)(tu)整成(cheng)一(yi)(yi)个(ge)大的(de)(de)这(zhei)(zhei)样就好(hao)，这(zhei)(zhei)种(zhong)观点是错(cuo)误滴)。对(dui)于多个(ge)js，如果没有非常(chang)特别的(de)(de)原因(yin)，建议合并到一(yi)(yi)起，并用代码(ma)屏 蔽报错(cuo)(这(zhei)(zhei)样做的(de)(de)好(hao)处是避免在ie中(zhong)弹出报错(cuo)信(xin)息,js、css代码(ma)优化这(zhei)(zhei)个(ge)直接找技(ji)术就可(ke)以(yi)了(le)。

　　2、图片预加载

　　目前常用(yong)的(de)是web lazyload技术，简(jian)单(dan)点说就是当网(wang)页页面(mian)滚动(dong)到相应(ying)(ying)的(de)地(di)方，对应(ying)(ying)位置的(de)内容才进行加载显示(shi)，这样能明显减少(shao)(shao)了服务(wu)器的(de)压力和流量，也能够(gou)减小浏览(lan)器的(de)负担(dan)。这样前台显示(shi)的(de)内容就会相对减少(shao)(shao)，从而提升了网(wang)页的(de)加载速度。

　　3、没有必要的情况下(xia)尽(jin)量少用响应式布(bu)局

　　虽然目前(qian)网站的(de)终端有多(duo)个，兼容多(duo)个终端也是(shi)网页设计的(de)趋势，但是(shi)由于很多(duo)时候网站并不是(shi)做(zuo)的(de)网格式(shi)布局，这样(yang)就(jiu)会在页面中增(zeng)加N多(duo)的(de)代码，想(xiang)想(xiang)这个加载速度吧，如果没有特别(bie)的(de)必要，建议不要做(zuo)响应式(shi)。

　　二、 用户体验

　　1、 css3、html5的运用(yong)

　　css3、 html5等技(ji)术确实可以(yi)让(rang)页面(mian)有更(geng)加(jia)丰富(fu)的(de)页面(mian)效果(guo)，同时(shi)也可以(yi)大大增加(jia)用户(hu)体验，但是考虑到国内很(hen)多用户(hu)的(de)ie版本(ben)都还(hai)在ie8甚(shen)至是更(geng)低(di)的(de)版本(ben)，因 此(ci)，在使(shi)用这(zhei)些技(ji)术的(de)同时(shi)，我们是不是应(ying)该考虑到这(zhei)部(bu)分用户(hu)呢(ni)?因此(ci)阴影、画(hua)板、过(guo)渡等等一系列效果(guo)，如果(guo)一定要实现的(de)话就(jiu)用js或者是jq。

　　2、移动网站、社交化是趋势(shi)

　　越 来(lai)越多(duo)的用(yong)户(hu)开始使(shi)用(yong)手机(ji)上网，越来(lai)越多(duo)的人喜(xi)欢在(zai)社(she)交(jiao)网站(zhan)(zhan)(zhan)上分享，移动(dong)网站(zhan)(zhan)(zhan)、社(she)交(jiao)化(hua)是(shi)(shi)互联(lian)网未来(lai)的趋(qu)势(shi)。如果(guo)你没有(you)移动(dong)站(zhan)(zhan)(zhan)点(dian)、或(huo)者(zhe)是(shi)(shi)网站(zhan)(zhan)(zhan)不(bu)支持移动(dong)页(ye)面 浏览，你可(ke)以尝试使(shi)用(yong)百度的移动(dong)app ，如果(guo)需要客户(hu)端可(ke)以使(shi)用(yong)无觅;另(ling)外网站(zhan)(zhan)(zhan)中的分享按(an)钮也是(shi)(shi)非常重要的 ，这不(bu)仅可(ke)以免费给你带来(lai)外链，还可(ke)以免费帮(bang)你做推广。

　　三、关于seo

　　1、seo相关元素能(neng)用标签、文(wen)字的(de)尽量(liang)少(shao)用图片、flash、框架(jia)、js

　　原因很简单(dan)，因为图片、flash、框架、js搜索(suo)引擎蜘蛛无法抓取到其中的(de)内容(rong)，这都是老(lao)生(sheng)常(chang)谈(tan)的(de)问(wen)题了，就不重复。

　　2、页面标签(qian)书写(xie)、不相关(guan)a 用nofollow

　　B、strong 、h1-h6等大(da)家都(dou)知道，这里不重复。

　　相信看(kan)过(guo)这篇(pian)文(wen)章的(de)朋(peng)友一定了解(jie)了网站制作的(de)一些知识，如果还有任(ren)何(he)问题请通过(guo)网站上面的(de)qq或(huo)者(zhe)电话联系(xi)咱们(men)，会(hui)有人员帮(bang)您一一解(jie)答。