SEO分类：白帽SEO、黑帽SEO

白帽SEO：

内容上的SEO：

　　网站标题、关键字、描述

　　网站内容优化

　　Robot.txt文件

　　网站地图

　　增加外链引用

前端SEO：

　　网站结构布局优化

　　　　扁平化结构（一般来说，建立的网站目录层次越少，越容易被收录，一般中小型网站，目录层次超过三层，网页爬虫就不太愿意爬行收录）

　　　　怎样做到扁平化布局结构：

　　　　　　控制首页链接数量（不能太多也不能太少，对于中小型网站，建议首页链接数量在100条左右，可以包括：页面导航，局部导航，锚链接等等）

　　　　　　扁平化目录层次（尽量要让小蜘蛛跳转3次，就可以进入到网站内页，比如网站的设计，可以定义为主页、栏目、内容页这样三级扁平铺开的结构）

　　　　　　导航SEO优化（一般可以有主导航、副导航、分类导航，导航设计应尽量采用文字方式，如果非要用图片的形式，要优化图片代码，加title和alt。其次，在每个网页上，我们要加上面包屑导航，面包屑导航可以让用户了解当前所在的位置，以及当前页面在整个网站中的位置，使用户可以了解网站组织形式，从而形成很好的位置感，并且提供返回各个阶层的快速入口，方便用户操作。）

　　　　不可忽略的细节：内容页布局

　　　　　　

　　　　　　另外，当页面有很多内容时，要注意分页设置（向下优选）：

　　　　　　

　　　　控制页面大小：一个页面最好不要超过100K

　　网页代码优化

　　　　<title>标题：在浏览器标题栏显示，把重要的关键词放在前面，不要重复出现，每个页面的title不要设置相同的

　　　　<meta keywords>关键词：列举出几个关键词即可，不要过分堆砌

　　　　<meta description>网页描述：高度概括网页内容，不要过分堆砌，每页都要不同

　　　　对于网页<body>中的代码，使用的原则：语义化代码（在适当的位置，用适当的标签）

　　　　　　H1~H6标签多用于标题

　　　　　　ul标签多用于无序列表

　　　　　　ol标签多用于有序列表

　　　　　　dl标签用于定义数据列表

　　　　　　em，strong表示强调

　　　　　　<a>标签 要加链接说明，即title，另外，对于指向其他网站的连接，要加上rel="nofollow"，用于指定 Google 搜索引擎不要跟踪链接。　　

　　　　　　<h1>标签 网页正文页标题，二级标题用<h2>，依次类推

　　　　　　<p>标签 用于段落

　　　　　　<br />标签 只用于文本内容的换行，最好不要用于其他位置换行

　　　　　　<table>标签 语义化要使用<caption>标签

　　　　　　<img>标签 应使用alt说明

　　　　　　<strong><em>和<b><i>标签 <strong>多用于强调关键字等，权重大于<b>，<em>标签用于斜体，权重仅次于<strong>，如果只是强调加粗和斜体样式，则使用<b><i>，如果强调内容，则使用<strong><em>　　

　　　　代码中的小TIPS：

　　　　　　重要内容HTML代码放在最前面

　　　　　　重要内容不要用JS输出

　　　　　　尽少使用iframe框架

　　　　　　谨慎使用display:none 对于暂时不想显示的内容，要使用设置z-index，或者将其设置到浏览器显示的范围外（因为爬虫会过滤掉display:none的内容）

　　　　　　不断精简代码　　　　

　　　　　　

