SEO是搜索引擎优化(Search Engine Optimization)的英文缩写,中文译为“搜索引擎优化”。在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中的关键词自然排名,获得更多流量,从而达成网站销售及品牌建设的预期目标。

(一)明确设计任务

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

(二)使用安全配色方案

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

(三)采用标准化的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/ 原创提供,如需转载请带好本站连接。

网页设计与构架中的几个SEO优化原则相关推荐

  1. 计算机在网站设计中的应用,网页设计中平面设计的应用及其作用

    摘要:目前中国经济不断发展, 计算机如今也发展成为了人们生活水平所离不开的一项应用.在这种情况下平面设计出现在了人们的视野中.网页设计在现代生活水平的影响下产生.它既是现代生活中平面设计的延伸和发展, ...

  2. 论文 计算机动态网页的制作,计算机动态网页设计中多元素应用网页设计论文(范文1)...

    <计算机动态网页设计中多元素应用[网页设计论文].doc>由会员分享,可免费在线阅读全文,更多与<计算机动态网页设计中多元素应用[网页设计论文]>相关文档资源请在帮帮文库(ww ...

  3. 计算机在设计中发挥着怎样的作用,计算机图像处理技术在网页设计中的应用

    管艺博 摘 要:随着现代化信息技术的快速提高,网页设计领域获得了快速的发展,而图像处理技术也随之获得快速的发展,在网页设计领域中发挥着极大的作用,因而,文章针对如何在网页设计中运用计算机图像处理技术展 ...

  4. 计算机网页设计布局与排版研究,论计算机网页设计的布局与排版

    王禹智 摘 要:网页设计是一种直观的视觉语言,需要对其进行布局与排版.虽然网页设计与平而设计之间存在一定的区别,但是其两者依然存在一定的相似之处,网页设计应该充分借鉴利用平而设计的原则与方法.网页设计 ...

  5. html表单输入的文本框的值,网页设计关于表单输入框的技巧代码

    虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧. 1.使用, 2018-04-14 网页表格表框制作技巧. ---------------- ...

  6. html从入门到精通胡菘,高职电商网页设计教学实践(共2831字).doc

    高职电商网页设计教学实践(共2831字) 高职电商网页设计教学实践(共2831字) 摘要:电商网页设计课程是电子商务专业的核心课程,在教学中要根据高职学生的特点和网页制作的要求,合理安排教学内容,教学 ...

  7. html从入门到精通胡菘,高职电商网页设计教学实践.docx

    高职电商网页设计教学实践 高职电商网页设计教学实践 摘要:电商网页设计课程是电子商务专业的核心课程,在教学中要根据高职学生的特点和网页制作的要求,合理安排教学内容,教学过程中要求新.求美,教学实践中要 ...

  8. 2011年网页设计发展趋势

    不错的文章 原文地址:2011年网页设计发展趋势作者:生活美学 设计与开发之间本有一线界限,但当时代步入又一个十年,这个线变得更加模糊甚至感觉不到它的存在.使用PS设计网页版面,足矣?或许五年前是吧! ...

  9. 高品质的网页设计: 实例与技巧

    "高品质"是所有人追求的目标,在网页设计的世界中也不例外.不过何为"品质",如何判断一项设计的品质是好还是坏?笔者恰好有一套找出网页设计中品质焦点的方法.一旦你 ...

最新文章

  1. voliate修饰数组有作用吗_Arrays.asList()真的就把数组转换为了List集合吗?
  2. 更改android AVD模拟器创建路径位置的方法
  3. Intel Realsense D435 python 实战(二)
  4. 高中计算机应用基础试讲,试讲计算机应用基础.ppt
  5. nodejs后台启动
  6. html5中标签分为,HTML标签的三种类型
  7. linux操作系统之线程同步及互斥量
  8. vue-环境变量和模式
  9. Windows文本文件编码
  10. 萌新的Python练习菜鸟100例(十八)求s=a+aa+aaa+aaaa+aa...a的值
  11. Thrift编译错误解决方法
  12. L3-013 非常弹的球 (30 分)
  13. bdd java_二元判断图BDD及其JAVA实现的应用与研究
  14. UT2016学习笔记
  15. 排序算法之 插入排序、希尔(shell)排序 及其时间复杂度和空间复杂度
  16. 扇贝python编程课 百度云,扇贝编程python课程分享
  17. Android的四大天王
  18. Xgboost筛选特征重要性
  19. java项目数据库一直连接_Java数据库连接
  20. 京东Q1财报解读:连续盈利能力形成才是根本!

热门文章

  1. linux服务器查看硬盘大小,Linux 服务器硬盘使用情况查看
  2. 如何化解总想快速崛起导致的焦虑
  3. 【吴恩达团队】TensorFlow2.0中的自然语言处理
  4. 初学者如何学好Java
  5. 计算机程序设计员(java三级)应注意什么?
  6. JAVA 设计模式 备忘录模式
  7. 站长问答:百度突然不收录了怎么办?
  8. P2P流媒体直播点播(带宽节约95%以上)技术分享
  9. 特征值是否重根与特征向量及基础解系的关系
  10. 在 Excel 中查询每个区间并排序