html - 从 SEO 的 Angular 来看，在这种情况下隐藏 H1 对索引不利吗？

Question

我不得不使用第 3 方 CMS，我无法更改 h3 的内容(或 h3 本身)

我对“cufon”没有太多的了解——假设它是一种使用特定字体的老式方法。我猜它不是合法的 HTML，所以没有编入索引。

因此我想在 H1

中包含页面的标题

<h3>
  <span class="someClassDictatingTheFontToUse">
    <cufon class="cufon cufon-canvas" alt="Alternative text " style="..inline styles..">
   <canvas width="73" height="18" style="..inline styles.."></canvas>
     <cufontext>Page </cufontext></cufon><cufon class="cufon cufon-canvas" alt="Page" style="..inline styles..">
     <canvas width="76" height="18" style="..inline styles.."></canvas>
     <cufontext>Content</cufontext>
   </cufon>
  </span>
</h3>

<!-- im proposing this -->
<h1 class="offthepage_or_verysmall">Page Content</h1>

<p>This is my content etc</p>

在哪里

.offthepage { margin-left:-10000px; position:absolute}

或

.verysmall { height:1px, position:absolute; left:1px; etc }

页面会因此受到惩罚(从 SE 索引的 Angular 来看)吗？

或者是否有更强大/对 SE 友好的方式来做到这一点而不考虑关键字填充？

谢谢

Answer 1

Cufon 是一种基于 JavaScript 的工具，允许通过 SVG 呈现“漂亮”的字体，同时仍保留原始文本。在 Cufon 使用之前，要呈现的字体必须转换为矢量格式。在 DOM 完全加载且 JS 已处理后，您的开发人员工具中的输出可能看起来很草率，但要真正了解它在所有这些之前在做什么，请尝试在浏览器中禁用 JS 或以纯文本方式查看网站。在您发布的示例中，您应该看到类似...

<h3>Page Content</h3>

...虽然您可能还会看到 SPAN 标记和内联样式(如果这是 CMS 输出的一部分)。这是大多数搜索引擎应该看到的。试一试，让我们知道禁用 JS 时显示的内容。

这里有一个很好的解释它如何与 SEO 一起工作:http://xsdesigns.se/2013/10/cufon-custom-fonts-hurt-seo/

关于屏幕外 H1 问题，我读过的所有内容都说 Google 确实索引了 CSS 隐藏的 HTML 元素。您可能只想使用其中之一而不是将其放置在屏幕外；它更优雅一些(如果可以避免，我也建议不要使用内联样式来完成此操作):

/* Takes element out of DOM layout entirely */
h1.offthepage_or_verysmall { display: none; }

/* Element still present in layout, but doesn't appear on screen */
h1.offthepage_or_verysmall { visibility: hidden; } 

话虽如此，这显然不是一种理想的做法，并且有强烈的传言称 Google 和其他公司正在处理 JavaScript 和 CSS 文件以及原始 HTML 输出。这可能是一种惩罚。使用风险自负。