语义化网页代码架构综合提升SEO效果-陶醉

一、什么是语义化布局

语义化布局就是语义化网站的html标签，尽量使用有相对应的结构的含义的Html的标签。所有的标签都是有语义的，搜索引擎理解页面的方式就是通过标签，比如

<body>表示是网页的主体内容，

<p>是段落标记等。

同样的页面样式需求，不同的人写出来的代码却是千差万变的。而搜索引擎看的是代码，所以对于访问者来说是一模一样的页面，但是它们对于搜索引擎的友好度也是千差万别。

陶醉赞同刑天的观点：使用语义化标签来编写网页代码，对搜索引擎显然是更友好的方式。

陶醉也觉得

前端是为SEO而生

二、为什么要做语义化布局

1、语义化布局的好处

结构清楚，布局一目了然。
为了让搜索引擎方便、准确的抓取页面的主要内容，SEOer需要为网页人工减噪。

事实上，仅仅做完减噪这一步，仍然不能保证搜索引擎正确的理解了这个页面。而做好语义化布局之后，在搜索引擎看来，这个网页的结构一目了然，这就好比是用户在看一篇排版很好的文章一样，阅读的舒适度和速度都将大大提升。相当于又做了一次消噪。

有了良好的结构和语义，搜索引擎才能理解网页的正文是哪一部分，哪一块是标题，哪一块是主要的文本区

这样网页的内容自然容易被搜索引擎抓取。

2、DIV+CSS不是万能的

现在各浏览器对于CSS的支持都很好，很多网页设计者就喜欢用DIV来做页面，造成的结果就是通篇都是DIV嵌套，页面展示效果一流，浏览器都兼容，网页代码也很简洁。

考虑到页面的SEO效果，这样的页面是不足取的。它没有向搜索引擎表示，哪一部分代码是需要争取排名的内容，页面的SEO效果也肯定是大打折扣。陶醉认为适当的加入table是必须的。

三、怎么做语义化布局

对于一个成熟的网页设计者来说，语义化布局并不复杂，下面是几种常见标签的语义。

段落：P，段落内的文字会自动换行；
标题：h1、h2、h3、h4、h5、h6 优化级是越来越低，一般用好前三即可；
列表：ul、ol、li，ul是无序（文字）列表，很多网站导航是用列表；
定义列表：dl、dt、dd，类似于字典中的那种效果。
四、H标签的使用

在各类标签中，H标签对于SEO来说处于特殊重要的地位。

H标签的语义是标题，从H1到H6其重要性依次递减。一个语义良好的页面，h标签应该是完整有序没有断层的。一般网页的标题会使用H1标签，为了保证排名，标题中要布署完整的关键词。