四、优化及调试--网站优化--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 ...
随机推荐
- HDU 5120 Intersection(2014北京赛区现场赛I题 计算几何）
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5120 解题报告:给你两个完全相同的圆环,要你求这两个圆环相交的部分面积是多少? 题意看了好久没懂.圆环 ...
- job_queue_processes参数讲解
http://blog.sina.com.cn/s/blog_62defbef0101opv0.html http://blog.163.com/donfang_jianping/blog/stati ...
- C++ STL，list vector区别
顺序性容器: 向量 vector : 是一个线性顺序结构.相当于数组,但其大小可以不预先指定,并且自动扩展.它可以像数组一样被操作,由于它的特性我们完全可以将vector 看作动态数组.在创建一个 ...
- qt-5.6.0 移植之纯净的linux文件系统的建立
为什么要建立一个最纯净的文件系统,一开始是想在qt-4.8.5的文件系统基础之上加东西,慎重想了一下,这方法行不通,以为有很多东西不熟悉.干脆就自己建立一个. 步骤很简单: 一:下载一个bulidro ...
- 取得DIV的ID还是CLASS
无论你想取得DIV的ID还是CLASS 最重要的是找到你想取值的DIV对象.要取得DIV对象的方法有很多.常用的有2个,一个是根据ID,用var div=document.getElementById ...
- 转：js清空数组
方式1,splice 1 2 3 var ary = [1,2,3,4]; ary.splice(0,ary.length); console.log(ary); // 输出 Array[0],空数组 ...
- 2017/1/7 学习笔记 jar包，maven
① 关于tar,jar,war文件 tar是通用的另一种打包格式,为了部署到服务器时方便. jar是java app server识别的java部署格式,其实是Zip文件,只是内部的文件有规范. wa ...
- 【Java】Java 深入探讨 单例模式的实现
在GoF的23种设计模式中,单例模式是比较简单的一种.然而,有时候越是简单的东西越容易出现问题.下面就单例设计模式详细的探讨一下. 所谓单例模式,简单来说,就是在整个应用中保证只有一个类的实例存在 ...
- JavaScript——同源策略
概念:同源策略是客户端脚本(尤其是Javascript)的重要的安全度量标准.它最早出自Netscape Navigator2.0,其目的是防止某个文档或脚本从多个不同源装载. 这里的同源指的是: ...
- Unity3d《Shader篇》漫反射
Unity3d<Shader篇>漫反射 Shader "Custom/Ambient" { Properties { _MainTex ("Base (RGB ...