您当前位置:网站建设 >> 建站知识 >

网站的页面布局设计思路

发布时间:2017-01-25 21:56:53

目前企业所运用的网站都是有网页设计师设计完成的,普通来说设计师设计网站仅从网站的美观,创意和易用的角度思索,这关于一个希冀取得搜索引擎排名的网站来说还是远远不够的,所以在网站筹划人应该为设计师提供一个合理的设计计划,提现设计师在设计的过程中需求留意的环节。
 
目录构造和URLURL官方规范称谓是统一资源定位符,即网页的网址,链接,途径。网站文件的目录构造直接提现与URL。分明的简短的目录构造和标准的命名不只利于用户体验和网址传播,更是搜索引擎友好的提现。
 
当然也有些特殊的状况,比方说你的网站有绝对的优势,在网站首页局部添加一个四层的链接,同时四级页面中提供了相当多的有用的价值页面,那么搜索引擎还是会抓取的,这些页面能够是经过大量的外部链接引流进来的,或者其他网站首页链接过来的,那么其效果跟链接到本人首页是一样的,普通图片,脚本,CGI-BIN和css款式都各自有本人独立的文件夹,普通不放在根目录下。
 
动态URL
目前很多的网站都是自动消费的动态链接,普通采用"?","="%","&","$"等字符。但是这样及不利于搜索引擎抓取,严重影响排名,通常运用一定的技术讲网站链接停止伪静态或者静态化。
 
导航局部网站导航关于用户访问你的网站很重要,普通网站导航对你的网站停止一个总的大纲概略,用户能够依据你的栏目,菜单访问到相关的信息页面,普通来说网站页面导航局部采用"F"型的规划方式。主要功用是引导用户访问你的网站内容,同时也有利于搜索引擎依照一定的途径抓取你的网站内容信息。
 
1、主导航明晰
主导航普通采用的是一级目录,经过他们竞用户和蜘蛛程序都能够层层的访问到你网站多有的信息内容,主导航普通容易吸收用户的眼球,在首页局部主导航一定要明晰位置合理,好采用的是文本链接。
 
2、面包屑导航
所谓的面包屑导航就是像你在某个中央种不晓得方向,但是能够依据路标就能够轻松找到出路一样。面包屑的左右就是通知用户你所在的位置,能依据导航轻松找到上一级菜单,不至于迷失方向。
 
3、网站首页突出重要内容
普通网站首页是用户第一个入口页面,也是流量时间比拟长的页面,所以说在网站中提现重点主题,有助于更好的展示网站内容,让用户来到你的网站就晓得你的网站是干嘛的,能提供哪些效劳,同时相关内容要链接到关于的子栏目页面中,每个字页面都要链接到首页,进步首页的权重,这样搜索引擎对你的网站愈加注重。
 
4、网站地图
网站地图(SiteMap)是辅助导航的手腕,初是为了用户设计便当用户愈加快捷的打到目的页面,良好的网站地图设计常常以网站拓扑构造表现复杂的目录关系,具有静态、直观、扁平、简单的特性。关于用户来说采用的是明晰明了的地图方式,关于搜索引擎来说也需求网站地图(xml格式)通知搜索引擎我们网站有哪些内容链接,避免搜索引擎漏爬网站内容。普通来说xml网站地图给出的是是网站枝干的链接,而不是一切的枝叶都展示,内容页面不适合放太多的链接。有些大型的网站需求讲网站地图拆分多个网页,关于中小企业来说只需求一个就完整满足。
 
框架构造框架构造,即帧构造(Frame)网页表现为一个页面内的某一块坚持固定,其它局部信息能够经过滚动条上下或左右挪动显现,如左边菜单固定,正文信息可挪动,或者顶部导航和LOGO  局部坚持固定,其它局部上下或左右挪动。我们的邮箱通常都采用框架建构。框架型网页的另一个表现是,深层页面的域名通常不会在 URL 中表现出来,即便进入深层子页面,阅读器显现出来的 URL 依然是主页的 URL。
 
框架型网站的优越性表现在页面的整体分歧性和更新便当上。特别关于那些大型网站而言,框架构造的运用能够使网站的维护变得相对容易。但框架对搜索引擎来说是一个很大的问题,这是由于大多数搜索引擎都无法辨认框架,也没有什么兴味去抓取框架中的内容。此外,某些阅读器也不支持框架页面。
 
假如网页曾经运用了框架,或出于某种缘由一定要运用框架构造,则必需在代码中运用“Noframes”标签进 行优化,把  Noframe  标 签看 做是一个普 通文本内容 的主页。在区域中包含指向 frame 页的链接以及带有关键词的描绘文本,同时在框架以外的区域也呈现关键词文本。这样,搜索引擎才干够正确索引到框架内的信息。
 
还有一个方法是采用 iframe 即内联框架(Inner Frame)技术来防止 Frame 带来的不便。所谓 iframe 也是框架的一种方式,它是相当于在主阅读器窗口中内嵌一个子窗口,内容自动翻开。iframe 能够嵌在网页中的恣意局部,也能够随意定义其大小,其代码显现为: <iframe frameborder="x" height="x" scrolling="xx" src="http://lc123.net/xx" width="x"></iframe>”
 
对搜索引擎来说,iframe  中的文字是可见的,也能够跟踪到其中链接指向的页面,不过与用户所见不同的是,搜索引擎将 iframe 内容看成单独的一个页面内容,与被内嵌的页面无关。
 
