domingo, 8 de febrero de 2015

Thing - image Microdatos Schema.org

Microdatos Schema.org -- Thing - image


Aquí es donde se complica un poco, ya que tienes que indicarle al navegador si es una Dirección Url ó un Objeto Imagen, vamos a tomar el ejemplo anterior para basarnos en los dos casos:

1.- Como una Dirección Url:

<div itemscope itemtype="http://schema.org/Thing">
     <span itemprop="alternateName">Chucho</span>
     <span itemprop="description">Animal de cuatro patas que hace guau guauu</span>
     <div itemprop="image" itemscope itemtype="http://schema.org/URL">
          <span itemprop="image">http://static.ddmcdn.com/en-us/apl/breedselector/images/breed-selector/dogs/breeds/golden-retriever_01_lg.jpg</span>
     </div>
</div>

Aquí le dices al navegador: Estoy hablando de un animal, su nombre alternativo es "Chucho" la descripción es "Animal de cuatro patas que hace guau guauu" y existe una imagen en la Dirección Url "http://static.ddmcdn.com/en-us/apl/breedselector/images/breed-selector/dogs/breeds/golden-retriever_01_lg.jpg".

2.- Como un Objeto Imagen:

<div itemscope itemtype="http://schema.org/Thing">
     <span itemprop="alternateName">Chucho</span>
     <span itemprop="description">Animal de cuatro patas que hace guau guauu</span>
     <div itemprop="image" itemscope itemtype="http://schema.org/ImageObject"> 
         <span itemprop="thumbnail">http://static.ddmcdn.com/en-us/apl/breedselector/images/breed-selector/dogs/breeds/golden-retriever_01_lg.jpg</span>
          <span itemprop="caption">Perro - Chucho</span>
          <span itemprop="exifData">File Size15 kB - File TypeJPEG - MIME Typeimage/jpeg - Image Width622 - Image Height352 - Encoding ProcessProgressive DCT, Huffman coding - Bits Per Sample8 - Color Components3 - YCbCr Sub SamplingYCbCr4:2:0 (2 2) - Quality50% - XMP ToolkitAdobe XMP Core 5.0-c060 61.134777, 2010/02/12-17:32:00  - Creator ToolAdobe Photoshop CS5 Macintosh</span> <!-- ESTAS SON LAS CARACTERISTICAS SEGÚN http://exifdata.com/ -->
          <meta itemprop="representativeOfPage" content="True" /> <!-- AQUÍ LO PUSE COMO META DATO, YA QUE NO ES VISIBLE Y LOS VALORES SON BOOLEANOS (FALSE/TRUE), Y ESTAMOS INDICANDO VALORES EN ESPAÑOL. AL MENOS QUE LO QUIERAS HACER VISIBLE  Y TIENES QUE UTILIZAR <span></span> U OTRA ETIQUETA VISIBLE. -->
     </div>
</div>

Esta modalidad es un poco mas complicada, pero si tu interés es indicar todas las características de la imagen, este es el procedimiento más adecuado.


Una vez mas, gracias por tu tiempo, espero te haya servido un poco este post. Disculpa la falta de argumento, mi idea principal es indicar las cosas básicas, ya que supongo que si estás interesado(a) en los microdatos debes conocer todos los pasos anteriores para construir una página web.
Hasta la proxima.