Heading标签对用户来说可以很好的呈现一张网页的内容结构。(请勿将其与HTML的<head>标签或者HTTP头部混淆。本文翻译也将只用英文Heading,以免大家误解,译者注。)它们是六种不同文字大小的Heading Tags,从<h1>到<h6>,文字从大变小,而权重也不断降低。
点击在新窗口中浏览此图片
http://www.bloghuman.com/attachment.php?fid=59
在一张网页上包含了一篇新文章,我们就可能把网站的名字放在<h1>标签里,而把文章的主题名称则放在<h2>标签里。
因为Heading标签最典型的用处是可以让一张网页里的一些文字变得比普通文本要大一些,用户可以很直观地意识到这些内容更重要些,也很容易理解在这些Heading文字下面内容的性质和种类。多个不同大小的Heading的目的是为你的内容创建一个有层次感的结构,以便用户可以更轻松地浏览你的文档内容。
Heading标签优化实战经验
1、试着想象一下你正在写一份提纲——为某些特定内容加上Heading标签很像是为一张很大的页面写提纲,一些主要观点或者子观点的地方需要添加一些想法时,用Heading标签是很适合的方式。只是要避免:
·在Heading标签里放置一些对定义内容结构没有任何帮助的文字。
·当使用<em>和<strong>(类似于Heading标签,不过主要针对普通文字里的某些内容,在CSS样式上可以对文字加粗,译者注。)效果更好时却一味地使用Heading标签。
·随意放置不同大小的Heading标签而忽略了内容的逻辑性。
2、要适度使用Heading标签——只在有意义地时候使用Heading标签。如果一张网页上有太多Heading标签的话,用户很难整体把握其内容,从而很难区别哪里是开始,哪里是结束。所以要避免:
·Heading遍布整个网页。
·把页面上的所有文字都放在Heading标签里。
·为了文字样式(大小、粗细)才使用Heading标签,而没
分享到:
相关推荐
谷歌搜索引擎优化官方指南是一份旨在帮助网站站长们改善其网站在搜索引擎中的可见度和排名的官方文档。SEO,即搜索引擎优化,是通过一系列的技术和策略,使网站的结构、内容和代码对搜索引擎更加友好,以便在搜索...
以上是《Google SEO官方搜索引擎优化指南》的关键要点,通过实施这些策略,网站有望在谷歌搜索结果中获得更好的表现,从而吸引更多的有机流量。不过,值得注意的是,SEO是一个持续的过程,需要不断适应算法更新和...
以上是《跟我学SEO从入门到精通-张新星》精华读书笔记第十一章的内容概述,这些知识点对于从事SEO工作的人员来说是非常宝贵的指南,涵盖了从网站规划到实施的各个方面,旨在帮助网站在搜索引擎中获得更好的排名。
从SEO由什么决定的这一问题出发,Google官方表示一个网站的SEO受到上百个因素的影响,这些因素大致可以分为内容和页面排名(PageRank)两大类。其中,内容因素强调了网站内容的原创性、相关性和更新频率;而页面排名...
**谷歌SEO全方位指南** 谷歌SEO(Search Engine Optimization)是指通过优化网站内容、结构和技术特性,以提高其在谷歌搜索引擎中的自然排名,从而增加网站的可见性和吸引潜在用户的策略。本资料大全将深入探讨谷歌...
而`<span>`是内联元素,通常用来包裹文本或小块内容,用于应用样式或进行操作。`<span>`前后不会自动换行。 3. **标题(Heading)**: - `<h1>`到`<h6>`:分别表示一级到六级的标题,`<h1>`是最重要的,`<h6>`是最...
[confluence插件] easy-heading-free-2.2.4 [confluence插件] easy-heading-free-2.2.4 [confluence插件] easy-heading-free-2.2.4 [confluence插件] easy-heading-free-2.2.4 [confluence插件] easy-heading-free-...
标题标签(Title Tag)、描述标签(Meta Description)和H标签(Heading Tags)的合理使用,能够提升页面的相关性和吸引力,影响搜索引擎的展示效果和点击率。 六、移动优化 随着移动互联网的普及,移动优化成为SEO...
3. **头部标签(Heading Tags)**:合理使用H1、H2等头部标签来组织内容结构,提高可读性。 4. **内容原创性**:确保内容是原创且有价值,避免抄袭。 5. **关键词密度**:适度地在内容中插入关键词,但不要过度优化...
- 图像优化包括alt属性、文本描述、heading标签、链接和文件大小压缩。 - 尽量减少表格内嵌套,避免影响加载速度。 - 页面减肥,如使用CSS样式表和外部JS文件,减少HTML代码。 4. Flash和JavaScript处理: - ...