Question

所以最近我正在阅读一本名为Adaptive Webdesign的书，我遇到了一个叫做hcard，hcalendar的东西，我去了它的各个documentation page。现在问题是我不明白这是如何工作的？它用于表示人......标记就像这样

<div class="vcard">
    <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>
</div>

现在我知道这些类的含义如url表示给定链接将用户带到网页，而fn表示格式化名称等等......

这些类是否指向搜索引擎内容是一个hCard或它呈现的方式不同等等。有人可以解释我这是如何工作的，这样做的好处是什么，从SEO的角度看这是否有重要意义这些类是预定义的吗？

编辑：这些课程保留了吗？如果我将它们用于其他元素怎么办？是否有任何javvascript我可以调用onclick按钮来保存计算机/用户设备上的vcard？

Answer 1

这个概念允许机器获得有关内容的详细信息。这很简单，你知道给定的名字是什么。机器不......：）

因此，您需要一种方法来告诉机器您的html包含哪种数据。

例如：您可以像下面的示例一样丰富您的数据，并允许（可能是Adressbook-Application）获取有关应填写哪些字段的详细信息。

<div class="vcard">
    <a class="url fn" href="http://tantek.com/">
        <span class="family-name">Tantek</span>
        <span class="given-name">Çelik</span>
    </a>
</div>

此代码段允许使用Adressbook-App。轻松找到给定名称并将其设置为正确的字段。订单无关紧要。

测试“丰富网页摘要”：http://www.google.com/webmasters/tools/richsnippets

Answer 2

如果您尚未声明使用hCard语法（使用vcard类），那么您可以自由使用您想要的任何类名。即使您确实开始使用hCard微格式，也不会隐式应用任何样式，因为微格式与显示样式无关。

使用微格式的目的是打开用于公开元数据的界面。通过在标准化微格式中提供数据，任何解析您网站的人都可以使用微格式来查找相关信息。

搜索引擎特别受益于此，因为它允许它们在结果页面上提供有关特定资源的更多信息。

Answer 3

我不完全知道 hcard 和 hcalendar ，但是例如，在Google上查找Stack Overflow问题，你会看到它的时间已发布的内容出现在内容旁边，对于许多网站，它还会显示作者的姓名。

换句话说，谷歌将使用这些微格式来增强搜索体验，为搜索从页面解析时提供元数据。

您帮助Google，他们会帮助您。

Answer 4

vCard是电子名片的标准。 hCard接受这些标签并将它们用作HTML中数据的类名。每个hCard都在一个具有class =“vcard”的块内启动。

其中一些类型具有子属性。例如，'tel'值包含'type'和'value'。这样，您可以指定单独的家庭和企业电话号码。 'adr'类型有很多子属性（邮局信箱，扩展地址，街道地址，地区，地区，邮政编码，国家/地区，类型，价值）。

<div class="vcard">
   <div class="fn">xxxxx</div>
   <div class="adr">
      <span class="locality">yyyy</span>,
      <span class="country-name">zzzzz</span>
   </div>
</div>

类名不一定是指页面中的任何内容。但是，您始终可以利用它们来设置联系信息的样式。您也可以在浏览器的用户样式表中设置它们的样式，以便在网上冲浪时找到它们。（Original source）

关于SEO方面，请查看这篇文章Tips for Local Search Engine Optimization for Your Site

Answer 5

我建议你使用http://schema.org/来制作微格式。谷歌正式建议使用它，Bing和许多其他搜索引擎也完全支持它。当您使用schema.org微格式时，搜索引擎抓取工具将从您的标记中提取数据实体，并以相应的方式在搜索结果中显示它们。

所以是的，使用微格式有好处。通过使用它们，您可以改善搜索引擎抓取工具的行为，您的内容将被正确编入索引，更重要的是，它将被正确分类，因此它将显示在自定义搜索中。

hcard概念如何在HTML中工作

5 个答案: