Escribir Ruta de Navegación con Microdatos de schema.org

creativoweb93 · #1 (**permalink**) 25/09/2013, 15:40

Estoy investigando como establecer los "pathways" que le gustan a Google con microdatos y según su recomendación con schema.org.

Encontré el ejemplo en http://schema.org/WebPage pero no lo entiendo muy bien, ya que yo estoy haciendo algo así...

Código HTML:

<body itemscope itemtype="http://schema.org/WebPage">

	<div itemprop="breadcrumb">
		<a href="/">Inicio</a>
		<a href="/directorio/">Directorio</a>
		<a href="/directorio/pagina.html">Pagina</a>
	</div>
	
	<div itemprop="mainContentOfPage">
		Contenido principal...
	</div>

	<img itemprop="image" src="thumbnail.png" />
	
</body>

Las preguntas que tengo son: ¿Esto es válido para HTML5?, ¿está bien usados los atributos "image" y "mainContentOfPage"?

También se me ocurrió lo siguiente, pero tampoco sé si está bien:

Código HTML:

<html itemscope itemtype="http://schema.org/WebPage">

	<head>
		<title itemprop="name">Titulo</title>
		<meta itemprop="description" name="description" content="des"/>
		<link itemprop="image" rel="image_src" href="thumbnail.png" type="image/png"/>
		<link itemprop="url" rel="canonical" href="http://www.dominio.com/directorio/pagina.html" />
	</head>
	
	<body>

	 	<div itemprop="breadcrumb">
			<a href="/">Inicio</a>
			<a href="/directorio/">Directorio</a>
			<a href="/directorio/pagina.html">Pagina</a>
		</div>

		<div itemprop="mainContentOfPage" itemscope itemtype="http://schema.org/WebPageElement">
			<h1 itemprop="name">Titulo del Contenido</h1>
			Contenido principal...
		</div>
 
	</body>

</html>

La información de la página está más completa ¿no?, pero es válido.

Gracias por su ayuda.