音效素材网提供各类素材,打造精品素材网站!

站内导航 站长工具 投稿中心 手机访问

音效素材

网页设计与构架中的几个SEO优化原则
日期:2014-08-20 09:04:10   来源:脚本之家

 影响网站流量的因素有很多,如网站整体风格、网页设计、内容、权重、受众群、网络营销手段等等。而SEO优化的目标就是获取更多的流量,但这些流量怎么消化,怎么充分利用,网站的设计、内容和结构则决定了这些流量是否能转变成价值。

在众多的影响网站流量的因素中,网页的设计与构架是否友好已不仅是网站用户的外部需要,更是面向搜索引擎的内在需求。网页设计也从面向用户转化为面向搜索引擎,因此很大一部分SEO优化责任落在网页设计师身上。

然而仍有不少的网页设计师认为只要能设计出漂亮的网页出来就可以了,SEO优化是技术开发者的事,与己无关。在实际工作中,网页设计师与技术开发者之间明确的界限已经开始变得模糊,网页设计师除了设计网页外观与风格之外,往往还负责了前端HTML代码的编写,也就是说网页设计师实际承担着大部分的网站SEO优化责任。

网页设计中应遵循的SEO优化原则旧式网站代码臃肿、网站构架及代码不规范等,造成信息繁杂,难以清晰归类,要想取得一个好的排名几乎是不可能的。而且无论是从搜索引擎还是受众的角度来看,旧式网站在网站亲和力原则上相去甚远。用户大多是在被动浏览网页,甚至可以用受罪来形容:设计颜色纷杂,布局混乱,数据归类杂乱无章,这令浏览网页变得异常吃力,更别说什么好的用户体验了。

(一)明确设计任务
设计是一种审美活动,一般都很艺术化。但艺术只是设计的手段,而不是设计的任务。对网络而言,网页设计的任务是实现设计者要表现的主题和功能。站点性质不同,任务也不同。政府网站、商业网站、行业网站在页面的分割、内容布局、界面的亲和等问题上都不一样,需要区别对待。

(二)使用安全配色方案
颜色是由光的折射产生,红、黄、蓝是三原色,其他的色彩都可以用这三种色彩调和而成。美丽而丰富的色彩总能唤起人类的心灵感知,利用颜色的变化来表现光影效果,可以让作品更贴近现实,引起受众的情感共鸣,从而得到较好的传播效果。在设计中要充分考虑网页的适应性,在视觉上应该是一个整体,尽量使用网页安全色,会取得一个和谐、悦目的视觉效果和良好的用户体验。

(三)采用标准化的DIV网页布局
在XHTML网站设计标准中,采用了DIV+CSS的网页布局方式实现各种内容的定位而非Table(表格)布局。DIV+CSS达到了内容与代码相分离的效果。使用DIV+CSS设计的网站是符合W3C标准的,可以更方便搜索引擎的索引。而Table布局会产生很多的垃圾代码,修饰的样式与布局的代码混合,很不利于直观。因此Div更能体现样式和结构的分离,结构的重构性强,也更符合web设计标准。
搜索引擎对标准化制作的页面给予了更高的权重,并且使用DIV+CSS的架构也有很多优势,比如改版方便,不需要变动页面的内容,网页打开速度也会明显加快。但应该注意的是要适当控制网页的体量。

(四)精简冗余代码
在设计的时候要学会不留垃圾代码,合理运用JS(JavaScript脚本语言)、FLASH(动画)以及PICTURE(图片)。搜索引擎不认识FLASH、PICTURE是众所周知的,可以通过增加ALT标签加以描述;可将JS放在页面代码的底部以降低对搜索引擎的影响。但一味追求美观而大量使用图片来代替文字,对搜索引擎很不友好,是非常不明智的做法,页面中重要的地方应尽量使用文字而非图片或FLASH。

