【SEO与页面设置细节】

内容标签的使用

b、i 修饰类标签（已弃用）；

strong、b 表现为加粗显示；

em、i 表现为倾斜样式；

strong、em 具有强调语气，strong强调语气更强烈；

strong、em 在搜索引擎优化（SEO）当中比b和i重要的多。

块元素的特点

独占一行；可以设置宽高；内\外边距横纵向都有效；使用display: inline;可以转成行元素；除个别特殊元素外，可包含块元素与行元素。

行元素的特点

并排显示；宽高由内容撑开；内\外边距横向有效，纵向失效；使用display: block;可以转成块元素；除ins和del外，不能包含块元素。

代码的基本规范

元素的默认样式；

标签的样式控制—CSS选择器；

标签的语义性—SEO；

代码的精简，复用性；

考虑网站图片是背景还是img。

省略号的使用

overflow：hidden；文本超出隐藏

width：宽度px；设置宽度

white-space：nowrap；强制不换行

text-overflow：ellipsis；显示省略号

页面设置宽高

使用min/max-height/width;

设置页面的最小宽高，使网页自适应。

最小宽度和最大宽度的使用

为外层元素设置最小宽度之后，该元素的宽度在“当前浏览器宽度”与“设置的最小宽度”当中，取其大者。最终的值均是大于或等于内容区宽度的，自然就不会出现空白背景的问题了。

最大宽度主要应用在移动端。在移动端开发当中，横向通常使用百分比等相对度量单位。假设设计图给出的是750像素，那么在大于750像素的浏览器当中，横向宽度已经超出了设计图宽度，此时，就需要为body设置最大宽度，限制页面的大小。

默认情况下，元素高度有内容撑开，当设置最大高度之后，即使内容超出这个高度，浏览器依旧会按照设置的最大高度来进行计算。这种功能与height的功能并没有什么区别，因此，在开发当中，最大高度并没有什么用途，在此也不再做详细讲解。

margin负值的应用

一般应用于导航栏、列表页、隐藏间距等；如下：

导航栏制作：当对a标签设置border-right时，最后一个a标签会多出border，只要对其父元素div设置超出隐藏，为了让border超出，所以应用到margin负值。

SEM的含义

SEM是搜索引擎营销

包含：SEO[搜索引擎优化] + PPC[按照点击付费]

PV浏览量

即页面浏览量(刷新的次数);

通常是衡量一个网站的主要指标。

UV访客数

真实IP上网的用户量；

指访问某个网站的不同IP地址的人数。

转换率

avg. time on site借由了解访客从不同关键字进入网站之后的转换率、平均停留时间等等的信息，来回馈到最初的关键字锁定策略的正确性。

跳出率

跳出率是指用户到达你的网站上并在你的网站上仅浏览了一个页面就离开的访问次数与所有访问次数的百分比。

代码规范的要求

可扩展性——审查标准：代码大小相对较小，服务器加载速度快；

缩进良好，格式规范——混乱的话，爬虫会认为是机器生成的代码，从而影响SEO排名；

合理嵌套，没有不合理的嵌套标签。

标签语义性的要求

title一定要写;

meta（元信息）需要设置关键字和描述信息;

标签语义（h系列、ul、ol、dl、table的合理使用）

h1-h3，较少使用到h4；在页面中使用不允许跳级

img里的alt属性（替代性文本）需要书写和title；

a里面的title属性（提示性文本）需要写；

是否使用strong和em，对于SEO没有太大的差异。

锚文本

锚文本是存在于a标签中的文本内容，链接地址指向需要优化的页面；

锚文本由页面中需要优化的关键字来决定；

比如，某个网页页面想要优化的关键字是HTML5，那么就要在其他文章中就需要对HTML5这个词语添加a链接，然后链接到该网页。

爬虫的工作原理

搜索引擎构建一个调度程序，来调度蜘蛛的工作，让蜘蛛去和服务器建立连接下载网页，计算的过程都是通过调度来计算的，蜘蛛只是负责下载网页。

爬虫抓取的是：标签，文本，图像。

例：百度快照

补充数据区和检索数据区

通过蜘蛛下载回来的网页放到补充数据区；

通过各种程序计算过后才放到检索区，才会形成稳定的排名；

所以说只要下载回来的东西都可以通过指令找到，补充数据是不稳定的，有可能在各种计算的过程中给K掉，检索区的数据排名是相对比较稳定的。

网站快速收录

更新频繁且原创

合理语义性的标签结构（与前端相关）

大量的外链（微信微博新媒体有效，QQ空间无效）

合理内链

标签  文本  图像

白帽优化

静态化页面更容易被搜索引擎收录；

注重网站内容的原创性；

页面整理有序，文字分段合理；

网站更新有规律；

网页title中出现关键词；

页面标签中出现关键词(1-3个)；

描述标签中出现关键词；

图片名包含关键词；

alt属性中加入关键词；

黑帽优化

博客作弊；

群发软件作弊；

链接养殖场；

挂黑链。