6

在显示导师列表的网页中，当前的 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。

哪一个更合适？

4

6 回答 6

7

#3：删除它，并将所有 h2 更改为 h1。

  1. 对于 SEO，隐藏文本是不受欢迎的，因为它可以被认为是黑帽 SEO。除非您要用带有文本“Tutors”的图像替换标题。
  2. <h2>除非事先有一个，否则你不能拥有<h1>。
于 2012-01-04T05:09:20.637 回答
2

这些选项都不是好的SEO。

  1. 这是有风险的，也是不好的做法。搜索引擎已经变得非常擅长找出隐藏文本的时间，如果他们发现隐藏了权重很大的标签<h1>，则会损害您的排名。
  2. 您永远不应该跳过标题层次结构中的一步（没有<h3>'s 没有<h2>'s 等）。此外，它们应始终按重要性降序排列。
  3. 每个页面都应该有一个<h1>，它应该是第一个标题标签。<title>就 SEO 权重而言，它们的数量级。

为什么首先需要隐藏这个标题？这似乎是对页面内容的一个很好的描述。

于 2012-01-04T05:16:24.910 回答
1

根据页面的用例，其中任何三个听起来都是有效的选项。也就是说，在考虑这个问题时，我想到了以下几点：

  • SEO：似乎有一些观点认为标签内容的选择可能会影响搜索引擎排名。
  • 无样式渲染：如果由于某种原因页面可能在没有随附的 css 表的情况下被渲染，请注意默认渲染对页面的影响以及您可能希望它如何执行
  • 请注意，在 HTML 5 中有新的常见标签，例如“部分”，它可能适合您的页面，并且在语义上比 H 标签更清晰
于 2012-01-04T05:11:35.957 回答
1

这是一种偏好。您应该始终将演示文稿和结构分开，所以我会说只是将其注释掉，然后将其放置在那里。如果你隐藏它，这真的不是演示，因为它从未见过。所以3是最合适的。

于 2012-01-04T05:12:13.600 回答
1

没关系。

如果您使用 jQuery 来显示和隐藏内容，它与 SEO 无关。当您从所有实际意义上查看源代码时，搜索引擎会看到您所看到的内容。无论如何，你没有做任何偷偷摸摸的事情。

在此处参考我关于堆栈溢出的帖子如果我在页面上使用 Ajax 完成所有操作，我该如何进行搜索引擎优化？

因为您所做的是在搜索引擎出于所有实际目的查看它之后。

于 2012-01-04T05:12:43.607 回答
1

也许您应该考虑将这些项目格式化为定义列表，例如：

<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>

变成：

<dl title="Tutors">
    <dt>John</dt>
        <dd>...Description here...</dd>
    <dt>Mary</dt>
        <dd>...Description here...</dd>
    <dt>David</dt>
        <dd>...Description here...</dd>
</dl>

然后将 CSS 类和样式应用于元素，为有视力的用户美化它。只是一个想法。

于 2012-01-04T05:22:17.040 回答