Microdatos (HTML5)


La importancia de los microdatos y el papel que juegan en un futuro próximo en seo hace que valga la pena prestarle atención  y describir el tipo especifico de información opiniones ,datos personales o eventos utilizando atributos simples en etiquetas en html  como <div > o <span>asignando nombres breves y descriptivos  alas propiedad y elementos.   En las herrramientas  para webmasters de  google se  especifican con ejemplos claros la manera de aplicarlos según sea el caso.  Para  mas información .

Mientras tanto  voy  con los Microdatos

Si aplicara  de esta manera.!!

  mis datos pasaría desapercibido y el rastreador  no  sabría cual es mi nombre o cual es la url de  mi blog  .



<!DOCTYPE HTML>
<html>
<head><head>
<body>
<header>
</header>
<nav></nav>
<article>
<section>
<div  itemscope  itemtype=
"http://www.data-vocabulary.org/Person">
Me llamo Andreina Zerpa
Me llaman andrea
Estudio Programación
Administro un blog  http://portalsitios.blogspot.jp/

</div>

</section>

</article>
</body>
</html>

 para que mis datos sean rastreados de manera inteligente   por los buscadores  especificaría mis datos de esta manera .



<!DOCTYPE HTML>
<html>
<head><head>
<body>
<header>
</header>
<nav></nav>
<article>
<section>
<div  itemscope  itemtype=
"http://www.data-vocabulary.org/Person/">
Me llamo <span itemprop="name">Andreina Zerpa </span>
Me llaman<span itemprop="nickname"> andrea </span>
Estudio<span itemprop="title"> Programacion</span>
Administro un blog <span itemprop="url"> http://portalsitios.blogspot.jp/</span>

</div>

</section>

</article>
</body>
</html>



donde el   itemscope es un contenedor de datos
 itemtype  definición de los datos y
 itemprop que seria el dato .


También este otro ejemplo .


<div id="principal"  itempscope itemtype="http://www.data-vocabulary.org/Person">
     <header>

<h1><span itemprop="name">Andreina Zerpa<span></h1>
<h2><span itemprop="title">Mis practicas y proyectos </span></h2>

     </header>
<section>< span itemprop="photo"><img src="photo/magento.jpg" width=50px  height="50px"/>
</section>
   
se ve que asigno el url  en un div
 (<div id="principal"  itempscope itemtype="http://www.data-vocabulary.org/Person">)
seguido del   name y del title

(<h1><span itemprop="name">Andreina Zerpa<span></h1>
<h2><span itemprop="title">Mis practicas y proyectos </span></h2>)

finalizando con la photo.
(< span itemprop="photo"><img src="photo/magento.jpg" width=50px  height="50px"/>)






Para  saber  como asignar el tipo de datos según   las  herrramientas  para webmasters o  el estándar WSC.
por si acaso y para profundizar  sobre  el tema .




y   eso es todo corta la entrada pero importante  creo yo .  Saludos .






Comentarios

  1. Muy buen artículo. Efectivamente es muy importante que los desarrolladores "evangelicemos" sobre las ventajas de usar microdatos para mantener una web más organizada. También es una ventaja competitiva con respecto a nuestra presencia en los buscadores, google presenta microdatos en sus páginas de resultados, como el autor, valoración del artículo, etc. Seguro que usarlos aumenta el CTR de nuestros resultados.

    ResponderEliminar
  2. Ivan gusto de tenerte por aquí . La verdad es que es una tarea tediosa y de seguro que aumentara nuestro trabajo en una web pero valdrá la pena ya que el peso de la importancia generara resultados positivos en las estadísticas .

    Gracias saludos y suerte para ti .

    ResponderEliminar
  3. excelente articulo... todo lo q sea pa mejorar nuestra presencia en la web es bueno. no tenia idea q eso existía. te seguiré en G+

    ResponderEliminar
  4. Gracias!!!!!!!!!! . Si señor estas es lo correcto mejorar nuestra presencia con métodos apropiados (Resultados en positivo) es lo ideal . Suerte Grande para ti !!!

    ResponderEliminar

Publicar un comentario