一个网站提供能够的服务主要是通过页面实现的，一个网站是由单个或多个界面组成，浏览器通过网络协议（http）从服务端读到 网页资源进行渲染，一个网页基本组成是 html 标签，各种标签组成了一个完整的网页元素，css 设定了 html 标签的显示效果，js 则是一些动态功能，可以动态的修改 html 和 css，甚至现在虚拟节点框架下，html 部分也是由 js 为主构建的。对于搜索引擎来说大都只关注 html 的关键标签，css 只对用户界面可视的效果有作用，当前大部分搜索引擎对 js 的执行还是有限制些限制的，所以 html 标签是 SEO 优化必不可少的。

TDK

标题 关键字 描述 三者各取一个首字母构成了一个网页三个方面由总体到详细的说明。即使不是为了SEO的目的也要保持完整正确，这是一个网页的基本部分，帮助整理思维，让人容易理解。对于SEO来说可以把和个页面比作一篇文章，还有些八股文性质的固定元素。

title

标题 title 是 meta 类型的标签，重中之重，一个页面的标题。搜索权重高，而且可以描述用户的需求和你写这个页面的目的。

keywords

关键字 是meta 类型的标题，关键字是由多个词来组成的，中间可以用逗号分隔，仅次于标题。

description

描述 是三大meta类型的标签这一，对本页面做文字上的描述。

语义化标签

最高明的优化就是以真正的提高质量作为目标的优化，简单堆砌词汇和一些小道消息是不长久的，做 SEO 并不能短平快，现在已经过了那个初始岁月了。所以要认真思考每个标签的用途和场景，最好是有开发经验，在开发过程中来润色标签的用法。

H 标题

• h1 主要用在整页的大标题，文章标题等；
• h2 主要用在副标题，就是老二的位置；
• h3 一些目录，或者导航之类的内容上；

strong 粗体

加粗的文本相对内容会得到更多的权重，所以在一段文字中有要强调的请大胆使用，但数量不宜太多。

img 图片

图片本身普通的搜索引擎是无法查看的，所以img中的alt属性需要认真描述。

a 链接

在a标签内如果加上了rel=”nofollow”属性，则是指明不要跟踪后续的链接，所以想要跟踪的链接不要加这个属性。target标签的属性_blank可以保持原页面不跳出。

header

作为头部导航类

footer

作为尾部页角部分

content

内容

section

分段

资源组织

加载的静态资源 js、css放到单独的文件中加载。

其它

最好的 SEO 不仅仅考虑爬虫的规则，明确的规则也是拿不到的，而且会根据算法和发展有所更新，原来的灵药不知道什么时候就会慢慢的变成了毒药。提高了自己产品的质量，通过SEO让用户知道，要以和搜索引擎合作的心态来优化SEO功能。