四、优化及调试--网站优化--SEO在网页制作中的应用的更多相关文章

  1. 《SEO在网页制作中的应用》视频笔记

    学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个 ...

  2. SEO在网页制作中的应用

    1.什么是SEOSEO(Search Engine Optimization)中文意译为“搜索引擎优化”.SEO是指通过网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键 ...

  3. 四、优化及调试--网站优化--Yahoo军规下

    21.根据域名划分页面内容 很显然, 是最大限度地实现平行下载 22.尽量减少iframe的个数 考虑即使内容为空,加载也需要时间,会阻止页面加载,没有语意,注意iframe相对于其他DOM元素高出1 ...

  4. 四、优化及调试--网站优化--Yahoo军规上

    什么是Yahoo军规?即如何提高网站速度的知识. 具体如下: 1.尽量减少HTTP请求个数——须权衡 什么是http请求:从客户端到服务器端的请求消息.包括消息首行中,对资源的请求方法,资源的标识符及 ...

  5. 四、优化及调试--网站优化--Yahoo军规中

    8.避免使用CSS表达式(避免在CSS中使用Expressions) 什么是CSS表达式:是用来把CSS属性和JavaScript关联起来.

  6. 网站优化之-SEO在网页制作中的应用（信息来自慕课网课程笔记）

    一.SEO基本介绍. 1.搜索引擎工作原理. 2.seo简介:SEarch Engine Optimization,搜索引擎优化.为了提升网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为 ...

  7. 网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容如下：

    页头:header  如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法登录条:loginBar         标志:logo      ...

  8. seo在前端网页制作的应用

    学习了慕客网上的“SEO在网页制作中的应用‘’,下面来进行小小的学习总结,顺便梳理下知识.所谓学而不思则罔思而不学则殆.下面开始正文. 一.搜索引擎的工作原理 搜索引擎的基本工作原理包括如下三个过程: ...

  9. 网站优化不等于搜索引擎优化SEO

    对于SEO相信搞网络营销的人基本上都知道这个名词,英文全称为search engine optimization,中文一般叫搜索引擎优化,也有的叫搜索引擎定位(Search Engine Positi ...

随机推荐

  1. iOS开发——UI进阶篇（十一）应用沙盒，归档，解档，偏好设置，plist存储，NSData，自定义对象归档解档

    1.iOS应用数据存储的常用方式XML属性列表(plist)归档Preference(偏好设置)NSKeyedArchiver归档(NSCoding)SQLite3 Core Data 2.应用沙盒每 ...

  2. 回归基础: JavaScript 变量提升

    from me: javascript的变量声明具有hoisting机制,它是JavaScript一个基础的知识点,也是一个比较容易犯错的点,平时在开发中,大大小小的项目都会遇到. 它是JavaScr ...

  3. $.extend()了解心得

    2.1 extend(result,item1,item2-..) 这里这个方法主要用来合并,将所有的参数项都合并result中,并返回result,但是这 样就会破坏result的结构. 2.2 e ...

  4. 跟着百度学PHP[4]OOP面对对象编程-16-switch逻辑就语句

    直接看案例.较为简单.不解释. <?php $chengji="; #先定义一个变量赋值一个数值 switch ($chengji) { && $chengji > ...

  5. django debug toolbar jquery加载配置

    默认加载谷歌cdn的jquery: 显然国内是会悲剧的. 破解方案: 在settings.py中增加以下配置: DEBUG_TOOLBAR_CONFIG = {"JQUERY_URL&quo ...

  6. Ext treelist 动态切换TreeStore

    chooseMenu: function(_this) { //var mycomp = top.Ext.getCmp("my_comp"); var menuTreeStore ...

  7. AngularJs之ng-repeat的用法

    可参考文章:http://blog.csdn.net/renfufei/article/details/43061877 ng-repeat信息展示的核心: [1]异步读取数据源 works,见代码一 ...

  8. c里面的fflush函数

    NAME fflush - flush a stream SYNOPSIS #include <stdio.h> int fflush(FILE *stream); DESCRIPTION ...

  9. Django用户管理及认证

    同步组http://www.douban.com/group/topic/29387804/ ldapsearch -x -w password -D "cn=me,cn=Users,dc= ...

  10. nginx做本地目录映射

    有时候需要访问服务器上的一些静态资源,比如挂载其他设备上的图片到本地的目录,而本地的目录不在nginx根目录下,这个时候就需要简单的做一下目录映射来解决,比如想通过浏览器http://ip/image ...