或者

增加搜索引擎友好度的页面布局设计思路

作者:飞鸟海搏 浏览:124 发布时间:2017-07-17
分享 评论 0

    目前企业所使用的网站都是有网页设计师设计完成的,一般来说设计师设计网站仅从网站的美观,创意和易用的角度考虑,这对于一个期望获得搜索引擎排名的网站来说还是远远不够的,所以在网站策划人应该为设计师提供一个合理的设计方案,提现设计师在设计的过程中需要注意的环节.


    目录结构和URLURL官方标准称呼是统一资源定位符,即网页的网址,链接,路径.网站文件的目录结构直接提现与URL.清楚的简短的目录结构和规范的命名不仅利于用户体验和网址传播,更是搜索引擎友好的提现.


    当然也有些特殊的情况,比如说你的网站有绝对的优势,在网站首页部分添加一个四层的链接,同时四级页面中提供了相当多的有用的价值页面,那么搜索引擎还是会抓取的,这些页面可以是通过大量的外部链接引流进来的,或者其他网站首页链接过来的,那么其效果跟链接到自己首页是一样的,一般图片,脚本,CGI-BIN和css样式都各自有自己独立的文件夹,一般不放在根目录下.


    目前很多的网站都是自动生产的动态链接,一般采用"?","="%","&","$"等字符.但是这样及不利于搜索引擎抓取,严重影响排名,通常使用一定的技术讲网站链接进行伪静态或者静态化.


    导航部分网站导航对于用户访问你的网站很重要,一般网站导航对你的网站进行一个总的大纲概况,用户可以根据你的栏目,菜单访问到相关的信息页面,一般来说网站页面导航部分采用"F"型的布局方式.主要功能是引导用户访问你的网站内容,同时也有利于搜索引擎按照一定的路径抓取你的网站内容信息.


    、主导航清晰


    主导航一般采用的是一级目录,通过他们竞用户和蜘蛛程序都可以层层的访问到你网站多有的信息内容,主导航一般最容易吸引用户的眼球,在首页部分主导航一定要清晰位置合理,最好采用的是文本链接.


    、面包屑导航


    所谓的面包屑导航就是像你在某个地方种不知道方向,但是可以根据路标就可以轻松找到出路一样.面包屑的左右就是告诉用户你所在的位置,能根据导航轻松找到上一级菜单,不至于迷失方向.


    、网站首页突出重要内容


    一般网站首页是用户第一个入口页面,也是流量时间比较长的页面,所以说在网站中提现重点主题,有助于更好的展现网站内容,让用户来到你的网站就知道你的网站是干嘛的,能提供哪些服务,同时相关内容要链接到对于的子栏目页面中,每个字页面都要链接到首页,提高首页的权重,这样搜索引擎对你的网站更加重视.


    、网站地图


    网站地图(SiteMap)是辅助导航的手段,最初是为了用户设计方便用户更加快捷的打到目标页面,良好的网站地图设计常常以网站拓扑结构体现复杂的目录关系,具有静态、直观、扁平、简单的特点.对于用户来说采用的是清晰明了的地图方式,对于搜索引擎来说也需要网站地图(xml格式)告诉搜索引擎我们网站有哪些内容链接,防止搜索引擎漏爬网站内容.一般来说xml网站地图给出的是是网站枝干的链接,而不是所有的枝叶都展现,内容页面不适宜放太多的链接.有些大型的网站需要讲网站地图拆分多个网页,对于中小企业来说只需要一个就完全满足.


    框架结构框架结构,即帧结构(Frame)网页表现为一个页面内的某一块保持固定,其它部分信息可以通过滚动条上下或左右移动显示,如左边菜单固定,正文信息可移动,或者顶部导航和LOGO 部分保持固定,其它部分上下或左右移动.我们的邮箱通常都采用框架建构.框架型网页的另一个表现是,深层页面的域名通常不会在 URL 中体现出来,即使进入深层子页面,浏览器显示出来的 URL 仍然是主页的 URL.


    框架型网站的优越性体现在页面的整体一致性和更新方便上.尤其对于那些大型网站而言,框架结构的使用可以使网站的维护变得相对容易.但框架对搜索引擎来说是一个很大的问题,这是由于大多数搜索引擎都无法识别框架,也没有什么兴趣去抓取框架中的内容.此外,某些浏览器也不支持框架页面.


    如果网页已经使用了框架,或出于某种原因一定要使用框架结构,则必须在代码中使用"Noframes"标签进 行优化,把 Noframe 标 签看 做是一个普 通文本内容 的主页.在<Noframe></Noframe>区域中包含指向 frame 页的链接以及带有关键词的描述文本,同时在框架以外的区域也出现关键词文本.这样,搜索引擎才能够正确索引到框架内的信息.


    还有一个办法是采用 iframe 即内联框架(Inner Frame)技术来避免 Frame 带来的不便.所谓 iframe 也是框架的一种形式,它是相当于在主浏览器窗口中内嵌一个子窗口,内容自动打开.iframe 可以嵌在网页中的任意部分,也可以随意定义其大小,其代码显示为: <iframe src=xx width=x height=x scrolling=xx frameborder=x></iframe>"


    对搜索引擎来说,iframe 中的文字是可见的,也可以跟踪到其中链接指向的页面,不过与用户所见不同的是,搜索引擎将 iframe 内容看成单独的一个页面内容,与被内嵌的页面无关.


    网站图片优化搜索引擎只对文本内容情有独钟,对于图片就有点不怎么喜爱,因为搜索引擎对于图片不能很好地识别,一般网站图片加载20~30秒左右,用户就极有可能离开了,所以在做图片站的服务器空间一定好很好.网站图片优化主要注意两点一个是增加搜索引擎和识别的文本描述,第二点图片要尽可能想小.


    属性


    每个图片下面都有个alt属性,方便告诉搜索引擎这个图片是什么意思,同时在图片下面加上相关性的描述,并适当带有关键词.


    文本说明细节:


    (1)、在图片上方或者下方带有关键词的描述文本.


    (2)、在代码中添加一个包含关键词的heading标签,然后在下面图片增加文字描述.


    (3)、在图片下方增加一个包含更多信息的链接,包含关键词.


    (4)、创建一些吸引用户点击有能吸引搜索引擎抓取的文本内页,把流量吸引到这些内容页面,在提供文本链接指向你的图片页面.


    总的来说网站内容中尽量少使用装饰性的图片,Alt熟悉对于搜索引擎来说很重要.


    和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格式.