< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

根据google最新的算法规则:用户行为模式的重视程度越来越高,这也就要求网页设计的时候应注意“合理的网页结构”,SEO业界也有个共识“网页设计首先面对的是访问者,其次才是搜索引擎”。

  枫林有幸读了Tasneem Rangoonwala写的Effective Web Design,直译为“有效的网页设计”,准确点应该翻译为“合理的网页设计”。

  Tasneem Rangoonwala对网页设计应该注意的问题分的很细,提到了网页从结构,色彩搭配,文本情况,图片设计,链接状况等很多细节方面应注意的问题。

  枫林从正面在针对“合理的网页设计”做一些阐述:

  怎么判断网页结构是否合理呢?

  正如前面所说的:A :大多数访客更容易访问,更容易接受的就是合理B:在搜索引擎中表现良好的结构即是合理

  枫林认为要做到合理的网页设计需要做的是:

  1.网站定位

  网站的定位很重要,网站的定位就是说在做站前要有目标,你的网站主要针对哪些客户群体,针对哪个年龄层次的人群,这个直接决定了下面网站应该使用什么样的结构。

  2.结构的合理

  结构的合理与否直接决定了客户对该站的体验状况,详细点可分为:导航栏目的设计,图片布局,栏目编排,文本凸显位置。

  可以在您的站点做一个栏目调查,征求下网友的意见,针对不同类型的站点,布局也不太一样,各个行业站都有自己的规则,针对具体行业的访问者也都不同的访问习惯,所以做下行业调查是很有必要的。

  3.程序选择

  这个主要针对的是搜索引擎,一般用户不会去注意到你的网站使用的是什么程序,针对搜索引擎的习惯选择尽量友好于搜索引擎的程序结构。

  关于这点,目前比较火的设计程序就是XHTML+CSS或者我们称之为DIV+CSS,自从WEB2.0在网络升温以后,很多公司和个人对网站设计程序都做出了新的选择,顺应潮流。当然WEB2.0也有其诞生的背景:倡导以人为本,全面的人性化理念。

  注意这也不是绝对的,html既然有table标签,它就有存在的价值,只是div的设计能比table程序结构稍微简单点,再加上CSS打包,加快了网页的下载速度,增强了用户体验。

  4.图片,flash,框架的使用

  这是一个老话题了,很多人建议尽量不使用这些就不要用了,但是枫林认为图片,flash和框架这些元素都有存在的必要性。

  少使用或者不使用这些原件的只是考虑到了搜索引擎而没有考虑到访问者,从访客的角度来说,他们不喜欢哪些纯粹性的文本页面,他们进某个页面更多的是想体验该站的“乐趣”,这个娱乐站更是深有体会

  Tasneem Rangoonwala也说过too much text is boring.枫林自己就不喜欢纯文本页面,这样的页面对访客的粘滞性很低,但是可以确切的说对搜索引擎100%有好处,我想这也是一些SEOER不愿意 在自己的博客的首页或者内页使用图片的原因吧,他们更多考虑的是搜索引擎,这些博客机会没有什么美工的痕迹,记得在点石论坛看到过一位读者的文章中提到: 百度喜欢漂亮的页面。

  枫林做了下猜想:百度是不是认为纯文本和多链接的页面是故意的认为因素制造的呢?这些页面是专门针对百度而来的呢?

  如果这种猜想是正确的,哪些被百度封博客的事情就不难解释了,你们可以去看看,你们的页面有记个图片,这个到不重要,重要的是整个站点里面这些元件所占的比率是多少呢?你认为这还算是一个正常的网页么?

  枫林认为这些网页元素不应该特意回避,否则还不饿死美工了。我们能做的是对这些元素做适当的优化处理,比如图片的压缩,ALT等很多人都熟悉的手法。

  5.关键字的部署

  关键字的部署也是从搜索引擎的角度来考虑的,但是话说回来,合理的部署关键字也对于访问者是有利的,他们可以通过某些位置的关键字很快了解这个网页所要交代什么意思。

  这样文章顶部的关键字就显得尤为重要了,就像一些报刊一样,枫林认为:在一些文章的头部加上一些摘要或者引言,在这些摘要或者引言里面融入适当密度的关键字(对于google,每100个字中出现1.5-2个关键字是比较合理的)对访问者或者搜索引擎都是很重要的。

  不要以为关键字部署实在网站完工以后要做的,那时你要花费比现在更多的代价。

  6.导航条的设计

  导航条也没有固定的部署位置,感觉客户查找方便就可以了,左侧,顶部右侧均可,要注意的是,结构要清晰,层次不要太多,这要考虑到,内容页面的点击距离因素,枫林认为访客进入该页面在点击距离不要超过3就找到自己需要的内容是比较合理的,千万不要特意的安排点击距离。

  有些SEOER认为点击距离越短越好,于是就千方百计的修改设计利用,比如:使用2级域名,rewrite等尽量使得路径变短,枫林认为这个对该站 没有太多的好处。就拿很多SEOER使用的Z-blog来说,默认的网页文件都在post目录下面放着,其一,分类比较混乱,其二,这种结构很可能被搜索 引擎视为作弊,而做降权或者封站的处理,尤其是内容很多的站,大量的出现这样的短路径页面并且都是通一目录下,对其站点没有什么好处。

  7.网站底部的处理

  我们在写文章的时候也要讲究个虎头豹尾,枫林认为这个理念对于网页设计也是可以应用的,枫林很忌讳把底部文件做成JS 进行调用的做法。这样你的关键字便失去了更多的在搜索引擎中展示的机会,一些SEOER认为搜索引擎spider最多爬行页面中的前100位内的链接,枫 林认为这种说法有点片面,可能更多人认为Robots的爬行习惯是自上而下的,枫林要说的是底部网站的版权,备案信息等很重要,底部具有一定的优先权。

  可以这么说,一些网站的版权信息,联系方式,备案信息等都是放在底部的,Robots们不会视而不见的,

  据枫林观察在底部位置加入适当的关键字,比在网站中间内容部分的关键字更有效,这些关键字往往属于固定部分,也就是每个页面都会出现网站的底部信息。

  可以举例说明一下,枫林不保证此法的普遍适用性,但是枫林相信自己的眼睛,仅供参考:

  http://hiphotos.baidu.com/seozone/pic/item/9952b5006f4af887e850cd41.jpg

  图为枫林的SEO 博客,在百度中搜索“枫林”就可以看到,再进博客看看,关键字的部署位置,第一个“枫林”是一篇名为“SEO之网络SOHO”的博客内容页面中出现的,第 二个“枫林”则是我但是为了宣传个人简历,故意在SEO博客底部加上的,当然还有其他的案例,这里就不一一列出了。以上记点纯属枫林个人观点,由于水平有 限,错误和不合理之处在所难免,请谅解。

