我应该在没有h1的情况下使用多个h1或多个h2吗？

Question

在显示教师列表的网页中,显示当前的HTML代码:

<div id="tutors">

 <h1>Tutors</h1>
 <div class="tutor">
  <h2>John</h2>
  <p>...</p>
 </div>

 <div class="tutor">
  <h2>Mary</h2>
  <p>...</p>
 </div>

 <div class="tutor">
  <h2>David</h2>
  <p>...</p>
 </div>

</div>

现在,出于某些原因,需要在页面中删除当前由h1包装的单词Tutors.我可以想到3个选择:

1. 使用css隐藏它.
2. 只需删除它,页面将有h2没有h1.
3. 将其删除,并将所有h2更改为h1.

哪一个更合适？

Answer 1

#3:删除它,并将所有h2更改为h1.

1. 对于SEO,隐藏文本是不受欢迎的,因为它可以被认为是黑帽SEO.除非您要用带有文本的图像替换标题,"Tutors".
   • 我应该使用'alt'还是CSS包含我的徽标文字？
   • 用CSS隐藏文本用于SEO
   • 如果你坚持隐藏文本,Accessibility/SEO Friendly CSS Hiding
2. <h2>除非<h1>事先有,否则你不能拥有.
   • 标题,标题层次结构和文档大纲