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.