关于H1的位置解析

所属分类: 网络编程 / CSS/HTML 阅读数: 771
收藏 0 赞 0 分享

相信大多数人都偏向第一种方式:用于文章标题上,从文章的角度上看,用户进到内容页里,想看到的当然就是文章的内容,文章标题理所当然是最重要的、最应该突出的。

OK,以上是在文章的角度看的,如果在页面的角度看呢?

页面中除了文章内容、由内容引伸出来的链接外,还有导行、广告、搜索等跟文章内容无直接关系的内容。在页面中,文章只是其中的一个组成部分,从语义的角度来讲,一个页面中只有一个大标题(H1),用于概括页面的内容(包括非文章的部分)。所以,H1用于站点标题上比用于文章标题要更准确些。注意H1跟title是不一样的。

这里也解决下在讨论中有些同学提出的想法: 

有关SEO的问题(H1对SEO有影响) 
有关语义的问题 

这两个问题是有矛盾的,有时候做SEO就得放弃语义,以国内做SEO的手段,基本无语义可言。可悲的是现在做站的同学基本都着重于SEO。

H1对于SEO是有影响,但还不至于非它不可,它的权重比页面头部的信息要低得多,何不用心做好页面的头部信息呢?而且做好了语义化,对SEO并无不好的影响,为什么非要钻这牛角呢?

我觉得body里的内容是怎样就应该怎样,重点应该放在语义上,因为这一块主要是给用户看的,同时也为了适应多终端,有同学说你不也使用了隐藏的文字,没错,那是为了语义服务的,在没有样式或不支持样式的终端上,为了让内容更具有可读性,而不是为了做SEO。SEO应该重点放在head上,这块也是搜索引擎最看重的,比如meta就包含了许多用于搜索引擎的属性。
更多精彩内容其他人还在看

推荐深入理解css中的position定位和z-index属性

推荐深入理解css中的position定位和z-index属性
收藏 0 赞 0 分享

不错的10个你未必知道的CSS技巧

不错的10个你未必知道的CSS技巧
收藏 0 赞 0 分享

一点小小的创意css鼠标放上去则显示电话号码

一点小小的创意css鼠标放上去则显示电话号码
收藏 0 赞 0 分享

固定表格的高度超过指定高度就隐藏的方法

固定表格的高度超过指定高度就隐藏的方法
收藏 0 赞 0 分享

推荐个Css的filter常用滤波器属性及语句大全

推荐个Css的filter常用滤波器属性及语句大全
收藏 0 赞 0 分享

淘宝段正淳的css笔记大全第1/4页

淘宝段正淳的css笔记大全
收藏 0 赞 0 分享

CSS实现的一个图片放大展示的一种思路

CSS实现的一个图片放大展示的一种思路
收藏 0 赞 0 分享

用css滤镜实现的文字描边效果的代码

用css滤镜实现的文字描边效果的代码
收藏 0 赞 0 分享

用css实现的带阴影的表格效果的代码

用css实现的带阴影的表格效果的代码
收藏 0 赞 0 分享

又一实用的常用CSS缩写语法收集

又一实用的常用CSS缩写语法收集
收藏 0 赞 0 分享
查看更多