HTML5和Schema.org,为什么同时使用?

时间:2014-02-11 00:09:25

标签: html5 schema.org semantic-markup microdata

使用Schema.org的Microdata已经更好地描述了除HTML5之外的任何元素,它似乎多余了?例如:

<nav itemscope itemtype="http://schema.org/SiteNavigationElement">
    <!-- might as well just be... -->
<div itemscope itemtype="http://schema.org/SiteNavigationElement">

<article itemscope itemtype="http://schema.org/NewsArticle">
    <!-- might as well just be... -->
<div itemscope itemtype="http://schema.org/NewsArticle">

有些元素为网页创建了“大纲”,但除此之外有什么意义呢?为什么不使用div并忘记语义标签,只使用Microdata和Schema.org?

2 个答案:

答案 0 :(得分:3)

schema.org定义专门针对搜索引擎等应用程序(来自What is schema.org?):

  

该站点提供了一组模式,即html标签   网站管理员可以使用以专业人士认可的方式标记他们的网页   搜索提供商。搜索引擎包括Bing,Google,Yahoo!和   Yandex依靠此标记来改善搜索结果的显示,   使人们更容易找到合适的网页。

浏览器和屏幕阅读器以及搜索引擎(来自schema.org Getting started page)需要理解您的加价:

  

通常,HTML标记会告诉浏览器如何显示信息   包含在标签中。例如,&lt; h1&gt;头像&lt; / h1&gt;告诉浏览器   以标题1格式显示文本字符串“Avatar”。然而   HTML标记不提供有关该文本字符串的任何信息   意思是“阿凡达”可以指的是非常成功的3D电影,或者它   可以参考一种类型的个人资料图片 - 这可以使它更多   搜索引擎难以智能地显示相关内容   给用户。

因此,微数据允许您为标记添加额外的语义含义(使用schema.org提供的定义),不需要它的应用程序(例如浏览器)可以忽略这些语义,并且应用程序可以读取,比如搜索引擎。

Microdata不能替代在可用时使用适当的语义HTML标记,它应该用于增加该信息。因此,使用navarticle标记以及微数据的简单原因是这些标记对浏览器和屏幕阅读器有意义,而微数据则没有。

实际上,您的示例相当简单。我建议您查看schema.org getting started页面上的一些示例,以了解如何更有意义地使用微数据。

要查看实际使用的微数据,请尝试使用Google搜索并检查结果。如果我搜索myself,前三个结果(LinkedIn,github和我的投资组合页面)都显示使用微数据标记的信息,谷歌可以从页面中提取并呈现给用户以帮助提供更有意义的搜索结果。

答案 1 :(得分:0)

我们在schema.org中使用的绝大多数术语与HTML术语没有重叠,因为它们代表了各种各样的现实世界,如地点,流程,产品等。

此处突出显示的问题区域是围绕http://schema.org/WebPageElement的一小组术语。我不知道任何当前的搜索引擎功能都会特别使用这些功能,我建议任何看到它们使用价值的发布商也应该使用相应的纯HTML标记。