使用微格式的地址语义标记

时间:2012-05-02 13:28:55

标签: html css html5 seo microformats

我一直在阅读我在我建立的网站上的地址标记的微格式,普遍的共识就是像这样标记地址......

<h1 class=”org”>Orpheum Theatre</h1>
Madison, WI
<div class=”address”>
    <div class=”adr”>
        <div class=”street-address”>216 State St</div>,
        <span class=”locality”>Madison</span>,
        <span class=”region”>WI</span>
        <span class=”postal-code”> 53703</span>
        <span class=”country”>United States</span>
    </div>
</div> 

我想知道为什么div / span标签的混合和匹配?它是重要的还是班级标签唯一真正重要的东西?

由于

3 个答案:

答案 0 :(得分:2)

您可能需要查看http://schema.org/。它们采用主流搜索引擎支持的不同方法。还有各种测试工具的链接,以确保您正确的格式。

答案 1 :(得分:0)

在该示例中,可能只是将街道地址设置为块级元素,而不依赖于任何CSS样式。

微格式只关心类名,它们可以附加到任何元素。在地址示例中,您需要确保它们位于类adr

的容器中

我觉得这个验证器非常有用 - http://hcard.geekhood.net/#result

答案 2 :(得分:0)

标记无关紧要,只有类名。大多数微格式的例子都是用div和span以及blagh来完成的。对于我的贺卡,我更喜欢ul。这很简单。