当视觉设计不需要明确的标题时,我有一个关于确保良好文档结构的问题.

对主页采用以下示例HTML.

Our Brand

Tagline

Our Company

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus error hic, aliquid assumenda sed optio, praesentium repellendus numquam laudantium esse molestias minima cum mollitia fugiat? Eum impedit deserunt aliquid ratione.

Our Values

• Lorem ipsum dolor sit amet, consectetur adipisicing elit.
• Officia reiciendis illum temporibus. Praesentium repellat, iste officiis?
• Quos facere enim officiis, recusandae inventore veritatis id.
• Iste deleniti doloremque dignissimos, voluptate obcaecati velit optio.
• Ut non enim, dolore saepe minus soluta illum?
• Enim iure odit soluta laboriosam quis cupiditate eveniet.

Our Team

Marketing

• Lorem ipsum.
• Voluptates, cupiditate.
• Quia, ad?
• Facere, blanditiis!

Social

• Lorem ipsum.
• Voluptates, cupiditate.
• Quia, ad?
• Facere, blanditiis!

PR

• Lorem ipsum.
• Voluptates, cupiditate.
• Quia, ad?
• Facere, blanditiis!

在该标记中,存在清晰的标题结构(即,h1> h2> h3).

但是,我们已经同意“我们的团队”< h2>标题不需要显示,因为它是由视觉设计暗示的.但是,对于良好的文档结构(出于可访问性原因)这一点非常重要.

我们要不要…

>显示’我们的团队’< h2>使用“.visuallyhidden”类前往屏幕阅读器和搜索引擎？ (即将内容隐藏在屏幕外的那个)

>将“团队”部分中的所有< h3>更改为< h2> s？从内容的角度来看,这感觉不对,因为他们觉得它们应该包含在他们自己的标题下.

>跳过’我们的团队’< h2>前进并直接前往< h3>.跳过标题级别似乎也不正确.

边注,

我注意到gov.uk(通常被誉为一个很好的可访问性网站)这样做.他们隐藏了< h1>为他们的’所有类别’标题.而且,他们隐藏了< h2>在’支持链接’的页脚

隐藏标题似乎是明智的,但我看到很多人发布谷歌将如何将其视为黑帽SEO策略.

我认为除了几个隐藏的标题会引发谷歌的任何惩罚,但是可能在< h1> s上做这将是一个问题.

任何关于这个问题的想法将不胜感激！