`

10个Web设计的SEO规则

    博客分类:
  • web
 
阅读更多

规则0:不要试图作*弊来提升SEO效果。

当你踏入一个房间;里面汇集了手拿各种博士文凭的科学家,你认为你会聪明过他们吗?当然不会。Google和百度拥有成百上千个这样的房间,里面的工作人员都是高学历的技术人员和工程师,他们每周工作60个小时的目的之一就是为了防止你欺骗Google/Baidu。或许你的确比其中一名科学家聪明,那么与100个这样的工程师想比呢?所以,我们永远都别想欺骗Google和百度。我们永远都需要将注意力集中在自己网站的内容和用户体验上。

这个规则是下面所有规则的基础,违反了这一规则,其他规则就无从谈起了。

规则一:紧贴你的关键字(词)

在网站建设之初,选择合理的词语和短句来描述你的网站主旨;尽可能将这些词语和短句以自然语言的形式加入到你网站的所有内容(标题,内容,链接上的文字)中去。高频率无意义的重复这些关键字和关键词是绝对禁止的,因为这违反了我们规则一中提到的“不作*弊”原则。

规则二:内容为王

用户每天百度和Google,不是为了来看你做的页面的,而是来找他们认为有用的内容的。如果你的网站没有他们所需要的内容,就算他们通过搜索引擎来了,也会在3秒之内关闭。

当然了需要提到的技巧是:每个独立的页面最好都能有个<H1>标签(通常是文章的标题)来紧扣你的关键词;内容的第一段最好是全篇文章的总结性段落。

规则三:写干净的页面代码

使用一个文本编辑器(如FCKEditor)来编辑你的文章;书写初级网页制作者能够读得懂的HTML代码。一个干净漂亮的页面结构代码必需遵循以下几点:首先是导航栏(或链接索引),紧接着是<H1>标签代码(即标题内容),然后是第一段,等等。尽可能的使用语意明确的HTML标签来架构你的网站,比如使用<UL>来定义一个列表,使用<P>标签来定义一个段落,<H>标签来定义标题和子标题,<STRONG>标签来定义加粗的内容。

同时保证页面的整洁和有序,这也就是CSS产生的目的。

规则四:网站主页是最重要的页面

主页的英文单词是Index,意思是索引。SEO同样遵循这个道理,尽可能让主页来概括和总结网站剩余其他页面的内容和链接。将搜索引擎当作一个要求很高的用户,你一定可以做出很好的SEO效果。

规则五:保证链接是有意义的

搜索引擎对网站页面上的链接和链接所包含的文字非常注意,所以尽可能不要使用“点击这里”或者“查看更多”这样的文字。链接文字最好是这个链接的功能性描述,比如“10个CSS小技巧”或“如果通过实例提高你的SEO水平”。这个链接与当前页面的内容越相关,你这个页面就越容易被搜索到。所以,尽量少的链接一些不相关的网站内容。那些花钱购买链接提升网页权重的人们需要格外注意这一点。比如代码吾爱网站的主题是“程序设计和交流”,如果我链接一个私服类的站点,这势必会降低代码吾爱页面出现在搜索引擎中的可能性,也会一定程度降低页面的权重。

规则六:页面的<Title>标签非常重要

站点的每个页面最好包括这个页面的标题,站点名和页面的简单关键字描述。因为页面的这个<Title>标签一定会出现在任何搜索引擎的结果当中,你需要给用户一个理由来点击你的网站。这里推荐的一种<Title>组合方式就是:内容的标题—栏目名称—站点名称。

另外,导航栏的链接里面最好为每个链接加上一个<title>属性,比如<a title=”主页” href=”link”>。这不仅可以让用户非常明确的找到所需资源,也可以让搜索引擎明确网站架构,形成站点地图。

规则七:图片标签的ALT属性也很重要

其实这一点是规则六和七的综合。如果页面中的图片与内容是相关联的时候,此点尤其重要,它说明你的网站内容很丰富,能够提高页面在搜索引擎中的权重。

规则八:请忽视<META>标签的重要性

很久之前,当SEO这个概念初步成型时,<META>标签中包含的信息是SEO的关键。但随着互联网的内容成几何级的膨胀,那段美好的时光已经一去不复返了。如果一定要找出现阶段<meta>标签中最重要的一个,那么它就是description(页面描述)了。如果你的描述标签与内容相关度较高,搜索引擎或许会将它作为文章的描述显示在搜索结果上。这也就反过来告诉我们,务必让描述标签的内容与页面的主要内容相匹配,让它看上去不像是在欺骗Google和百度。

规则九:建立一个网站地图

保证你的站点有一个或多个网站地图,最好是Google的XML格式或Baidu的新闻供稿格式。

总之,一个好的网站必然是以用户为中心,以内容为导向来设计的,而不是为了SEO而SEO,这样的网站始终会被用户所抛弃,然后是被搜索引擎所抛弃。

 

规则十:面向人类设计


搜索引擎被设计为方便人类查找所需的。这意味着是你的网站方便查找的最好方式是面向人类设计。作为设计者你的工作是解决问题,而不是做艺术,证明某一点,突破界线服务自我。这种情况下,你的问题是提供用户一个容易使用和浏览的网站。如果你做了这个,搜索引擎就能找到你。

分享到:
评论

相关推荐

    web设计大全(pdf格式)

    首先,书中会讲解Web设计的基础理论,包括色彩理论、布局原理、视觉层次结构以及排版规则。这些基础知识是构建一个吸引人且易于理解的网页所必需的。通过理解色彩如何影响用户情绪,布局如何引导用户视线,以及如何...

    无懈可击的WEB设计源代码

    总的来说,《无懈可击的WEB设计》的源代码包"bpwd-code"是一个全面的学习资源,涵盖了Web设计的各个方面,从基础的HTML和CSS,到高级的响应式设计、性能优化、JavaScript应用、无障碍性和SEO。通过深入研究和实践...

    响应式Web设计HTML5和CSS3实战第2版_html_

    响应式Web设计是一种现代网页开发方法,旨在创建能够适应不同设备和屏幕尺寸的网站。HTML5和CSS3是实现这一目标的关键技术。本资源——"响应式Web设计HTML5和CSS3实战第2版"——提供了深入的指导,帮助开发者理解和...

    基于web的唐诗宋词网页设计

    此外,考虑到"课程设计"的性质,这个项目可能还包括了用户体验设计、响应式布局、SEO优化等方面的考虑,以适应不同设备的访问需求,并提高搜索引擎的可发现性。 "唐诗宋词"这部分可能是一个数据库或JSON文件,存储...

    250个HTML和Web设计的秘密

    搜索引擎优化(SEO)也是Web设计师需要了解的领域。优化HTML元素(如元标签、标题和描述)以提升搜索引擎排名,可以增加网站的可见度,从而吸引更多的访问者。 在开发过程中,版本控制工具如Git的使用可以帮助团队...

    web标准设计代码

    Web标准设计是构建高效、可访问、易于维护的网页的关键要素。它主要涉及XHTML、CSS、JavaScript、Ajax以及浏览器兼容性等多个方面。下面将详细阐述这些知识点。 1. **XHTML (Extensible HyperText Markup Language)...

    web课程设计-我做的一个网站

    在本项目中,“web课程设计-我做的一个网站”是一个学生在学习了Web课程设计之后完成的实践项目。这个静态网站展示了学习者在HTML、CSS、JavaScript等基础Web技术方面的应用能力。以下是对这个项目中涉及的知识点的...

    基于HTML5的响应式Web设计.pptx

    实现响应式Web设计的步骤通常包括以下几个方面: 1. **流体布局**:使用百分比或相对单位(如em)代替像素,创建可以伸缩的网格系统,确保页面布局在不同屏幕尺寸下都能保持良好比例。 2. **液态图片**:通过设置...

    web课程设计 星座

    在本项目中,"web课程设计 星座"是一个基于Dreamweaver的结课作业,主要涉及网页设计和开发,特别关注星座主题的呈现。这个作业可能是为了展示学生对网页设计工具的掌握程度,以及他们如何将创意和功能性结合到一个...

    web网页设计

    在web网页设计的世界里,初学者常常面临许多挑战,但一旦掌握了基础知识,就能轻松地创造出引人入胜的在线体验。这份"web网页设计"的资料正是为了帮助这些新手而准备的,它涵盖了从基本概念到实践技巧的全方位指导。...

    250个HTML和Web设计的秘密(PDF)

    《250个HTML和Web设计的秘密》是一本专为Web设计师量身打造的实践指南,旨在通过揭示HTML(超文本标记语言)的核心技巧和策略,帮助设计师提升网站的创建和管理效率。这本书深入浅出地讲解了HTML的各个方面,为初学...

    Web 站点设计规范.doc

    Web站点设计规范是确保项目开发高效、可维护和团队协作的关键。以下是对这些规范的详细说明: 1. **关于命名的约定**: - **一般命名约定**:遵循一致性原则,例如,使用小写字母、数字和下划线组合命名文件。默认...

    web前端设计与开发.zip

    《Web前端设计与开发》这本书全面涵盖了Web前端开发的核心技术和实践方法,旨在帮助读者深入理解和掌握前端开发的各个环节。从HTML5开始,我们探讨这个现代Web标准如何改变了网页的构建方式,以及它带来的强大功能和...

    WEB程序课程设计——用html,css,javascript开发

    通过学习和实践这个"WEB程序课程设计"项目,你将深入了解Web开发的前端核心技术,并具备开发互动性强、美观的Web应用的能力。不断探索和掌握新技术,如现代前端框架和工具,将使你在未来的职业生涯中更具竞争力。

    Seo在网站建设运营过程中的普遍规则

    本文档介绍了一套针对门户性质网站的SEO规则,适用于网站从构思到运营的全过程。 #### 二、网站SEO的目的 制定一套普遍适用的SEO规则,确保网站能够满足搜索引擎的基本要求,从而提升其在搜索结果中的可见度。这样...

    WEB程序设计实验报告内容

    【WEB程序设计实验报告内容】涉及的知识点包括: 1. **网页设计与开发**:实验目的...通过这个实验,学生将全面学习到Web开发的各个环节,从需求分析、设计、编码到测试和部署,全面提升他们在Web开发领域的综合能力。

    ThinkPHP URL设计和SEO支持

    ### ThinkPHP URL设计和SEO支持 #### 概述 本文主要介绍了ThinkPHP框架下的URL设计原理及其对搜索引擎优化(SEO)的支持方式。ThinkPHP作为一款成熟的PHP开发框架,其URL设计不仅关注用户体验与美观性,同时也重视...

    Web程序设计——ASP.NET网站开发 附代码

    5. **路由系统**:MVC中的路由规则定义了URL如何映射到控制器和操作,使URL结构更直观,有利于SEO。 6. **视图和视图模型**:视图负责显示数据,而视图模型为视图提供所需的数据,两者通过弱类型的数据绑定连接。 ...

    (自适应手机端)响应式SEO优化装修装饰设计公司网站pbootcms模板 装修装饰工程seo网站源码下载

    【标题】中的“响应式SEO优化装修装饰设计公司网站pbootcms模板”表明这是一个专为装修装饰设计公司设计的网站模板,它具有响应式布局,能够自动适应不同设备的屏幕尺寸,包括手机端。PbootCMS是这个模板所基于的...

    【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码H410.zip

    【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码H410.zip这个压缩包文件包含了一个完整的前端网页项目,主要用于帮助学生掌握和实践Web开发的基本技能,尤其是HTML、CSS和JavaScript...

Global site tag (gtag.js) - Google Analytics