定义文章标题，用 H1,H2 还是 H3

上次在 “SEO for WordPress 完全指南” 中提到文章标题的使用，有点疑惑，在一些 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

H1标签在同一网页上仅能用一次

在网页中，根据重要程度排序是这样的：TITLE ＞H1 ＞H2 ＞H3 ＞STRONG。H1一般用1次，H2一般2-6次，超过这种使用频率就要考虑一下网页设计规范了。而H1-PRE的字号要求一般是在浏览器默认字号H4（1em或16px）基础上乘以1.5或除以1.5，实际上很多网站都将1.5调整到1.2倍以适应合适的浏览效果。H1标签在网页中是仅次于TITLE的，在朋友的网站中，只要涉及到加粗的文字统一采用了H1标签，造成的结果是一个网页中存在着5-6次的H1标注。这种情况下，很容易被搜索引擎认为是优化过度或作弊。

H1标签在图片中的应用

有些人会认为：<h1><img src="http://www.newsunday.com/favicon.ico" alt="秦爱网志" /></h1> 就已经实现了对图片使用H1标签的作用，事实上搜索引擎对ALT中的标签并不太感冒的，H1标签的强调效果也就失去了作用。那么如何在图片引用中使用H1标签呢？

♦ 在HTML中使用

</div>

♦ 在CSS中对H1定义

#ico h1

{

background: url(http://www.newsunday.com/favicon.ico) no-repeat

width:16px

height: 16px

}

#ico h1 span

{

display:none

}

定义文章标题，用 H1,H2 还是 H3相关推荐

网络推广新手必看！如何以数据手法定义文章标题
每天我们都会刷手机看微博,有的看八卦,有的看视频,也有的在看新闻.新闻是可以使我们透过文字来了解社会时事动态的渠道.今天培训讲到了标题如何快速写好的方法,拟定标题的方法有很多,其中的以数据手法定义标题 ...
h1、h2、h3标签及strong标签对页面seo的影响
今天和大家来聊下h1,h2,h3,strong几个标签,在网页中的使用对页面seo的影响,也阐述了个人的一些想法. 首先简要讲下H标签及strong标签的含义:<h1>.<h2> ...
什么是H标签？H1，H2，H3标签？以及和strong标签使用的方法及重要性
大家都知道,seo的一个很重要的一点就是要把网站做的条理清晰,让搜索引擎很容易的读明白,这个条理清晰不仅体现在网站的物理路径,url等地方.在<h1><h2><h3&g ...
html中为什么h1比h3小,认识HTML中h1 h2 h3 h4标签
H1 H2 H3 H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. 一.搜索引擎下看h1标题标签针对搜索引擎来说是告诉了不同标签下代表不同的重要级别内容.如果你在一个网页中使用 ...
html h1 不自动加粗,HTML之h1 h2 h3 h4标签知识经验篇
Html中H1.H2.H3.H4标题标签元素教程篇 H1 H2 H3 H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. 一.搜索引擎下看h1标题标签 - TOP 针对搜索 ...
html调用文章标题,HTML中文章标题标签的详细介绍
昨天说道了我的第一个网页,今天接着继续带大家深入,前期学习千万不要用代码工具哦!那样就少了深入了解的机会了哦!一.大家都知道文章会有各种标题,网页其也跟文章差不多也有专门来写标题的元素. (1). h ...
html中h3的样式,比较好看的css自定义样式（标题 h1 h2 h3）
/*标题h1 h2 h3样式*/ #content { color: black; font: 0.875em/1.5em"微软雅黑", "PTSans", & ...
seo之h1 h2 h3
http://user.qzone.qq.com/267307031/infocenter#!app=2&via=QZ.HashRefresh&pos=1333590611 本人QQ: ...
html语言h1h2h3,什么是H标签？H1，H2，H3标签使用的方法及重要性
什么是H标签?H1,H2,H3标签使用的方法及重要性发表时间:2017-06-02 作者:东方硅谷小编大家都知道,seo的一个很重要的一点就是要把网站做的条理清晰,让搜索引擎很容易的读明白,这个条 ...

定义文章标题，用 H1,H2 还是 H3

定义文章标题，用 H1,H2 还是 H3相关推荐

最新文章

热门文章