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 .
Puede que te interese !!! .
Tarjeta de visita virtual vcard.
Atributos de un formulario en HTML5
Manifiesto html5
Herramientas para un sitio web mas rápido.
Canvas html5.
Nota adhesiva ,audio vídeo html5.
Editores para html5.
CSS3. Trabajar con Múltiples imágenes de fondo .
Border-radius,Shadow CSS3.
framework.
Evolución del html
Enlaces librerías herramientas y compatibilidad con IE.
Internet mas rápida.
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 .
ResponderEliminarGracias saludos y suerte para ti .
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+
ResponderEliminarGracias!!!!!!!!!! . 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