四、优化及调试--网站优化--SEO在网页制作中的应用
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在网页制作中的应用的更多相关文章
- 《SEO在网页制作中的应用》视频笔记
学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1. 搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个 ...
- SEO在网页制作中的应用
1.什么是SEOSEO(Search Engine Optimization)中文意译为“搜索引擎优化”.SEO是指通过网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键 ...
- 四、优化及调试--网站优化--Yahoo军规下
21.根据域名划分页面内容 很显然, 是最大限度地实现平行下载 22.尽量减少iframe的个数 考虑即使内容为空,加载也需要时间,会阻止页面加载,没有语意,注意iframe相对于其他DOM元素高出1 ...
- 四、优化及调试--网站优化--Yahoo军规上
什么是Yahoo军规?即如何提高网站速度的知识. 具体如下: 1.尽量减少HTTP请求个数——须权衡 什么是http请求:从客户端到服务器端的请求消息.包括消息首行中,对资源的请求方法,资源的标识符及 ...
- 四、优化及调试--网站优化--Yahoo军规中
8.避免使用CSS表达式(避免在CSS中使用Expressions) 什么是CSS表达式:是用来把CSS属性和JavaScript关联起来.
- 网站优化之-SEO在网页制作中的应用（信息来自慕课网课程笔记）
一.SEO基本介绍. 1.搜索引擎工作原理. 2.seo简介:SEarch Engine Optimization,搜索引擎优化.为了提升网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为 ...
- 网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIV CSS命名规则CSS命名大全内容如下：
页头:header 如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法登录条:loginBar 标志:logo ...
- seo在前端网页制作的应用
学习了慕客网上的“SEO在网页制作中的应用‘’,下面来进行小小的学习总结,顺便梳理下知识.所谓学而不思则罔思而不学则殆.下面开始正文. 一.搜索引擎的工作原理 搜索引擎的基本工作原理包括如下三个过程: ...
- 网站优化不等于搜索引擎优化SEO
对于SEO相信搞网络营销的人基本上都知道这个名词,英文全称为search engine optimization,中文一般叫搜索引擎优化,也有的叫搜索引擎定位(Search Engine Positi ...
随机推荐
- spring ioc原理
最近,买了本Spring入门书:spring In Action .大致浏览了下感觉还不错.就是入门了点.Manning的书还是不错的,我虽然不像哪些只看Manning书的人那样专注于Manning, ...
- IO基础
流向: 输入流:从硬盘到java 程序 (读数据) 输出流:从java 到硬盘 (写数据) 数据类型: 字节流: {用记事本打开,不能读懂,用 字节流} 输入: InputStrea ...
- Effective Java 读书笔记之九 并发
一.访问共享的可变数据时要同步 1.synchronized关键字既然保证访问的可见性也能保证原子性.而volatile修饰符只能保证变量的线程可见性. 2.增量操作符等不是原子性,多线程操作时可能导 ...
- qt-4.8.5 显示图片居中笔记
已经太久没有写过qt的程序了,所以导致的后果就是一个很简单的程序写了老半天还没写完整. 今天想实现的功能在原来软件的基础上显示他的版本. 因为想在该界面显示一个logo,一开始在pc机上跑发现图片一直 ...
- HDU 2855 斐波那契+矩阵快速幂
http://acm.hdu.edu.cn/showproblem.php?pid=2855 化简这个公式,多写出几组就会发现规律 d[n]=F[2*n] 后面的任务就是矩阵快速幂拍一个斐波那契模板出 ...
- 微博转发关系采集，可拓展关键字采集，评论采集（Java版）
微博模拟登录获取cookis,配置采集深度,采集一条微博转发关系页面,同时解析页面,生成一条微博的传播图,数据集可做微博影响力分析和传播分析 gitthub:https://github.com/ch ...
- 【架构】Google的大规模集群管理工具Borg
参考资料: http://www.cnblogs.com/YaoDD/p/5374393.html http://www.cnblogs.com/YaoDD/p/5351589.html
- JSONP跨域的原理解析
JavaScript是一种在Web开发中经常使用的前端动态脚本技术.在JavaScript中,有一个很重要的安全性限制,被称为“Same- Origin Policy”(同源策略).这一策略对于Jav ...
- C# 毕业证书打印《三》
打印很关键的方法,打印方法DataPrint(),将你要打印的数据信息发送到打印机就可以了,打印机将自动处理. public void DataPrint() { try { PrintDocumen ...
- JavaScript——Window对象
1.serTimeout()和setinterval()可用于注册在指定的时间之后单词或者重复调用的函数. 2.window对象的location属性引用的是Location对象,表示该窗口当前显示的 ...