html 第4章 meta

一、meta 入门

1.1、基本标签

1.2、viewport：设置移动设备

1.3、浏览器

1.4、系统

①、ios

二、http-equiv 属性详解

Duration的值为网页动态过渡的时间，单位为秒。
Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下图：

三、SEO 优化

3.1、SEO 基本介绍

①、SEO 全称 Search Engine Optimization，即搜索引擎优化。搜索引擎数据库收录了很多网站的关键字及其链接，每天搜索引擎蜘蛛会下载网站的内容。

②、SEO 分为黑帽 SEO 和白帽 SEO：黑帽 SEO指的是网站有很多关键字但是没有实际内容，几乎都是广告；而白帽 SEO 指的是通过优化网页让搜索引擎收录自己网站的内容。

③、白帽 SEO 常用手段：

A 标题、关键字、描述；B 内容优化；C robot.txt 文件；D 网站地图；E 增加外链引用

3.2、网站结构布局优化

①、用扁平化结构（层次结构超过三层小蜘蛛就不愿意爬了）

②、控制首页链接数量（中小网站100以内，页面导航、底部导航、锚文字链接等）

③、扁平化的目录层次（小蜘蛛跳转3次可以到达网站内任何一个内页，网站的设计主页、栏目、内容页，不要用纵线性的结构）

④、导航seo优化（头部、底部、内容部分，主导航、副导航、分类导航，尽量用文字，面包屑导航，在每个网站上留下面包屑，使用户可以了解网站组织形式，放于正文的左上方）

⑤、内容页面的布局细节：左面正文，右面热门文章、相关文章，下面是版权信息及链接，栏目排布：首页123456789下拉选择最赞）

⑥、网站的加载速度会影响小蜘蛛的爬行，页面最好不要超过100k

3.3、网页代码优化

①、各种标签的使用

A、a 标题尽量包含 title；一些非本站的链接，不要将该链接计入权重：rel='nofollow'。

题外话：rel='external'：此属性的意思是告诉搜索引擎，这个链接不是本站链接，其实作用相当于target=‘_blank’。

为什么要这样写呢？因为有些网站因为是采用严格的 DOCTYPE 声名的，如果你在网页源码中的第一行看到：在这种情况下 target='_blank' 会失效，因此采用 rel='external' 这个参数来替代。

B、主标题尽量使用 h1 标签，正文使用 p 标签，img 标签有 alt 属性，table 用 caption 做标题

C、br 标签用于文本内容换行，比如：

D、用 strong em，而不用b i

E、重要的内容放在前面，重要的内容不要用 JS 输出，不使用 iframe，慎用 display:none

F、少用 span 标签，用 ul li

②、title优化标准

A、标题的字数限制

Title标题的字数在25个字，50个字节以内是符合要求的，超过25个字，在搜索引擎上面是不出来，不同的浏览器可能字数有所差别。

B、标题的关键词位置

关键词位置非常重要，关键词位置越靠前越容易被用户关注，关键词也越重要，如果你网页做了3个关键词，那么你需要按照关键词的重要的次序依次排列，切记不要乱摆放。标题的最左边是最重要的位置。

C、标题的独特性

标题需要独特性的，搜索引擎检索同一个关键词，如果他发现你的标题在这个关键词的排序列表里面有重复和相识度达90%以上的标题，那对于你网站优化都是没有任何作用的。

所以我们的标题需要独特性，要有自己网站的特点，那我们如何解决独特性呢？因为做的关键词大多是一样的，我们的解决方法由2个。

把公司名称或者网站名称写上去即可，公司的重复度机会没有，网站名称要注意不要采用关键词作为网站名称，比如：做的是免费发布信息的平台，取名为免费发布信息网，这样就失去独特性了。
网站的关键词组合上面也可以减少重复度，比如 www..com 网站的标题，我们写成“免费发布信息-分类信息网-酿蜜网|.com” 这样带上自己的网址，并且用关键词、网站名称和域名相结合重复性就低。

③、标题不能含有描述性的词和短语

标题中切忌含有描述性的词语，描述性的词汇分散本身标题的权重，所以不建议在标题中含有描述性词语，

比如：第一、专业、尽在、货到付款、联系电话等等，只需要出现关键词和网站名称即可（中小型网站），大型网站和品牌站就使用网站名称就行了。

④、标题的字符标准化

标题的常用字符有“、|—— _ ，”那我们如何来标准化来使用这些字符呢？中小型网站的首页我们建议使用逗号（半角或者英文逗号）或中划线，目录页和内页建议使用下划线即可。从用户体验的角度来考虑不建议使用、或者|等符合。

⑤、标题的标准化

标题里面不能含有不想关的词会影响到原来的关键词排名，网站名称和公司名称等词汇除外（因为网站里面也会含有这些词），如果标题里出现页面上面都不存在的词汇就会影响到该页面的关键词排名同样也算是属于过度优化。

首页标题关键词建议放置在1至3个左右，越多越不利于关键词排名，因为资源是有限的，需要进行合理分配，做关键词的策略是先做少后做多，就是先把小量的关键词做上去后再去添加更多的关键词来优化进行排名。

3.4、keywords 和 description 优化标准

①、keywords优化标准

A keywords里面不要放置过多的关键词，一般7个以内为宜。

B keywords只建议首页、目录页、重要的内容页和主题页里面含有，不建议一般内页含有Keywords。

因为内页含有，第一是需要花费大量的人工，第二是Keywords如果编写不准确效果会适得其反，因为Keywords权重本身就给予非常低，如果你设置不合理，反而会导致长尾关键词页面降权。

C keywords不建议改动，改动后会导致页面权重下降（主要指百度搜索引擎）。

有个朋友做医疗网站的，全站一共1500个页面，改动了1000个页面的keywords，原先1000左右的长尾关键词流量降到200，下降的关键词排名都是修改过的keywords关键词的页面。

②、description优化标准

A description字数建议 75 个字，150 个字符以内，这样搜索引擎刚好能够编入索引被用户查看到，超过该字数用户是看不到的也没有实际作用。

B 页面要做的关键词要把放入 description 中，并且要把标题里面没有包含的关键词写入进去。description含有关键词对于该关键词排名是有利的。

C description 需要符合用户体验优化，另外，我们也要把我们写入 description 的关键词进行位置排列，越重要的关键词越要靠前放置。

description就是我们的页面简介，只需要把页面的核心写出来就行了。下面我们来看一个实例：

总结：标题“CHINAZ.com|我们致力于为中文网站提供动力！”具有独特性，Chinaz属于站长类门户网站。

所以只需要包含品牌关键词和网站名称就行了“站长之家-中国站长站”Keywords含有5个关键词，非常标准。

另外我们看Description包含了Title里面没有含的关键词“站长资讯、站长工具”，这样属于自然性非常好的优化手段。