你好

Question

如果我使用<h2>作为左侧边栏标题，并使用<h1>作为主要中心内容区域标题，那么实际上是在源代码中，如果CSS被禁用，则<h2>条件前<h1> {1}}。

可以吗？或者我不应该使用<h2>作为左侧边栏标题？

更新：2月5日

添加了示例图片

Heading Structure http://easycaptures.com/fs/uploaded/235/1182330679.png

为什么我要问因为我总是在很多文章中读到<H1>应该是页面中的第一个标题。

alt text http://www.crearecommunications.co.uk/seo-blog/wp-content/uploads/2009/11/heading-subheads.gif

Answer 1

好吧，考虑到h-tag的语义，它不 OK。完成文档中的标题应生成类似

的文档大纲

 1. H1-Head
     1.1 H2-Head
         1.1.1 H3-Head
         1.1.2 H3-Head
         ...
     1.2 H2-Head
         1.2.1 H3-Head
         ...
     1.3 H2-Head
     ...

等等。

当然，这个大纲应该符合标签出现的时间顺序。

更新更新

我建议使用以下标记

<h1><a>Main title of your site</a></h1>
<h2>Sidebar</h2>
    <h3>Sidebar Headline 1</h3>
    <h3>Sidebar Headline 2</h3>
    ....  
<h2>Main content</h2>
    <h3>Headline 1</h3>
    <h3>Headline 2</h3>
    ...

你知道Firefox Web Developer Plugin吗？它具有“显示文档大纲”功能。在那里，您可以轻松验证标记的逻辑。并且给你一个想法，一个好的和一个坏的例子来自pfizer.com和phizer.de（我想你可以得到这个想法，即使它是德国人 - 红色的头条新闻说“缺少标题”）。

pfizer.com http://img246.imageshack.us/img246/1336/com.png

pfizer.de http://img96.imageshack.us/img96/1273/74591264.png

顺便说一下：在标记中包含所有h-tag并不一定意味着它们都必须可见;-)！

Answer 2

你应该考虑一下semantically。 H1应该在文档中的H2之前。 H2是H1的子元素。

我接近页面的方式是首先用HTML编写代码，以便在没有启用JavaScript和CSS Progressive Enhancement的情况下对用户有意义。

只有，然后我担心内容的样式。

Answer 3

可能最好的选择是在html中的内容之后实际使用侧边栏并使用css将其放置在您想要的位置。

Answer 4

从语义上讲，您需要在<h2>之后为文档大纲添加<h1>标记。在这种情况下 - 侧边栏在文档标题的流程中是否真的有意义？

根据您所描述的结构，似乎<h2>标记用作可能与特定网页上的内容无关的内容的标头。从搜索引擎优化的角度来看，如果这些标题实际上并未在上下文中使用，但用于样式化，则这可能不是最佳的。

这篇文章可以澄清一点：http://www.nathanrice.net/blog/ultimate-guide-to-wordpress-seo-optimized-heading-tags/

Answer 5

从浏览器的角度来看，标签的顺序无关紧要。但是，h1和h2的顺序对文档结构具有语义含义。因此，按照正确的顺序排列它们很重要。

当然，现代网络应用程序不仅包含一个文档。有“外部”面板，它们不是文档的一部分（侧边栏，面板等）。因此，如果您希望在语义上“正确”，则应保留h1，h2，其余部分仅保留在您网页的主要内容中，并使用div和{{1}对于块和内联容器，它们不属于文档的语义结构。

Answer 6

我认为当人们说h1必须在代码中的h2之前时，人们才会迂腐。 h1应该是页面上最重要的信息，无论它位于顶部还是页脚。

你关注的是什么？您是在宣传公司名称还是公司的业务/销售方式？

我想如果该公司正在销售'红色小部件'，我希望'Red Widgets'成为产品页面上的h1，'Widgets'将成为产品列表页面上的h1和'We Sell the Best Red，白色和蓝色小部件！'成为主页上的h1。

如果有人在寻找“红色小部件”，他们通常会搜索“红色小部件”，而不是“ThisWidgetCompanyName”。标题标签中的'ThisWidgetCompanyName'将捕获任何搜索公司名称的人，除非有很多公司具有相同的名称，否则它们应该弹出顶部附近。

Answer 7

您可以将任何HTML标记放在任何位置。

你好

完全没问题。

Answer 8

将H1放在徽标周围。即使该徽标只是图像的链接。（你正在使用alt标签，对吧？）问题解决了。

H2来源于h1之前，可以吗？

8 个答案:

你好

你好