viernes, 16 de noviembre de 2012

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 .