语义化网页代码架构 综合提升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标签,为了保证排名,标题中要布署完整的关键词。

转载随意~:陶醉seo » 语义化网页代码架构 综合提升SEO效果

赞 (0)
分享到:更多 ()