Question

我不得不使用第三方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索引的角度来看）？

或者是否有一种更强大/ SE友好的方式，而不考虑关键字填充？

感谢

Answer 1

我认为谷歌机器人主要对html标记感兴趣，而不是css / js，though this may change in future。

Google doesn't care for the fact that your h1 is hidden, off the page, or small.谷歌没有像你那样看到这个页面，它看起来更像是一个使用屏幕阅读器的盲人。

Answer 2

Cufon是一个基于JavaScript的工具，允许＆＃34;漂亮＆＃34;通过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输出。这可能是一个惩罚。使用风险自负。

从SEO的角度来看隐藏H1在这种情况下对索引不利？

2 个答案: