您的位置:首页网页设计经验技巧 → 在网页中标签h1,h2,h3分析

在网页中标签h1,h2,h3分析

时间:2011/3/5 18:10:29来源:本站原创作者:佚名我要评论(0)

我们在做网站的时候总是要用到h1,h2,h3标签,怎么用是最好的呢?在一些 SEO 或者 Web 标准的文章中只说道需要使用 h1,h2 来定义标题,但并没有明确指出它们具体该怎么用。于是便分析了一些具有代表性的 blog,看看他们是怎样定义文章标题的。
Official Google Blog 使用 h3 定义的文章标题,h2 定义的侧边栏目标题和文章时间,没有用到 h1;Google 黑板报只使用了 h3 来定义文章标题和侧边栏目标题,没有使用 h1,h2;而 Official Google Reader Blog 的定义方式我比较喜欢,使用 h1 定义网站标题,h2 来定义文章标题,h3 来定义侧边栏目标题。
               “Jeffrey Zeldman” 的博客应该是 Web 标准的典范,他使用的定义方式大家应该都比较熟悉,使用 h1 定义网站标题,使用 h2 来定义文章标题和侧边栏目标题,h3 就用来定义文章时间。Matt Cutts 网页设计最懒,直接使用美女 Rebecca 的 Almost Spring 模板,具体定义方法和 Jeffrey Zeldman 一样,而 WordPress 默认模板也是选用这个方式来定义的。
国内 BSP 特别喜欢使用 div 来定义文章标题,代表有 百度的空间、对牛乱弹琴、徐静蕾的 BLOG。
从结果来看定义标题没有固定的模式,感觉都比较随意。仅从 SEO 方面来说,只需要注意在 h1,h2,h3 中出现关键词就行了,从 Web 标准来说使用 div 定义都没有错。而 Matt Cutts 的博客最有代表性,一个 Google 高级工程师,SEO 专家,在自己博客模板上并没有为 SEO 刻意花什么功夫。这就说明一个道理,只要你大体上做到对搜索引擎友好就行了,不要太在乎细节上的东西。也可以这么说,一般人使用 WordPress 默认的东西就够了,不用再到处找什么方法优化自己的博客,把心思放在文章上可能更重要。
但是如果非要说说文章标题使用什么来定义,可以从 2 个方面来看:
1、按照内容的重要性来定义,如:Official Google Reader Blog
使用 h1 定义网站标题
使用 h2 定义文章标题
使用 h3 定义栏目标题
2、按照网站的层次来定义,如:Official Google Blog
使用 h1 定义网站标题  
使用 h2 定义栏目标题
使用 h3 定义文章标题
很少有使用 h1 来定义文章标题的,一般都用来定义网站标题,要不就不用。 北京网站制作
附:一些有名网站定义文章标题的方式
使用 h1 定义文章标题 Techcrunch
使用 h2 定义文章标题 Official Google Reader Blog / Matt Cutts / Jeffrey Zeldman / Engadget / WordPress Blog
使用 h3 定义文章标题  Official Google Blog / Google 黑板报 / Boing Boing
使用 div 定义文章标题 TechEBlog / 百度的空间、对牛乱弹琴、徐静蕾的 BLOG

相关阅读 性格标签柏拉图怎么玩 柏拉图性格标签链接分享微信性格标签测试怎么弄 微信性格标签怎么生成柏拉图性格标签怎么弄 微信朋友圈性格标签怎么玩Safari怎么快速关闭所有标签页?一键关闭Safari标签页教程微信朋友圈分组教程 怎么用标签设置朋友圈分组可见?图文详解QQ单窗口多标签聊天实现方法ie9新功能之标签崩溃还原网页头部meta、name等标签的用法

文章评论
发表评论

热门文章 Wordpress本地安装教程dx1.5如何设置二级域名

最新文章 hbuilder有哪些快捷键Wordpress本地安装教程 Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,

人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解(XMLHttpRequest)进行跨域请求方法如何用远程桌面连接进行传输文件