网站图片优化搜索引擎只对文本内容情有独钟,关于图片就有点不怎样喜欢,由于搜索引擎关于图片不能很好地辨认,普通网站图片加载20~30秒左右,用户就极有可能分开了,所以在做图片站的效劳器空间一定好很好。网站图片优化主要留意两点一个是增加搜索引擎和辨认的文本描绘,第二点图片要尽可能想小。
 
ALT属性; 
每个图片下面都有个alt属性,便当通知搜索引擎这个图片是什么意义,同时在图片下面加上相关性的描绘,并恰当带有关键词。
 
文本阐明细节:
(1)、在图片上方或者下方带有关键词的描绘文本。
(2)、在代码中添加一个包含关键词的heading标签,然后在下面图片增加文字描绘。
(3)、在图片下方增加一个包含更多信息的链接,包含关键词。
(4)、创立一些吸收用户点击有能吸收搜索引擎抓取的文本内页,把流量吸收到这些内容页面,在提供文本链接指向你的图片页面。
 
总的来说网站内容中尽量少运用装饰性的图片,Alt熟习关于搜索引擎来说很重要。
 
Gif和jpge图片优化
网站图片中alt标签是所以图片都试用,普通来说网站中图片格式主要有gif,jpge,png几种格式,普通网站首页logo中运用的格式是gif和png比拟多,PNG,图像文件存储格式,其目的是试图(原来此处运用了"企图")替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。。。PNG格式图片因其高保真性、透明性及文件体积较小等特性,被普遍应用于网页设计、平面设计中。网络通讯中因受带宽限制,在保证图片明晰、逼真的前提下,网页中不可能大范围的运用文件较大的bmp、jpg格式文件,gif格式文件固然文件较小,但其颜色失色严重,不尽人意,所以PNG格式文件自降生之日起就大行其道。PNG格式图片通常被我们当做素材来运用,在设计过程中,不可防止的要搜索相关文件,假如是JPG格式文件,抠图就在所难免,费时费力,我们经常在网页中看到整个页面运用同一个PNG图片做背景,按钮、导航条等全做在一张图片上,其实就是这个道理,究其缘由无非就是PNG图片在下载过程中占带宽较小,而且颜色逼真,下载一次可反复运用。jpge格式普通在紧缩的过程中会失真,关于网站中png格式紧缩不会呈现失真的状况,也是后期网站反正的一个趋向!但是目前现状网站中还是蛀牙以jpge格式为主,上传图片信息多以jpg格式。
 
Flash优化
关于flash来说跟前面的图片一样,关于搜索引擎来说都很不友好,关于图片有alt标签做辅助,那么关于flash就没有那么侥幸了,并没有什么标签熟习停止辅助,普通企业运用flash才采用下面三种方式:
 
1、做一个flash辅助的html版本,
这样的款式既保存了本来的flash版本的同时,还设计一个html格式文本,这样既美观有坚持动态效果,首先让搜索引擎经过html版本的网页发现网站。
 
2、将flash内嵌html文件
还能够经过改动网页构造停止补偿,只需求将flash文件内嵌到html中,停止对用户阅读,搜索引擎能够冲html中取得需求的信息。及时全部首页都是flash,那么也要讲相关的内页链接置于flash之外,这样有助于搜索引擎抓取取得内页信息。
 
3、付费登录搜索引擎
假如 FLASH 网站错过了被免费的技术型搜索引擎自动检索的时机,或者搜索结果排名效果不太理想,能够经过付费登录或做搜索引擎关键词广告,同样被用户搜索到。
 
总体上,商业网站应尽量少用 FLASH,站点间停止广告交流时也要防止采用 FLASH 广告为上策。
 
表格运用表格是网站中重要的排版方式,假如某个网页采用大量的长篇文本,除了能够将一页文本分红多个页面,能够讲文本置于表格中,这样不只管理便当,也使得该页加载时每个
表格内容依次加载,这样访问者就能够一边看已下载内容一边等候剩余局部加载,而不是等候很久之后才一齐加载出来。表格之内套嵌太多表格也不利于页面加载,因阅读器是先加载完大表格之后再加载内嵌的小
表格,因而内嵌表格会终降低整页加载速度。
 
网页减负
通常状况下网站代码太多的话会减缓网站翻开的速度,很不利于用户的阅读,普通需求对网页停止减负,让蜘蛛更轻松的抓取你网站的内容。正常状况下一个页面的文件大小在15k左右,好不要超越50k。
 
css款式
网站制造中css款式是很重要的,一切的款式都需求经过调研css停止展示呈现绚丽的效果,普通css款式需求采用一个单独页面文件夹中,外表网站中呈现大量的款式代码。
 
JavaScript脚本
正常状况下下网站前段都以html为开端,但是采用JavaScript技术的完好就会呈现大量的java代码,以致于mata及关键词不能呈现,被推至页面底部,关于搜索引擎来说很不友好。通常状况下,讲脚本移植到网站的底部停止加载,还有一种状况运用.js文件脚本文件,在运用的时分停止援用调用,在访问过程中在阅读器中缓存下来,使得下次访问的时分加快速度,也使得网站修正和维护起来愈加便当。


Copyright 2018 河北雨点网络科技有限公司 www.yudwl.com sitmeap.xml

本公司新推出精品模板 超低价格 多套模板任您选择 tel: 0311-87222522 13503294431