(五)尽量使用静态导航
网站导航主要功能在于可以引导用户方便地访问网站内容,对搜索引擎也会产生诸多提示作用。好的网站导航要做到便于用户的理解和使用,让用户对网站形成正确的空间感和方向感,清楚当前所在的位置,找到自己想要的东西。用FLASH制作导航,虽然吸引了客户,获得了美观,但却忽视了搜索引擎识别不了FLASH导航的内容,这对网站的影响很大。

(六)避免堆砌关键词
现在在网页设计中都知道关键词对页面在搜索引擎中的排名很重要,但在设计网页的时候要有策略的插入关键词,不能有大量的重复关键词。在搜索引擎的网页排名算法中,很重要的一个因素就是关键字密度,即某个词语在网页中的分布情况。一般来说,一个页面的关键词密度保持在2%-8%之间,密度过低会导致没有好的排名,而密度过高则很有可能导致被搜索引擎降权,起到相反的效果。

(七)合理使用HTML标签
很多网页设计师会忽略网页中的各种META标签,如keyword(关键词)、Description(页面描述)等,完善Head区的这些辅助标签会使得页面在搜索引擎中更受欢迎。同时每个页面的TITLE(标题)是形容一个网页的最直观的部分。因此,网页本身是什么内容,搜索引擎蜘蛛首先会去从TITLE中发现。

没有搜索引擎,哪里来的访客?而SEO必须融入到网站设计之中,网站规划之时就是SEO启动之时,没有“第三代网站设计思维”的设计者把一个网站完工之后再去做SEO只能是补救———结构上比较适应搜索引擎的网站,SEO相对代价小;而结构上有重大问题的网站,可能需要推倒重来,损失的就不仅是金钱,还有宝贵的时间甚至商机。网站设计的最优化不仅影响搜索引擎的喜欢与否,也决定了一个网站能否被访客接受。网页设计和SEO技术结合是网络技术发展对网页设计师的新要求,95%的SEO技巧很简单,而最重要的5%是“经验”、“创意”和“人脉”,需要在工作中根据实际情况不断做出调整策略,并持之以恒地把SEO优化坚持下去。
今天针对网页设计构架中seo的几点注意事项给予说明,如有不足之处请各位能够批评指正。

本文由 西安seo博客 http://www.xufanfan.com/ 原创提供

    您感兴趣的教程

    在docker中安装mysql详解

    本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...

    详解 安装 docker mysql

    win10中文输入法仅在桌面显示怎么办?

    win10中文输入法仅在桌面显示怎么办?

    win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...

    win10 中文输入法

    一分钟掌握linux系统目录结构

    这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...

    结构 目录 系统 linux

    PHP程序员玩转Linux系列 Linux和Windows安装

    这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...

    玩转 程序员 安装 系列 PHP

    win10怎么安装杜比音效Doby V4.1 win10安装杜

    第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...

    win10杜比音效

    纯CSS实现iOS风格打开关闭选择框功能

    这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...

    css ios c

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的办法

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的

    Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...

    Win7 C盘 扩容

    百度推广竞品词的投放策略

    SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...

    百度推广 竞品词

    Visual Studio Code(vscode) git的使用教程

    这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...

    教程 Studio Visual Code git

    七牛云储存创始人分享七牛的创立故事与

    这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...

    七牛 Go语言

    Win10预览版Mobile 10547即将发布 9月19日上午

    微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...

    Win10 预览版

    HTML标签meta总结,HTML5 head meta 属性整理

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...

    移动端html5模拟长按事件的实现方法

    这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...

    移动端 html5 长按

    HTML常用meta大全(推荐)

    这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    cdr怎么把图片转换成位图? cdr图片转换为位图的教程

    cdr怎么把图片转换成位图? cdr图片转换为

    cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...

    cdr 图片 位图

    win10系统怎么录屏?win10系统自带录屏详细教程

    win10系统怎么录屏?win10系统自带录屏详细

    当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...

    win10 系统自带录屏 详细教程

    + 更多教程 +
    网站运营微信营销网络赚钱