合法地隐藏/阻止Rich Snippet html在屏幕上呈现 - 这样做可以吗？

Question

我在我的网站上使用了丰富的代码片段,我在页脚中为它们提供了所有代码,以便它们位于中心位置并且易于访问.我不希望在页面上呈现这些片段周围的文本,因为该信息在网站的其他位置.是否可以通过使用隐藏此文本style="display:none"或谷歌是否会完全忽略丰富的代码段,因为这些字段是隐藏的？

<!-- start rich snippet code -->
<div itemscope itemtype="http://schema.org/LocalBusiness">
    <span itemprop="name" style="display:none">My Business Name</span>
    <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
        <span itemprop="streetAddress" style="display:none">123 Example Street, Suite 456</span>
        <span itemprop="addressLocality" style="display:none">Major City</span>
        <span itemprop="addressRegion" style="display:none">NY</span>
        <span itemprop="postalCode" style="display:none">12345</span>
        <span itemprop="addressCountry" style="display:none">US</span>
    </div>
    <span itemprop="telephone" style="display:none">(123) 456-7890</span>
    <a itemprop="URL" style="display:none">http://www.mycompanysite.com/</a>
</div>
<!-- end rich snippet code -->

任何信息将不胜感激!提前致谢!

Answer 1

正如@Diodeus所说,理想情况下,您可以在网站上其他位置向用户显示的实际信息中拥有这些丰富的代码段.通常不需要复制它.

是的,Google可能会根据display:nones 忽略此内容.我可以问你为什么要在每个元素上设置它而不是在最高级别上设置一次div？

解决display:none潜在的SEO问题的方法是以不同的方式隐藏它.例如,为父div类提供一个类,.visuallyhidden并将其添加到样式表:

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}