本文转自 netcorner 博客园博客,原文链接:http://www.cnblogs.com/netcorner/archive/2006/12/28/2912454.html  ,如需转载请自行联系原作者

合理的网页设计具有哪些特征相关推荐

  1. 网页设计和用户界面设计

    摘要:这是两个现在网页设计领域使用频率非常高的词.在大多数情况下,它们被相互替代.这个领域内外的很多人都认为这是两个意义基本一样的词.但是它们真的可以互相混淆么? 这是两个现在网页设计领域使用频率非常 ...

  2. 转自CSDNattilax的专栏 :自适应网页设计 跟 响应式 设计的区别跟原理and实践总结...

    响应式Web设计(Responsive Web design)的理念是: 1 #-----------自适应布局VS响应式布局 2 设计思路Mobile First 2 #---手机and平板分辨率  ...

  3. 谈谈对java中分层的理解_让我们谈谈网页设计中的卡片设计

    谈谈对java中分层的理解 "I want a card", this is the first demand point that the customer said in th ...

  4. html设计网页板块,网页设计

    1.网站的分类 HTML类(80%) 1.png 优点:信息量大,板块划分规整,非常便于后期删除,修改,更新等维护. 缺点:不动感,视觉冲击力不强. HTML5.CSS3.JS.JQ(15%) 2.p ...

  5. 响应式网页设计_响应式网页设计中的常用技术

    响应式网页设计 在先前的文章中,我讨论了为什么Web准备就绪以进行响应式设计 ,以及网站所有者如何使用用户设备和屏幕空间的上下文来跨各种尺寸的屏幕(包括PC,电话) 为用户提供上下文相关的体验.和控制 ...

  6. 用计算机处理图像属于啥技术,计算机图像处理技术在网页设计中的应用

    谭昊琳 摘要:网页设计中图像的处理越来越重要.网页设计中的图像计算机处理进行了概念的介绍,对计算机图像处理的重要性也进行了分析.为了给网页设计中的图像处理更好,提高浏览量,提出了网页设计中的计算机图像 ...

  7. HTML5期末大作业:动物网站设计——宠物狗(10页) HTML+CSS+JavaScript 大学生静态网页设计 dw宠物网页设计 狗狗网页设计html web课程设计网页规划与设计...

    常见网页设计作业题材有 ​​个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...

  8. 2010年Web网页设计趋势

    对于追求无限创意和具实验探索精神的Web设计师来讲,趋势一说可能会显得有点可笑,如果每个设计师都遵循原有的趋势,那谁还去开创新趋势?没有了新趋势,下一个轮回的时候,设计师们又去遵循什么趋势? 但不管你 ...

  9. 网页设计与制作常考概念以及问答题

    协议:事先约定或定义的一组精确地规定所交换数据的格式和传输方法的规则,即计算机在交换信息时都要遵守的表达方式.主要包括用户数据与控制信息的结构和格式.需要发出的控制信息以及相应要完成的操作与响应.对事 ...

最新文章

  1. linux基础篇-02,linux时间管理date hwclock cal 简述
  2. springboot应用如何提高服务吞吐量?
  3. CF375D Tree and Queries(dsu on tree)
  4. php常量 变量,php语言的变量和常量
  5. 在python中等号前面与后面分别是什么意思-Python中%是什么意思?python中百分号如何使用?...
  6. java map 排序_java集合框架面试题大集合
  7. html js脚本限制 正则,简单谈谈JS中的正则表达式
  8. 筒灯智能驱动芯片作用_魅族携8款智能照明新品进军智能家居,剑指行业前三...
  9. Linux查看centos版本 - 命令篇
  10. Base Filtering Engine 拒绝访问解法
  11. Android MVP和Dagger2
  12. 2020-11-30 03_空域图像处理 笔记
  13. hibernate中实体类对象的四种状态
  14. linux系统如何启动rpcbind,关于Centos6.8操作系统安装配置nfs、rpcbind服务后实现linux系统间文件数据共享(挂载mount共享路径)...
  15. linux动态鼠标光标,自定义鼠标光标---Linux Mint 18.2 Sonya系统
  16. 一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
  17. Java 对接快递100 实现快递实时查询 (自动识别快递公司)
  18. 钉钉视频下载方法地瓜网络钉钉视频下载器
  19. 开环控制(自动控制理论)
  20. 概率论与数理统计张宇9讲 第七讲 大数定律与中心极限定理

热门文章

  1. STM32用IIC实现EEPROM的读写
  2. barn1uscao1.3 -贪心
  3. Java实现简易计算器
  4. Activiti-5.22.0——activiti-modeler界面设计组件介绍
  5. Yocto开发篇 | Ubuntu构建与体验Poky发行版(Yocto 3.1版本)
  6. springCloud集成nacos
  7. 计算机专业实习生一般做什么
  8. 【图像分割】Segment Anything(Meta AI)论文解读
  9. GPON学习总结--gemport mapping
  10. 离散数学 第六章 函数